.sitemap-container {
  margin: '0 2%' !important;
}
.sitemap-container h1 {
  font-size: 3.5em;
}
.sitemap-container .sitemap-desc > div {
  margin: 0px 0px 2%;
}
.sitemap-container .sitemap-desc > div div > a {
  font-size: 1.8em;
  color: #000000;
}
.sitemap-container .sitemap-desc > div div > div {
  width: 100%;
  margin-bottom: 15px;
}
.sitemap-container .sitemap-desc > div .l2-category {
  margin-bottom: 6px;
}
.sitemap-container .sitemap-desc > div .l2-category a {
  font-size: 1.5em;
  color: #000000;
}
.sitemap-container .sitemap-desc > div .l2-category a:hover {
  text-decoration: underline;
}
.sitemap-container .sitemap-desc > div .l3-category span {
  line-height: 2em;
}
.sitemap-container .sitemap-desc > div .l3-category a {
  font-size: 1.1em;
  color: #000000;
}
.sitemap-container .sitemap-desc > div .l3-category a:hover {
  text-decoration: underline;
}
.sitemap-container .sitemap-desc > div .l2-category-mobile {
  margin-bottom: 0px;
}
.sitemap-container .sitemap-desc > div .l2-category-mobile a {
  font-size: 1.5em;
  color: #000000;
}
.sitemap-container .sitemap-desc > div .l3-category-mobile ul {
  list-style-type: none;
  margin-top: 7px;
}
.sitemap-container .sitemap-desc > div .l3-category-mobile ul li {
  line-height: 1.5em;
}
.sitemap-container .sitemap-desc > div .l3-category-mobile ul li a {
  font-size: 1.1em;
  color: #000000;
}
.sitemap-container .sitemap-desc > div .l3-category-mobile ul li a:hover {
  text-decoration: underline;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.winter-camp-row-main {
  width: 100%;
}
.winter-camp-row-main .winter-camp_row {
  width: 100%;
}
.winter-camp-row-main .winter-camp-banner-container {
  position: relative;
}
.winter-camp-row-main .ant-radio-inner::after {
  background-color: #f1897a;
}
.winter-camp-row-main .winter-camp-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 5vh 0vh 20vh 0vh;
}
.winter-camp-row-main .winter-camp-overlay-success {
  position: absolute;
  height: 60%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 5vh 0vh 20vh 0vh;
}
.winter-camp-row-main .winter-camp-banner-button {
  border: 1px solid white;
  border-radius: 10px;
  background-color: #1c7c88;
  color: white;
  display: flex;
  justify-self: center;
  align-items: center;
  text-transform: uppercase;
}
.winter-camp-row-main .winter-camp-success-button {
  padding: 5vh 2vh 5vh 2vh;
  width: 30%;
  border-radius: 10px;
  background-color: #f1897a;
  color: white;
}
.winter-camp-row-main .winter-camp-bottom-container {
  width: 100%;
  padding: 0 15vh 15vh 15vh;
  display: flex;
  justify-content: space-between;
}
.winter-camp-row-main .winter-camp-bottom-container .winter-camp-form-inner-container {
  padding: 2vh 7vh;
  border-radius: 10px;
}
.winter-camp-row-main .winter-camp-bottom-container .winter-camp-form-inner-container .ant-form-item-control {
  line-height: 25px !important;
}
.winter-camp-row-main .winter-camp-bottom-container .winter-camp-form-inner-container-payment {
  padding: 2vh 2vh;
  border-radius: 10px;
  border: 1px dashed white;
}
.winter-camp-row-main .winter-camp-bottom-container .winter-camp-form-inner-container-payment .ant-form-item-control {
  line-height: 25px !important;
}
.winter-camp-row-main .winter-camp-form-container {
  width: 48%;
  height: 100%;
  border-radius: 10px;
  padding: 6vh;
  background-color: #0c96a7;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-form-heading {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: white;
}
.winter-camp-row-main .winter-camp-form-container .ant-radio-checked .ant-radio-inner {
  border-color: #f1897a;
  background-color: #f1897a;
}
.winter-camp-row-main .winter-camp-form-container .ant-radio-checked .ant-radio-inner ::after {
  background-color: #f1897a;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-child-form {
  padding: 15px;
  border-radius: 5px;
  border: 2px dashed white;
  margin-bottom: 20px;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-child-form .ant-form-item label {
  color: #fff;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-child-form .ant-form-item .ant-form-item-label {
  text-align: start;
  line-height: 25px;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-child-form .ant-form-item-required::before {
  display: none;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-sign-form {
  border-radius: 5px;
  margin-bottom: 20px;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-sign-form .signCanvas {
  width: 100%;
  background-color: white;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-sign-form .ant-form-item label {
  color: #fff;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-sign-form .ant-form-item-required::before {
  display: none;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-parent-form .ant-form-item label {
  color: #fff;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-parent-form .ant-form-item .ant-form-item-label {
  text-align: start;
  line-height: 25px;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-parent-form .ant-form-item-required::before {
  display: none;
}
.winter-camp-row-main .winter-camp-form-container .new-card-form .wpwl-group-brand {
  display: none;
}
.winter-camp-row-main .winter-camp-form-container .pay-with-brand img {
  margin: 0 10px;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-add-remove-btn {
  width: 100%;
  padding: 0px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  border: 1px solid white;
  color: white;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-continue-btn {
  width: 100%;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f1897a;
  border: 2px solid white;
  color: white;
  border-radius: 20px;
}
.winter-camp-row-main .winter-camp-form-container .winter-camp-parent-continue {
  width: 47%;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f1897a;
  border: 2px solid white;
  color: white;
  border-radius: 20px;
}
.winter-camp-row-main .winter-camp-text-container {
  height: 100%;
  width: 48%;
  border-radius: 10px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-goal-container {
  margin-top: 5vh;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-goal-container ul {
  padding-inline-start: 3vh !important;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-goal-container ul li {
  font-size: 14px;
  margin-bottom: 10px;
  color: black;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-goal-container ul li ::marker {
  color: #f1897a;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-goal-container ul li .ant-radio-inner::after {
  background-color: #f1897a;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container {
  margin-top: 2vh;
  width: 100%;
  height: auto;
  background-color: #1c7c88;
  border-radius: 10px;
  color: white;
  padding: 5vh;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container .winter-camp-world-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed white;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container .winter-camp-world-header .winter-camp-world-heading {
  font-size: 16px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container .winter-camp-world-header .winter-camp-world-sub-heading {
  font-size: 13px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container .winter-camp-world-innertext-container {
  margin-top: 25px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container .winter-camp-world-innertext-container .winter-camp-world-innertext {
  font-size: 12px;
  margin-bottom: 10px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-world-container .winter-camp-world-registration-fee {
  width: 100%;
  margin-top: 10px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container {
  margin-top: 5vh;
  width: 100%;
  height: auto;
  background-color: #f1897a;
  border-radius: 10px;
  color: white;
  padding: 5vh;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container .winter-camp-world-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed white;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container .winter-camp-world-header .winter-camp-world-heading {
  font-size: 16px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container .winter-camp-world-header .winter-camp-world-sub-heading {
  font-size: 13px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container .winter-camp-world-innertext-container {
  margin-top: 25px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container .winter-camp-world-innertext-container .winter-camp-world-innertext {
  font-size: 12px;
  margin-bottom: 10px;
}
.winter-camp-row-main .winter-camp-text-container .winter-camp-values-container .winter-camp-world-registration-fee {
  width: 100%;
  margin-top: 10px;
}
.winter-camp-row-main .winter-camp-signature-text .winter-camp-values-container {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: white;
  border-bottom: 1px dashed white;
}
.winter-camp-row-main .winter-camp-signature-text .winter-camp-values-container .winter-camp-world-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed white;
}
.winter-camp-row-main .winter-camp-signature-text .winter-camp-values-container .winter-camp-world-header .winter-camp-world-heading {
  font-size: 16px;
}
.winter-camp-row-main .winter-camp-signature-text .winter-camp-values-container .winter-camp-world-header .winter-camp-world-sub-heading {
  font-size: 13px;
}
.winter-camp-row-main .winter-camp-signature-text .winter-camp-values-container .winter-camp-world-innertext-container {
  margin-top: 25px;
}
.winter-camp-row-main .winter-camp-signature-text .winter-camp-values-container .winter-camp-world-innertext-container .winter-camp-world-innertext {
  font-size: 12px;
  margin-bottom: 10px;
}
.winter-camp-row-main .winter-camp-payment-radio-btn-style {
  display: block;
}
.winter-camp-row-main .winter-camp-checkout-card-ending-with {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .winter-camp-row-main .winter-camp-overlay {
    padding: 2vh 0vh 15vh 0vh;
  }
  .winter-camp-row-main .winter-camp-overlay img {
    width: 100px !important;
  }
  .winter-camp-row-main .winter-camp-overlay .winter-camp-banner-button {
    padding: 2vh 5vh;
  }
  .winter-camp-row-main .winter-camp-text-container {
    width: 100%;
    margin-bottom: 2vh;
  }
  .winter-camp-row-main .winter-camp-bottom-container {
    flex-direction: column-reverse;
    padding: 2vh !important;
  }
  .winter-camp-row-main .winter-camp-bottom-container .winter-camp-form-inner-container {
    padding: 2vh;
  }
  .winter-camp-row-main .winter-camp-bottom-container .winter-camp-form-inner-container-payment {
    padding: 2vh;
  }
  .winter-camp-row-main .winter-camp-child-form .ant-form-item label {
    color: #fff;
  }
  .winter-camp-row-main .winter-camp-child-form .ant-form-item .ant-form-item-label {
    text-align: start;
    line-height: 17px !important;
  }
  .winter-camp-row-main .winter-camp-form-container {
    padding: 1vh;
    width: 100%;
  }
  .winter-camp-overlay-success {
    height: 75% !important;
  }
  .winter-camp-success-button {
    width: 90% !important;
  }
  .new-card-form .wpwl-apple-pay-button-white-with-line {
    -webkit-appearance: -apple-pay-button !important;
  }
}

.am-icon {
  fill: currentColor;
  background-size: cover;
  width: 22px;
  height: 22px;
}
.am-icon-xxs {
  width: 15px;
  height: 15px;
}
.am-icon-xs {
  width: 18px;
  height: 18px;
}
.am-icon-sm {
  width: 21px;
  height: 21px;
}
.am-icon-md {
  width: 22px;
  height: 22px;
}
.am-icon-lg {
  width: 36px;
  height: 36px;
}
.am-icon-loading {
  animation: cirle-anim 1s linear infinite;
}
@keyframes cirle-anim {
  100% {
    transform: rotate(360deg);
  }
}

.am-button {
  display: block;
  outline: 0 none;
  -webkit-appearance: none;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  font-size: 18px;
  height: 47px;
  line-height: 47px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  color: #000;
  background-color: #fff;
  border: 1PX solid #ddd;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #ddd;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-borderfix:before {
  transform: scale(0.49) !important;
}
.am-button.am-button-active {
  background-color: #ddd;
}
.am-button.am-button-disabled {
  color: rgba(0, 0, 0, 0.3);
  opacity: 0.6;
}
.am-button-primary {
  color: #fff;
  background-color: #108ee9;
  border: 1PX solid #108ee9;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-primary {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-primary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #108ee9;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-primary.am-button-active {
  color: rgba(255, 255, 255, 0.3);
  background-color: #0e80d2;
}
.am-button-primary.am-button-disabled {
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.4;
}
.am-button-ghost {
  color: #108ee9;
  background-color: transparent;
  border: 1PX solid #108ee9;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-ghost {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-ghost::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #108ee9;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-ghost.am-button-active {
  color: rgba(16, 142, 233, 0.6);
  background-color: transparent;
  border: 1PX solid rgba(16, 142, 233, 0.6);
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-ghost.am-button-active {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-ghost.am-button-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid rgba(16, 142, 233, 0.6);
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-ghost.am-button-disabled {
  color: rgba(0, 0, 0, 0.1);
  border: 1PX solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  opacity: 1;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-button-ghost.am-button-disabled {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-button-ghost.am-button-disabled::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-button-warning {
  color: #fff;
  background-color: #e94f4f;
}
.am-button-warning.am-button-active {
  color: rgba(255, 255, 255, 0.3);
  background-color: #d24747;
}
.am-button-warning.am-button-disabled {
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.4;
}
.am-button-inline {
  display: inline-block;
  padding: 0 15px;
}
.am-button-inline.am-button-icon {
  display: inline-flex;
}
.am-button-small {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}
.am-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.am-button > .am-button-icon {
  margin-right: 0.5em;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-wrapper-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.pswstrip .ant-btn {
  line-height: 2 !important;
}
.mainSearchScrollbarnone::-webkit-scrollbar {
  display: none;
}
.global-search :focus {
  border-radius: '0px';
}
.global-search .ant-btn-primary {
  width: 60px;
}
.global-search .inputrightpadding .ant-input {
  padding-left: 60px !important;
}
.global-search .inputleftpadding .ant-input {
  padding-right: 60px !important;
}
.auth-table {
  display: table;
}
.auth-table-row {
  display: table-row;
}
.auth-table-cell {
  display: table-cell;
  padding: 0 5px !important;
}
.hnak-position-fixed {
  z-index: 110 !important;
  top: 0 !important;
  left: 0 !important;
}
@media screen and (min-width: 993px) and (max-width: 8000px) {
  .hnak-position-fixed {
    position: fixed;
  }
}
.hnak-maxwidth {
  max-width: 1680px;
}
.hnak-padding-left {
  padding-left: 3.95vw;
}
.header-container {
  width: 100%;
  height: 60px;
  font-family: DIN Next;
  background-color: #F2DAC3;
  margin: 0;
}
.header-container-hide-category {
  height: 96px !important;
  align-items: center !important;
  background-color: #EBE3D4;
}
.header-wrappers {
  width: 100vw;
  height: 60px;
  font-family: DIN Next;
  background-color: #EBE3D4;
  margin: 0;
  margin-left: -60px !important;
  margin-right: -70px !important;
}
.header-wrappers:lang(ar) {
  width: 100vw;
  font-family: DIN Next;
  background-color: #EBE3D4;
  margin: 0;
  margin-left: -109px !important;
  margin-right: -70px !important;
}
.header-wrapper {
  width: 100vw;
  font-family: DIN Next;
  background-color: #F2DAC3;
  margin: 0;
}
@media screen and (min-width: 280px) and (max-width: 992px) {
  .header-wrapper {
    height: 60px !important;
  }
}
.cart-header-container .header-row {
  width: 100% !important;
}
.header-row {
  width: calc(100% - 6vw);
  height: 2vmax;
  background-color: #F2DAC3;
}
.header-row-search {
  width: calc(100% - 4vw);
  height: 2vmax;
  background-color: #EBE3D4;
}
.header-wrapper:lang(ar) {
  padding: 0 !important;
}
.header-searchbar .ant-input {
  font-size: 16px;
  border-width: 0 !important;
}
.header-searchbar .ant-input-affix-wrapper .ant-input-suffix {
  right: 0;
}
.header-searchbar .ant-input-affix-wrapper .ant-input-prefix {
  left: 0;
}
.header-searchbar .ant-select {
  border: none !important;
  border-radius: 2px;
  color: #FFFFFF !important;
  overflow: hidden;
}
.header-searchbar .ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 2px;
  text-align: right;
}
.header-searchbar .ant-select-auto-complete.ant-select .ant-input:focus,
.header-searchbar .ant-select-auto-complete.ant-select .ant-input:hover {
  border-right-width: none !important;
  border: none;
}
.header-searchbar .ant-select-auto-complete.ant-select .ant-input:focus {
  border-radius: 0px !important;
}
.header-searchbar .ant-select-auto-complete.ant-select .ant-input {
  -webkit-background-clip: padding-box !important;
  -moz-background-clip: padding;
  background-clip: padding-box !important;
  border-radius: 0px;
  border: none !important;
  height: 42px;
  background: #EBE3D4;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  margin-bottom: 5px;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-first-child {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  color: #b1b1b1 !important;
  font-size: 14pt !important;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-first-child:lang(ar) {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  color: #b1b1b1 !important;
  font-size: 14pt !important;
  margin-left: 25px;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-last-child {
  margin-left: 10px;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-last-child:lang(ar) {
  margin-right: 10px;
  right: unset !important;
  left: 0 !important;
  position: absolute;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.normal-mobile-first-child {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  color: #000 !important;
}
.header-searchbar .ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.normal-first-child {
  color: #000 !important;
}
.header-actions .ant-avatar {
  border-radius: 0;
}
.hnak-margin-left-right {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.hnak-margin-left-right span {
  margin: 0 0vw;
}
.hnak-margin-left-right-cart {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.hnak-margin-left-right-cart span {
  margin: 0 0vw;
}
.header-auth {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
.header-cart .cart-text {
  font-size: 0.9vw;
  letter-spacing: 1px;
  font-weight: 600;
  color: #FFFFFF;
  vertical-align: baseline !important;
}
.header-cart .hnak-cart-badge span {
  color: #000 !important;
  margin: 0 !important;
}
.header-cart .hnak-cart-badge span:last-child {
  color: #000000;
}
.header-cart .ant-avatar {
  height: 24px !important;
  width: 24px !important;
}
.header-locale span {
  font-size: 0.9vw;
  letter-spacing: 1px;
  font-weight: 600;
  color: #ebe3d4;
  vertical-align: middle !important;
}
.header-locale-font-arabic span {
  font-family: 'Cairo' !important;
}
.header-locale-font-english span {
  font-family: 'Cairo' !important;
}
.header-wrapper:lang(ar) {
  padding: 0 !important;
}
@media only screen and (max-width: 992px) {
  .header-container {
    height: 60px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .header-container {
    height: 60px;
  }
  .global-search .ant-btn-primary {
    height: 36px;
    width: 60px;
  }
  .header-searchbar {
    /* search form height */
  }
  .header-searchbar .ant-input-affix-wrapper .ant-input-suffix,
  .header-searchbar .ant-input-prefix {
    height: 36px !important;
  }
  .header-searchbar .ant-select-auto-complete.ant-select .ant-select-search--inline,
  .header-searchbar .ant-select-selection--single {
    height: 36px;
  }
}
.mobile-searchbar .ant-input-suffix {
  right: 0.4vw !important;
}
.mobile-searchbar .ant-input-prefix:lang(ar) {
  left: 2px !important;
}
.mobile-searchbar .ant-input:focus {
  border-color: transparent !important;
  border-right-width: 0 !important;
}
.mobile-searchbar .ant-input {
  background-color: #EBE3D4;
  border: none !important;
  font-size: 5vw;
}
.mobile-searchbar .ant-input:focus {
  box-shadow: none !important;
}
.auth-button .auth-table-cell {
  display: flex !important;
  align-items: center;
}
.auth-button .auth-span .text-font {
  color: #cccccc !important;
  margin-bottom: 0px !important;
  margin-right: 15px;
}
.auth-button .ant-avatar > img {
  object-fit: contain !important;
}
.searchModal .ant-select-selection__rendered {
  line-height: 54px !important;
}
.searchModal .ant-select-selection__rendered .ant-select-selection__placeholder {
  font-size: 17px;
  text-align: left;
}
.searchModal .ant-select-selection__rendered .ant-select-selection__placeholder:lang(ar) {
  font-size: 17px;
  text-align: right;
}
.searchModal .ant-select-selection__rendered .mobile-searchbar:lang(ar) .ant-input-prefix {
  left: 0 !important;
}
.searchModal .ant-select-selection__rendered .mobile-searchbar:lang(ar) .ant-input-prefix .ant-btn-primary {
  width: 60px !important;
}
.searchModal .mobile-search-bar {
  margin-top: 20vw;
}
.searchModal .mobile-search-bar .normal-search-mobile a {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 86vw;
  display: inline-block;
  color: #F2DAC3 !important;
}
.searchModal .mobile-search-bar .normal-search-mobile a span:first-child {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80vw;
  display: inline-block;
}
.searchModal .mobile-search-bar .history-search-mobile a {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 86vw;
  display: inline-block;
  color: #b1b1b1 !important;
}
.searchModal .mobile-search-bar .history-search-mobile a span:first-child {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80vw;
  display: inline-block;
  color: #b1b1b1 !important;
}
.searchModal .mobile-search-bar .am-search .am-search-cancel {
  display: none;
}
.suggestion_search_mobile {
  list-style-type: none;
  margin-top: 0.5vw;
  padding-left: 0px;
  display: inline-block;
  max-height: 70vw;
  overflow-y: scroll;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.suggestion_search_mobile li {
  padding: 2vw;
}
.header-searchbar ::-webkit-input-placeholder {
  color: #999999CC;
  font-size: 20px;
}
.header-searchbar ::-moz-placeholder {
  color: #999999CC;
  font-size: 20px;
}
.header-searchbar :-ms-input-placeholder {
  color: #999999CC;
  font-size: 20px;
}
.header-searchbar ::placeholder {
  color: #999999CC;
  font-size: 20px;
}
.border-right {
  border-right: 1px solid #cccccc !important;
}
.border-right .ant-avatar > img {
  object-fit: contain !important;
}
.border-left .ant-avatar > img {
  object-fit: contain !important;
}
.border-left {
  border-left: 1px solid #cccccc !important;
}
.border-null {
  border-right: 1px black;
}
@media (min-width: 992px) {
  .colwitdh .ant-col-lg-14 {
    width: 85% !important;
  }
  .colwitdh .ant-col-lg-15 {
    width: 85% !important;
  }
}
@media (min-width: 1680px) and (max-width: 1920px) {
  .header-row {
    width: calc(100% - 10vw);
    height: 2vmax;
    background-color: #F2DAC3;
  }
  .header-action-left-col {
    padding-left: 4px !important;
  }
  .header-action-right-col {
    padding: 9px 0px 0px 10px !important;
  }
}
@media (min-width: 1600px) and (max-width: 1680px) {
  .header-row {
    width: calc(100% - 10vw);
    height: 2vmax;
    background-color: #F2DAC3;
  }
  .header-action-left-col {
    padding-left: 6px !important;
  }
  .header-action-right-col {
    padding: 9px 3px 0px 10px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .header-row {
    width: calc(100% - 10vw);
    height: 2vmax;
    background-color: #F2DAC3;
  }
  .header-action-left-col {
    padding-left: 6px !important;
  }
  .header-action-right-col {
    padding: 9px 3px 0px 10px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px), (min-width: 1280px) and (max-width: 1400px) {
  .header-row {
    width: calc(100% - 10vw);
    height: 2vmax;
    background-color: #F2DAC3;
  }
  .header-action-left-col {
    padding-left: 8px !important;
  }
  .header-action-right-col {
    padding: 9px 2px 0px 10px !important;
  }
}
.hnak-blog-link-css {
  color: #cccccc !important;
  margin-bottom: 0px !important;
  margin-right: 15px;
  font-size: 0.9vw;
  font-weight: 600;
  vertical-align: baseline !important;
}
.smartlogo {
  margin-left: 56px;
}
.smartlogo:lang(ar) {
  margin-right: 56px;
}
.searchdropdown {
  position: absolute;
  background-color: #ffffff !important;
  width: 145%;
  left: -7%;
}
.searchdropdown:lang(ar) {
  position: absolute;
  background-color: #ffffff !important;
  width: 145%;
  top: 89px;
  right: -10%;
}
@media screen and (min-width: 1201px) and (max-width: 8000px) {
  .searchdropdown {
    top: 52px !important;
  }
  .searchdropdown:lang(ar) {
    top: 52px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .searchdropdown {
    top: 75px !important;
  }
  .searchdropdown:lang(ar) {
    top: 54px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1024px) {
  .searchdropdown {
    top: 47px !important;
  }
  .searchdropdown:lang(ar) {
    top: 47px !important;
  }
}
@media only screen and (max-width: 992px) {
  .searchdropdown {
    top: 46px !important;
  }
  .searchdropdown:lang(ar) {
    top: 46px !important;
  }
}
@media screen and (min-width: 501px) and (max-width: 575px) {
  .searchdropdown {
    width: 240% !important;
  }
  .searchdropdown:lang(ar) {
    width: 240% !important;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .searchdropdown {
    width: 170% !important;
  }
  .searchdropdown:lang(ar) {
    width: 170% !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 400px) {
  .searchdropdown {
    width: 190% !important;
  }
  .searchdropdown:lang(ar) {
    width: 190% !important;
  }
}
.searchresult {
  width: 100%;
  padding-left: 8%;
  padding-bottom: 3%;
  padding-top: 1%;
  padding-right: 18%;
}
.searchresult:lang(ar) {
  width: 100%;
  padding-left: 19.2%;
  padding-bottom: 3%;
  padding-top: 1%;
  padding-right: 10%;
}
.headerTopRow {
  height: 90px;
  background-color: #24554E;
}
.navbarMenu {
  border-radius: 0px;
  box-sizing: border-box;
  width: 100% !important;
}
.flex-container {
  padding: 0px;
  margin: 0;
  list-style: none;
}
@media screen and (min-width: 1025px) and (max-width: 8000px) {
  .navbarMenu ul li {
    text-transform: uppercase;
  }
  .menuMainRow {
    margin-top: 60px;
    z-index: 99;
    position: fixed;
  }
  .navbarMenu {
    background: linear-gradient(to right, #FFF6ED 40%, #F2DAC3 130%);
    color: #ede3d2 !important;
  }
  .navbarMenu:lang(ar) {
    background: linear-gradient(to left, #FFF6ED 40%, #F2DAC3 130%);
    color: #ede3d2 !important;
  }
  .flex-container {
    display: flex;
  }
  .navbarMenu ul {
    /*justify-content: space-around;*/
    justify-content: space-between;
  }
  .showOnMobile {
    display: none !important;
  }
  .showOnDesktop {
    display: block !important;
  }
  .header-container {
    height: 60px ;
  }
  .megaMenuwrapper .ant-col-xs-24,
  .megaMenuwrapper .ant-col-md-8,
  .megaMenuwrapper .ant-col-xl-4 {
    padding: 0px 20px 0px 10px;
    word-wrap: break-word;
  }
}
@media screen and (min-width: 1911px) and (max-width: 8000px) {
  .menuRow {
    width: 92% !important;
    margin: auto;
  }
  .menuRow:lang(ar) {
    width: 90% !important;
    margin: auto;
  }
}
@media screen and (min-width: 1673px) and (max-width: 1910px) {
  .menuRow {
    width: 92% !important;
    margin: auto;
  }
  .menuRow:lang(ar) {
    width: 90% !important;
    margin: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1672px) {
  .menuRow {
    width: 92% !important;
    margin: auto;
  }
  .menuRow:lang(ar) {
    width: 90% !important;
    margin: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .menuMainRow {
    z-index: 99;
    position: fixed;
    overflow-y: auto;
    height: 100%;
  }
  .navbarMenu {
    background: #f5f5f5 !important;
  }
  .navbarMenu ul {
    justify-content: left !important;
  }
  .showOnDesktop {
    display: none !important;
  }
  .subMenu li {
    padding: 8px 0px !important;
  }
  .flex-container li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .menuRow {
    min-height: 100% !important;
    overflow-y: auto !important;
    background-color: #FFFFFF !important;
  }
  .navbarMenu {
    width: 77% !important;
  }
  .megaMenuwrapper h4 a {
    margin-top: 12px !important;
    color: #000 !important;
    font-size: 110% !important;
  }
  .megaMenuwrapper li a {
    line-height: 2.3 !important;
    color: #7e7e7e !important;
    text-transform: capitalize !important;
    font-weight: 300 !important;
  }
  .megaMenuwrapper li a:hover {
    color: #000 !important;
  }
}
.subMenu li {
  padding: 8px 0 !important;
}
.subMenu a {
  font: 115%;
  font-weight: 300;
  color: #7e7e7e;
  text-transform: capitalize !important;
  transition: 0.5s;
}
.subMenu a:hover {
  color: #000;
  background-position: 0 100%;
}
@media screen and (min-width: 993px) and (max-width: 8000px) {
  .cartPaddingEn {
    padding-left: 12px !important;
    padding-right: 12px;
  }
  .megamenuRow {
    max-width: 400px;
    width: auto !important;
    min-width: 120px;
  }
  .megaMenuwrapper h4 a {
    color: #000 !important;
    font-size: 1vw !important;
    font-weight: 500 !important;
  }
  .megaMenuwrapper li {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.3 !important;
    font-size: 110% !important;
  }
  .megaMenuwrapper li a {
    line-height: 1.3 !important;
    color: #7e7e7e !important;
    text-transform: capitalize !important;
    font-weight: 300 !important;
    padding-bottom: 15px !important;
    font-size: 0.85vw !important;
  }
  .megaMenuwrapper li a:hover {
    color: #000 !important;
  }
}
@media only screen and (max-width: 992px) {
  .megamenuRow {
    background-color: #f5f5f5 !important;
    text-transform: capitalize;
  }
  .subMenu a {
    text-transform: capitalize;
    font-size: 100% !important;
  }
}
.megaMenuwrapper h4 {
  margin-top: 12px !important;
}
.megamenuRow {
  display: none;
  background-color: #f9f9f9;
  left: 0;
  width: 100%;
  height: auto;
}
.mobileLoginMenu ul {
  padding: 15px 0px 5px 0px !important;
  background-color: #FFFFFF !important;
  margin-top: 25px;
}
.mobileLoginMenu ul li {
  list-style: none;
  padding: 0px 0px;
}
.mobileLoginMenu span {
  margin: auto 8px;
}
@media only screen and (max-width: 600px) {
  .cartMarginEn {
    padding-right: 0px !important;
    margin-right: 10px;
  }
  .cartMarginAr {
    padding-left: 0px !important;
    margin-left: 10px;
  }
  .mobileMenuAr {
    margin-right: -14px !important;
  }
  .mobileMenuEn {
    margin-left: -5px !important;
  }
  .logoMarginEn {
    margin-right: -50px !important;
  }
  .logoMarginAr {
    margin-left: -50px !important;
  }
  .bottom-sort-filter-row {
    height: 50px;
    width: 100%;
    background-color: #ebe3d4;
    position: fixed;
    background: transparent;
    bottom: 0px;
    z-index: 1;
  }
  .bottom-sort-filter-col {
    background-color: #F2DAC3;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  .cartMarginEn {
    padding-right: 0px !important;
  }
  .cartMarginAr {
    padding-left: 0px !important;
  }
  .mobileMenuAr {
    margin-right: -22px !important;
  }
  .mobileMenuEn {
    margin-left: -25px !important;
  }
}
.bottom-sort-filter-row {
  height: 50px;
  width: 100%;
  background-color: #ebe3d4;
  position: fixed;
  background: transparent;
  bottom: 0px;
  z-index: 1;
}
.bottom-sort-filter-col {
  background-color: #F2DAC3;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.mobileDropdownIcon {
  float: right;
  width: 34px;
  height: 34px;
  background-color: #24554e;
  text-align: center;
  border-radius: 25px;
  color: #fff;
  border: 0;
  margin-top: 8px;
}
.mobileDropdownIcon:lang(ar) {
  float: left;
  width: 34px;
  height: 34px;
  background-color: #24554e;
  text-align: center;
  border-radius: 25px;
  color: #fff;
  border: 0;
}
.arrowUp button {
  transition: all 0.4s ease;
}
.arrowUp button:hover {
  transform: rotateZ(-180deg);
}
.allCategory span {
  margin-left: 9px !important;
  font-size: 15px;
  font-weight: 500 !important;
}
.am-accordion-header p {
  margin-bottom: 0 !important;
}
.download-app-header {
  color: #333333;
  text-decoration: underline;
}
.download-app-header:hover {
  color: #333333;
  text-decoration: underline;
}
@media screen and (min-width: 841px) and (max-width: 992px) {
  .search-row-width {
    width: 119.6%;
  }
  .search-row-width:lang(ar) {
    width: 116%;
  }
  .header-searchbar {
    margin-left: 40px;
  }
  .header-searchbar:lang(ar) button {
    margin-left: 40px;
  }
  .header-searchbar:lang(ar) {
    margin-left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 840px) {
  .search-row-width {
    width: 122%;
  }
  .search-row-width:lang(ar) {
    width: 110%;
  }
  .header-searchbar {
    margin-left: 40px;
  }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .search-row-width {
    width: 124.1%;
  }
  .header-searchbar {
    margin-left: 50px;
  }
}
@media screen and (min-width: 415px) and (max-width: 600px) {
  .search-row-width {
    width: 128%;
  }
  .header-searchbar {
    margin-left: 40px;
  }
  .search-input input {
    font-size: 14px;
  }
  .search-input input,
  .search-input input::-webkit-input-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px) {
  .search-row-width {
    width: 136.4% !important;
    box-sizing: border-box;
    display: inline-flex;
  }
  .search-row-width:lang(ar) {
    width: 116.4%;
  }
  .header-searchbar {
    margin-left: 50px;
    padding-left: 40px;
  }
  .search-input input,
  .search-input input::-webkit-input-placeholder {
    font-size: 14px;
  }
}
@media screen and (min-width: 200px) and (max-width: 375px) {
  .search-row-width {
    width: 139.5%;
    box-sizing: border-box;
    display: inline-flex;
  }
  .search-row-width:lang(ar) {
    width: 139.4%;
  }
  .header-searchbar {
    margin-left: 50px;
    padding-left: 40px;
  }
  .search-input input,
  .search-input input::-webkit-input-placeholder {
    font-size: 14px;
  }
}
.search-input input,
.search-input .ant-input,
.search-input input[type="text"] {
  outline: none !important;
  border: 0 !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon {
  color: #1890ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #1890ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #e6f7ff;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #1890ff;
  font-weight: bold;
  text-shadow: 0 0 2px #bae7ff;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}
.ant-table-filter-dropdown-link {
  color: #1890ff;
}
.ant-table-filter-dropdown-link:hover {
  color: #40a9ff;
}
.ant-table-filter-dropdown-link:active {
  color: #096dd9;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: #1890ff;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #40a9ff;
}
.ant-table-row-expand-icon:active {
  color: #096dd9;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.account-container-mobile {
  width: 100%;
  padding: 5vw 0;
}
.account-container-mobile .account-title-mobile {
  width: 100%;
  padding: 12px 0;
  margin-bottom: 0.3;
}
.account-container-mobile .account-title-mobile span {
  font-size: 6vw;
  color: #000000;
  font-weight: 600;
}
.account-container-mobile .account-title-mobile:lang(ar) {
  text-align: right;
}
.account-menus-mobile {
  width: 100%;
  overflow: hidden !important;
}
.account-menus-mobile .ant-menu-inline .ant-menu-item {
  margin: 0;
  line-height: 60px;
  height: 60px;
  color: #000000;
  font-size: 1.2vw;
}
.account-menus-mobile .ant-menu-inline .ant-menu-item:after {
  border: 0;
}
.account-menus-mobile .ant-menu-inline .ant-menu-item-selected {
  background-color: #FFFFFF;
  color: #000000;
  font-size: 1.2vw;
  box-shadow: none;
}
.account-menus-mobile-info {
  width: 100%;
  min-height: 20vh !important;
  height: 255px !important;
  background-image: url('/static/content/Bg.png');
  background-position-x: center;
  background-position-y: bottom;
  justify-content: center !important;
}
.account-menus-mobile-actions {
  color: #000;
  margin-top: 2vh !important;
}
.account-avatar-uploader > .ant-upload {
  width: 120px;
  height: 120px;
  float: unset;
  margin: 15px 34% 10px;
}
.info-flex {
  width: 100%;
  color: #000;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
}
.account-menus-logout-container {
  width: 90%;
  margin: 1vw 5vw;
  font-weight: 700;
  padding: 13px 0px;
  white-space: nowrap;
  border-top: 1px solid #dedede;
}
.account-menus-logout-container span {
  text-transform: capitalize !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #666666;
  margin: 7px 0px 0px 7px;
}
.account-menus-logout-container span:lang(ar) {
  margin: 5px 7px 0px 0px;
}
.account-menus-link-container {
  width: 100%;
  padding: 15px 0px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}
.new-guest-buttons {
  width: 30vw;
  height: 40px;
  border-radius: 0px;
  border: 1px solid #000 !important;
  margin: 1vw 1.5vw;
}
.myorder-list {
  margin-bottom: 10px;
}
.myorder-list .ant-menu-item a span {
  color: #000000 !important;
}
.myorder-list .ant-menu-item .am-flexbox-item:last-child {
  text-align: right;
}
.myorder-list:lang(ar) .ant-menu-item {
  padding-left: 0 !important;
}
.myorder-list:lang(ar) .ant-menu-item .am-flexbox-item:first-child {
  text-align: start !important;
}
.myorder-list:lang(ar) .ant-menu-item .am-flexbox-item:last-child {
  text-align: start !important;
}
.myorder-list:lang(ar) .ant-menu-item .am-flexbox-item:last-child .am-icon {
  transform: scaleX(-1);
  vertical-align: middle;
}
.order-card-mobile {
  min-height: 20vw;
  width: 100%;
}
.order-card-mobile .ant-card-body {
  padding: 24px 0px;
}
.order-card-mobile .view-orderlist-mob-header {
  background: #000000;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 3vw;
}
.order-card-mobile .ship-date {
  text-align: right;
}
.order-card-mobile .ship-date:lang(ar) {
  text-align: left;
}
.viewInfo-itemName {
  color: #000000;
  font-size: 3.5vw;
}
.viewInfo-itemName:hover,
.viewInfo-itemName:visited,
.viewInfo-itemName:active {
  color: #000000;
  font-size: 3.5vw;
}
.order-item-qty,
.order-item-price {
  color: #000000;
  font-size: 3.5vw;
  padding-bottom: 1vw;
}
.order-item-price span:last-child {
  font-weight: 600;
}
.track-steps-mobile .ant-steps-item-title::after:lang(ar) {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.track-steps-mobile .ant-steps-item-content {
  width: 100%;
  overflow: unset;
}
.track-steps-mobile .ant-steps-item-content .ant-steps-item-title {
  color: #000000 !important;
}
.track-steps-mobile .ant-steps-item-content .ant-steps-item-description {
  margin-left: 25px;
  color: #B1B1B1 !important;
}
.track-steps-mobile .ant-steps-item-content .ant-steps-item-description:lang(ar) {
  margin-left: 0;
  margin-right: 25px;
}
.track-steps-mobile .ant-steps-item-finish .ant-steps-icon-dot,
.track-steps-mobile .ant-steps-item-process .ant-steps-icon-dot {
  background: #45A055 !important;
}
.track-steps-mobile .ant-steps-item-finish .ant-steps-item-tail::after {
  background: #45A055 !important;
}
.track-steps-mobile:lang(ar) .ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.track-steps-mobile:lang(ar) .ant-steps-item-finish .ant-steps-item-tail,
.track-steps-mobile:lang(ar) .ant-steps-item-process .ant-steps-item-tail,
.track-steps-mobile:lang(ar) .ant-steps-item-wait .ant-steps-item-tail {
  right: 3px;
  left: unset;
}
.track-steps-mobile:lang(ar) .ant-steps-item-finish .ant-steps-item-icon,
.track-steps-mobile:lang(ar) .ant-steps-item-process .ant-steps-item-icon,
.track-steps-mobile:lang(ar) .ant-steps-item-wait .ant-steps-item-icon {
  display: block;
  position: absolute;
  right: unset;
  margin-right: 0;
}
.track-steps-mobile:lang(ar) .ant-steps-item-process .ant-steps-item-icon {
  margin-right: -3px;
}
.trackDoneBtnMobile {
  color: #000000 !important;
  border-color: #000000 !important;
  background: #FFFFFF !important;
  text-transform: uppercase;
  padding: 0 5vw;
  font-size: 4vw;
  height: 9vw;
  font-family: Poppins;
  font-weight: 500;
}
.address-container-mobile {
  padding: 24px 0;
}
.address-container-mobile .ant-card-bordered {
  width: 100%;
  border: 1px solid #70707036;
}
.address-container-mobile .ant-card-bordered .ant-card-body {
  padding: 20px 0;
  font-size: 0.8rem;
  font-weight: 400;
}
.address-container-mobile .address-form-mobile .ant-card-bordered {
  padding: 0 10px;
}
.address-container-mobile .address-form-mobile .ant-card-head {
  padding: 0 10px;
}
.address-container-mobile .ant-input,
.address-container-mobile .ant-input:hover,
.address-container-mobile .ant-input::after,
.address-container-mobile .ant-input:focus {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #7F7F7F;
}
.address-container-mobile .ant-card-extra a {
  color: #FFFFFF;
  margin: 0 15px;
}
.address-container-mobile .addressDelete,
.address-container-mobile .addressDelete:active,
.address-container-mobile .addressDelete:focus {
  display: grid;
  height: auto;
  padding: 7px 10px;
  border: 1px solid #B1B1B1;
  color: #B1B1B1;
  border-radius: 8pt;
}
.address-container-mobile .addressDelete span,
.address-container-mobile .addressDelete:active span,
.address-container-mobile .addressDelete:focus span {
  margin: 0;
}
.address-container-mobile .addressEdit {
  text-align: right;
}
.address-container-mobile .addressEdit button,
.address-container-mobile .addressEdit .button:active,
.address-container-mobile .addressEdit .button:focus {
  height: auto;
  padding: 11px 22px;
  border: 1px solid #000000;
  color: #000000;
  border-radius: 8pt;
}
.address-container-mobile .addressEdit button span,
.address-container-mobile .addressEdit .button:active span,
.address-container-mobile .addressEdit .button:focus span {
  margin: 0;
}
.address-container-mobile .addressEdit:lang(ar) {
  text-align: left;
}
.address-container-mobile .add-address-mobile .ant-card,
.address-container-mobile .add-address-mobile .ant-btn {
  border: 2px solid #000000;
}
.address-container-mobile .add-address-mobile .ant-btn {
  border: 1.5px solid #000000;
  color: #000000;
}
.address-container-mobile .add-address-mobile .ant-card-bordered {
  width: 100%;
  height: 100%;
}
.address-container-mobile .add-address-mobile .ant-card-body {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
}
.address-container-mobile .add-address-mobile .ant-card-body .add-new-address {
  font-size: 4vw;
  font-weight: 600;
  color: #000000 !important;
  margin: 0;
}
.account-container-mobile .account-info-container-mobile,
.account-container-mobile .account-credential-container-mobile {
  width: 100%;
  margin-bottom: 15px;
}
.account-container-mobile .account-info-container-mobile .account-info-mobile,
.account-container-mobile .account-credential-container-mobile .account-info-mobile,
.account-container-mobile .account-info-container-mobile .account-credential-mobile,
.account-container-mobile .account-credential-container-mobile .account-credential-mobile {
  border: 1px solid #70707036;
}
.account-container-mobile .account-info-container-mobile .ant-input,
.account-container-mobile .account-credential-container-mobile .ant-input,
.account-container-mobile .account-info-container-mobile .ant-input:hover,
.account-container-mobile .account-credential-container-mobile .ant-input:hover,
.account-container-mobile .account-info-container-mobile .ant-input::after,
.account-container-mobile .account-credential-container-mobile .ant-input::after,
.account-container-mobile .account-info-container-mobile .ant-input:focus,
.account-container-mobile .account-credential-container-mobile .ant-input:focus {
  border: 0;
  border-radius: 0;
  padding-right: 0px;
}
.account-container-mobile .account-info-container-mobile .account-credential-mobile .ant-card-body,
.account-container-mobile .account-credential-container-mobile .account-credential-mobile .ant-card-body {
  padding: 20px;
}
.cancel-order-modal-mobile {
  width: auto !important;
}
.cancel-order-modal-mobile .cancel-order-modal-row {
  width: 100%;
  text-align: center;
}
.cancel-order-modal-mobile .cancel-order-modal-row .cancel-order-modal-link {
  display: flex;
  align-items: center;
}
.cancel-order-modal-mobile .cancel-order-modal-row .cancel-order-modal-link .cancel-order-modal-link-text {
  font-size: 4vw;
  font-weight: 600 !important;
  color: #0076FF !important;
}
.cancel-order-modal-mobile .ant-modal-body {
  padding: 4vw;
}
.cancel-order-modal-mobile #cancel-order-call > span:nth-child(1),
.cancel-order-modal-mobile .cancel-order-support > span:nth-child(1),
.cancel-order-modal-mobile .cancel-order-or > span:nth-child(1) {
  font-size: 4vw;
  color: #000000;
  font-weight: 500;
}
.cancel-order-modal-mobile #cancel-number,
.cancel-order-modal-mobile #cancel-email {
  font-weight: 400;
  color: #297D7D;
  direction: ltr;
}
.cancel-order-modal-mobile .ant-modal-close {
  color: #FFFFFF;
  background: #000000;
  top: -32px;
  right: -21px;
  border: 1px solid black;
  border-radius: 50%;
}
.cancel-order-modal-mobile .ant-modal-close:hover {
  color: #FFFFFF !important;
}
.cancel-order-modal-mobile .ant-modal-close:lang(ar) {
  color: #FFFFFF;
  background: #000000;
  top: -32px;
  right: unset;
  left: -21px;
}
.cancel-order-modal-mobile .ant-modal-close-x {
  width: auto;
  height: auto;
  line-height: 1vw;
  display: block;
  padding: 4px;
}
@media screen and (max-width: 1024px) {
  .cancel-order-modal-mobile {
    max-width: calc(100vw - 50px) !important;
  }
}
.myreturn-mobile-container {
  padding: 24px 0;
}
.myorder-cart-mobile .return-item {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  width: 100%;
}
.myorder-cart-mobile .return-item .product-icon {
  width: 100%;
  height: 100%;
}
.myorder-cart-mobile .return-item .am-card-body {
  padding: 15px 0;
}
.myorder-cart-mobile .return-item .am-card-body .return-product-detail p {
  margin-top: 1em;
  margin-bottom: 0;
}
.orderlistsummary-mobile {
  text-transform: uppercase;
  color: #000000;
  font-size: 3.5vw;
}
.orderlistsummary-mobile p:last-child {
  font-size: 4vw;
  font-weight: 600;
}
.update-info-form-mob .has-success input:focus,
.update-info-form-mob .has-error input:focus {
  box-shadow: none !important;
}
.update-info-form-mob .ant-form-item-label:lang(ar) {
  text-align: right;
}
.update-info-form-mob .ant-input-group-addon .ant-select .ant-select-selection {
  font-size: 0.85rem !important;
}
.update-info-form-mob .ant-input-group-addon:first-child,
.update-info-form-mob .ant-input-group-addon:last-child {
  border: none !important;
  padding-top: 0.8vw !important;
}
.update-info-form-mob .ant-input-group-addon:last-child {
  margin-right: -10px;
}
.update-info-form-mob:lang(ar) .ant-input-group-addon .ant-select .ant-select-selection {
  margin-right: -20px !important;
}
.update-info-form-mob:lang(ar) .ant-select-dropdown-menu-item {
  padding: 5px !important;
}
.order-tracking-step-mobile .ant-steps-icon-dot {
  background-color: gray !important;
}
.view-order-track-mobile .ant-steps-item-active .ant-steps-icon-dot {
  background-color: #45A055 !important;
  margin-left: 0px !important;
}
.order-tracking-step-mobile ant-steps-item-content .ant-steps-item-title {
  margin-left: 0px !important;
}
.order-tracking-step-mobile .ant-steps-icon .ant-steps-icon-dot {
  height: 10px !important;
  width: 10px !important;
  margin-left: -2px;
}
.order-tracking-step-mobile .ant-steps-item-content {
  width: 90% !important;
}
.order-tracking-step-mobile .ant-steps-item-content {
  padding-left: 12px;
  padding-top: 6px;
  min-height: 20px !important;
  padding-bottom: 12px;
}
.order-tracking-step-mobile .ant-steps-item-content .ant-steps-item-title {
  font-size: 12px !important;
}
.order-tracking-step-mobile .ant-steps-item-content .ant-steps-item-title .ant-steps-item-subtitle {
  font-size: 12px !important;
}
.order-tracking-step-mobile-arabic .ant-steps-item-content .ant-steps-item-title {
  padding-right: 12% ;
}
.order-tracking-step-mobile-arabic > div > div:first-child {
  right: 5px !important;
}
.order-tracking-step-mobile-arabic > div > div:nth-last-child(2) {
  float: right;
  margin-right: 0;
}
.order-tracking-step-mobile-arabic .ant-steps-item-title > div {
  float: left;
  width: 97%;
}
.order-tracking-step-mobile-arabic .ant-steps-item-description {
  padding-right: 12px;
}
.ant-steps-item-tail::after {
  background-color: gray !important;
}
.cancel-order-modal-mobile .ant-modal-content {
  width: 100%;
}
.user-acount-container-mobile {
  width: 100%;
  background-color: #FAF9F6;
  font-family: Poppins;
  min-height: 80vh;
}
.user-acount-container-mobile .ant-avatar > img {
  display: inline-block;
  width: 60%;
  height: 60%;
  object-fit: contain;
  vertical-align: middle;
}
.return-sec-dropdown-mobile-ar .ant-select-selection-selected-value {
  width: 99%;
}
.return-sec-dropdown-bottom-mobile-ar .ant-select-selection-selected-value {
  width: 98%;
}
.return-sec-dropdown-mobile-ar > div > span {
  position: absolute;
  right: 94%;
}
.return-sec-dropdown-bottom-mobile-ar > div > span {
  position: absolute;
  right: 88%;
}
.return-sec-dropdown-mobile-ar > div > div,
.return-sec-dropdown-bottom-mobile-ar > div > div {
  margin-right: 2px !important;
}
.return-sec-dropdown-mobile-ar > div > div div,
.return-sec-dropdown-bottom-mobile-ar > div > div div {
  text-align: right;
}
.update-info-form-mob input[type=text] {
  outline: none !important;
}
.update-info-form-mob input[type=text]:lang(ar) {
  outline: none !important;
}
.input-margin-left-5 input[type=text] {
  margin-left: 5px !important;
}
.track-order-form-m {
  width: 90% ;
  margin: auto !important;
  display: block;
}
.track-order-form .ant-form-item {
  margin-bottom: 16px;
}
.track-order-form .ant-form-item-label {
  font-weight: bold;
  margin-bottom: 8px;
}
.track-order-form .ant-input {
  height: 40px;
  border-radius: 4px;
}
.track-order-paragraph.mobile {
  font-size: 20px;
  font-weight: normal;
  margin-left: 25px !important;
}
.bgcolor-mob {
  width: 100%;
  background-color: #F4EDE1;
  display: flex;
  text-align: initial;
}
.track-order-form-m input::placeholder {
  color: #000;
  /* Dark font for placeholder */
  opacity: 1;
  /* Ensure full visibility */
  font-size: 0.7vw;
  /* Adjust placeholder font size */
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}

.youtube-modal .ant-modal-content {
  background: transparent !important;
}
.youtube-modal-m-site .ant-modal-content {
  background: transparent !important;
}
.ant-modal-close-icon {
  color: white;
}
.gm-style-iw-c {
  max-width: 350px !important;
}
.gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style-iw {
  padding-right: 12px !important;
  padding-bottom: 12px !important;
}
.hide-scrollbar::-webkit-scrollbar {
  width: 2px;
  border-radius: 5px;
}
.hide-scrollbar::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #f1f1f1;
}
.hide-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #CCCCCC;
}
.youtube-modal-m-site .ant-modal-body {
  padding: 0px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  border-radius: 25px !important;
  background-color: #FFF6ED;
  border: none;
  border-color: #FFF6ED !important;
}
.select-max-distance .ant-select-selection {
  border-radius: 20px;
  border: 1px solid black;
}
.select-max-distance .ant-select-selection .ant-select-arrow-icon {
  color: black !important;
}
.storewrapper {
  background: #ffffff;
  width: 100%;
  padding: 2vw 1vw;
}
.container {
  position: absolute;
  top: 10%;
  left: 23%;
  width: 50%;
}
.text {
  display: inline;
  width: 100%;
}
.read-or-hide {
  color: #c0c0c0;
  cursor: pointer;
}
.getdirectionbtn {
  font-size: 1rem;
  font-weight: 400;
  color: #EBE3D4;
  border: 0;
  background-color: #333333 !important;
  width: 60%;
  height: 3vw;
  border-radius: 0 !important;
}
a.ant-btn {
  padding-top: 5.1px;
  line-height: 30px;
}
.getdirectionbtnmobile {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  letter-spacing: 2px;
  color: #EBE3D4;
  border: 0;
  background-color: #333333 !important;
  height: 40px;
  width: 99%;
  border-radius: 0 !important;
}
.dammanStore {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: auto;
  width: 100%;
  border-radius: 15px;
}
.almusabastore {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: 300px;
  width: 100%;
}
.RiyadStore {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: auto;
  width: 100%;
  border-radius: 15px;
}
.heramall {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: 300px;
  width: 100%;
}
.jeddastore {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: auto;
  width: 100%;
  border-radius: 15px;
}
.jeddaparksensi {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: 300px;
  width: 100%;
}
.dammanStore:lang(ar) {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: auto;
  width: 100%;
  border-radius: 15px;
}
.RiyadStore:lang(ar) {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: auto;
  width: 100%;
  border-radius: 15px;
}
.jeddastore:lang(ar) {
  background-color: #F2DAC3;
  min-height: 270px;
  max-height: 350px;
  height: auto;
  width: 100%;
  border-radius: 15px;
}
@media screen and (min-width: 1024px) and (max-width: 8000px) {
  .col-btm-margin {
    margin-bottom: 0px;
  }
  .store-banner-size {
    width: 55%;
  }
  .storeButton {
    position: absolute;
    bottom: 0;
    top: 45px;
  }
}
@media screen and (max-width: 1023px) {
  .col-btm-margin {
    margin-bottom: 10px;
  }
  .store-banner-size {
    width: 80%;
  }
}
.col-our-store {
  min-height: 370px;
  max-height: 420px;
  height: auto;
  padding: 50px 35px !important;
}
.col-our-store-des {
  font-size: 14px;
  top: 28%;
  color: #333333;
  font-weight: 400;
  text-align: center;
  line-break: 1.2;
  margin: auto !important;
}
.col-our-store-des-sensi {
  font-size: 14px;
  top: 0%;
  color: #333333;
  font-weight: 400;
  text-align: center;
  line-break: 1.2;
  margin: auto !important;
}
@media screen and (min-width: 1301px) and (max-width: 8000px) {
  .col-our-store-des {
    width: 80% !important;
  }
  .col-our-store-des-sensi {
    width: 80% !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1300px) {
  .col-our-store-des {
    width: 100% !important;
    padding: 0 !important;
  }
  .col-our-store-des-sensi {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .col-our-store-des {
    width: 80% !important;
  }
  .col-our-store-des-sensi {
    width: 80% !important;
  }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .col-our-store-des {
    width: 90% !important;
  }
  .col-our-store-des-sensi {
    width: 90% !important;
  }
}
.col-our-store span {
  text-align: center !important;
}
.store-dilog-box .ant-modal-close-x {
  background-image: url(/static/footer/storeclose.png);
  width: 40px;
  height: 39px;
}
.store-dilog-box .ant-modal-close-icon {
  display: none;
}
@media screen and (min-width: 668px) {
  .storeBtn {
    font-size: 14px;
  }
}
@media screen and (min-width: 668px) and (max-width: 993px) {
  .storeBtn {
    font-size: 14px;
  }
}
@media screen and (max-width: 667px) {
  .storeBtn {
    font-size: 14px;
  }
}
.global-search .inputrightpadding .ant-input {
  padding-left: 63px !important;
}
.global-search .inputleftpadding .ant-input {
  padding-right: 63px !important;
}
.store-number {
  width: 20px;
  height: 20px;
  background-color: #F2DAC3;
  color: #666666;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

.wpwl-label-brand {
  display: none;
}
.wpwl-wrapper-brand {
  display: none;
}
.wpwl-brand-card {
  float: unset;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.divider-down {
  border-bottom: 1px solid #666666;
}
.ant-card-bordered {
  border: none;
}
.user-acount-container {
  width: 100%;
  max-width: 1680px;
  background-color: #FAF9F6;
  padding: 3vw 5vw;
  font-family: DIN Next;
  min-height: 80vh;
}
.account-menus .ant-menu-inline {
  border: 0;
}
.account-menus .ant-menu-inline .ant-menu-item {
  margin: 0;
  line-height: 60px;
  height: 60px;
  color: #000000;
  font-size: 1.2vw;
  font-weight: bold;
}
.account-menus .ant-menu-inline .ant-menu-item:after {
  border: 0;
}
.account-menus .ant-menu-inline .ant-menu-item-selected {
  background-color: #F2DAC3 !important;
  color: #FFFFFF;
  font-size: 1.2vw;
  box-shadow: 0px 8px 10px #00000060;
}
.account-menus .ant-menu-item > a:hover {
  color: #000000 !important;
}
.account-menus .ant-menu-item-selected > a,
.account-menus .ant-menu-item-selected > a:hover {
  color: #FFFFFF !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .account-menus {
    margin-bottom: 35px !important;
  }
  .account-menus .ant-menu-inline .ant-menu-item {
    margin: 0;
    line-height: 40px;
    height: 40px;
    font-size: 1.6vw !important;
  }
  .account-menus .ant-menu-inline .ant-menu-item-selected {
    font-size: 1.6vw !important;
  }
}
@media screen and (min-width: 411px) and (max-width: 767px) {
  .account-menus {
    margin-bottom: 35px !important;
  }
  .account-menus .ant-menu-inline .ant-menu-item {
    margin: 0;
    line-height: 40px;
    height: 40px;
    font-size: 2.6vw !important;
  }
  .account-menus .ant-menu-inline .ant-menu-item-selected {
    font-size: 2.6vw !important;
  }
  .account-menu-height {
    height: auto !important;
  }
  .account-info .ant-form-item .ant-btn,
  .account-info-login .ant-form-item .ant-btn {
    border-radius: 0;
    width: 23% !important;
  }
}
@media only screen and (max-width: 410px) {
  .account-menus {
    margin-bottom: 35px !important;
  }
  .account-menus .ant-menu-inline .ant-menu-item {
    margin: 0;
    line-height: 40px;
    height: 40px;
    font-size: 2.8vw !important;
  }
  .account-menus .ant-menu-inline .ant-menu-item-selected {
    font-size: 2.8vw !important;
  }
  .account-menu-height {
    height: auto !important;
  }
  .account-info .ant-form-item .ant-btn,
  .account-info-login .ant-form-item .ant-btn {
    border-radius: 0;
    width: 23% !important;
  }
}
.account-menu-height {
  height: 498px;
}
.account-menus > div > span:last-child {
  font-weight: bold;
  font-size: 30px;
  color: #000;
}
.account-signout {
  margin: 2vw 0 0 2vw;
}
.account-signout a {
  font-size: 0.9vw;
  font-weight: 500;
  text-transform: uppercase;
  color: #45A055;
  text-decoration: underline;
}
.order-list-card {
  margin: 0 !important;
}
.bordered-card {
  border-color: #666666 !important;
  border-radius: 4px !important;
}
.account-info-container {
  min-height: 20vw;
}
.view-card-wrapper .ant-card-bordered {
  border-color: #666666;
}
.view-card-detail {
  padding: 1vw 0 2vw 1vw !important;
}
.view-card-detail a {
  font-size: 1.2vw;
  color: #000000;
}
.view-card-detail p {
  font-size: 1vw;
  color: #000000;
  opacity: 0.8;
  margin-top: 10px !important;
}
.btn-order-buy-again {
  font-size: 0.95vw;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .view-card-detail a {
    font-size: 1.7vw !important;
  }
  .view-card-detail p {
    font-size: 1.5vw !important;
  }
  #order-item-price > span:nth-child(1) {
    font-size: 1.5vw !important;
  }
  #order-item-price > span:nth-child(2) {
    font-size: 1.5vw !important;
  }
  .btn-order-buy-again {
    font-size: 1.4vw !important;
    padding: 5px 0px !important;
  }
  .link-order-buy-again {
    padding: 12px;
    margin: 0 5px 0 0;
  }
  #grand-total-label span,
  #grand-total-price span {
    font-size: 1.7vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .view-card-detail a {
    font-size: 2.1vw !important;
  }
  .view-card-detail p {
    font-size: 1.9vw !important;
  }
  #order-item-price > span:nth-child(1) {
    font-size: 1.9vw !important;
  }
  #order-item-price > span:nth-child(2) {
    font-size: 1.9vw !important;
  }
  .btn-order-buy-again {
    font-size: 1.7vw !important;
    padding: 5px !important;
  }
  .link-order-buy-again {
    padding: 10px !important;
  }
  #grand-total-label span,
  #grand-total-price span {
    font-size: 1.9vw !important;
  }
}
#order-item-price > span:nth-child(1) {
  font-size: 1.2vw;
  color: #000000;
  font-weight: 500;
}
#order-item-price > span:nth-child(2) {
  font-size: 1.2vw;
  padding: 0 5px;
  font-weight: 500;
  color: #45A055;
}
.view-card-detail a:hover {
  text-decoration: underline;
}
#order-cust-name,
#order-item-order-num {
  margin: 0 !important;
}
.view-order-track .ant-row-flex {
  padding: 10px 0;
}
.view-order-track .ant-steps-horizontal:lang(ar) {
  margin-right: 70px;
}
.view-order-track .ant-steps-item-finish:lang(ar) .ant-steps-item-tail,
.view-order-track .ant-steps-item-process:lang(ar) .ant-steps-item-tail,
.view-order-track .ant-steps-item-wait:lang(ar) .ant-steps-item-tail {
  margin: 0 !important;
  left: -23px;
}
.view-order-track .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #CCC !important;
  top: 4px !important;
}
.view-order-track .ant-steps-item-finish .ant-steps-icon-dot,
.view-order-track .ant-steps-item-process .ant-steps-icon-dot {
  background-color: #CCC !important;
  left: -3px !important;
  top: -3px !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 100px !important;
}
#grand-total-label span,
#grand-total-price span {
  text-transform: uppercase;
  font-size: 1.4vw;
  color: #000000;
  font-weight: 500;
}
/* Address style start */
.address-container .ant-card-bordered {
  width: 100%;
}
.address-container .ant-card-extra a {
  color: #FFFFFF;
  margin: 0 15px;
}
.address-container .ant-card-body {
  font-size: 0.8rem;
  font-weight: 400;
}
.address-container .default-address,
.address-container .add-address {
  margin-bottom: 24px;
}
.address-container .add-address {
  height: 263px;
}
.address-container .add-address .ant-card,
.address-container .add-address .ant-btn {
  border: 2px solid #000000;
}
.address-container .add-address .ant-btn {
  border: 1.5px dashed #000000;
  color: #000000;
}
.address-container .add-address .ant-card-bordered {
  width: 100%;
  height: 100%;
}
.address-container .add-address .ant-card-body {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.address-container .add-address .ant-card-body .ant-card-meta {
  text-align: center;
}
.address-container .add-address .ant-card-body .ant-card-meta .ant-card-meta-title {
  font-size: 1.2vw;
  font-weight: 500;
  color: #000000 !important;
}
.account-info,
.account-info-login {
  width: 100%;
  margin-bottom: 24px;
}
.account-info .ant-card-bordered,
.account-info-login .ant-card-bordered {
  width: 100%;
}
.account-info .ant-form-item,
.account-info-login .ant-form-item {
  margin-bottom: 5px;
}
.account-info .ant-form-item .ant-btn,
.account-info-login .ant-form-item .ant-btn {
  border-radius: 0;
  width: 13%;
  padding-top: 5px;
}
/* Return page Styles Starts */
.retrun-order-container .ant-table-thead > tr > th {
  height: 60px;
  background-color: #F2DAC3;
  color: #FFFFFF;
}
.track-steps .ant-steps-item-title::after:lang(ar) {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
/* Style customised */
/* reuseable style */
.acc-desk-mb-5 {
  margin-bottom: 5px;
}
#acc-desk-cp-text {
  font-size: 0.95vw;
  color: #000000;
}
/* reuseable style  end */
.acc-desk-changePwd-form {
  font-family: DIN Next;
}
.acc-desk-changePwd-form .has-error .ant-form-explain,
.acc-desk-changePwd-form .has-error .ant-form-split {
  position: absolute;
  bottom: 0;
  left: 1%;
}
.acc-desk-changePwd-form .ant-form-explain:lang(ar) {
  position: absolute;
  bottom: 0;
  left: unset;
  right: 2%;
}
.acc-desk-changePwd-form .ant-form-item-children-icon:lang(ar) {
  position: absolute !important;
  right: 97% !important;
}
.acc-desk-changePwd-form .ant-input-suffix:lang(ar) {
  position: absolute !important;
  right: 92.2% !important;
}
.acc-desk-changePwd-form .ant-input-lg {
  height: 60px;
}
.acc-desk-changePwd-form .ant-form-item {
  font-size: 12px;
}
.acc-desk-changePwd-form .ant-input-password-large input {
  border-radius: 0 0 9px 9px !important;
}
.ant-form-vertical .ant-input-group-addon .ant-form-item {
  padding-bottom: 0px !important;
}
.confirm-message {
  color: #B1B1B1;
}
.del-confirm-dialog .ant-modal-header {
  background-color: none;
}
.del-confirm-dialog .ant-modal-header .ant-modal-title {
  color: #FFFFFF;
}
.del-confirm-dialog .ant-modal-header .ant-modal-title span {
  color: #333333;
}
.del-confirm-dialog .ant-modal-close-x {
  color: #333333;
}
.del-confirm-dialog .ant-modal-footer {
  border: none;
  text-align: center;
}
.del-confirm-dialog .ant-modal-footer button:first-child {
  border: 1px solid #00473c;
  font-family: DIN Next;
  font-weight: 500;
  color: #00473c;
}
.del-confirm-dialog .ant-modal-footer button:last-child {
  font-family: DIN Next;
  font-weight: 500;
  color: #FFFFFF;
  background: #F2DAC3;
  border: 1px solid #000000;
}
.del-confirm-dialog:lang(ar) .ant-modal-footer button:first-child {
  margin-right: 8px;
}
.del-confirm-dialog:lang(ar) .ant-modal-footer button:last-child {
  margin-left: 0px;
}
.del-confirm-dialog:lang(ar) .ant-modal-body,
.del-confirm-dialog:lang(ar) .ant-modal-header {
  text-align: right;
}
.del-confirm-dialog:lang(ar) .ant-modal-close {
  position: absolute;
  left: 0;
}
.view-return .ant-table-tbody,
.view-return .ant-table-tbody:facus {
  background-color: #FFFFFF !important;
}
.view-return .ant-table-tbody > tr > td {
  border: 0;
}
.view-return p {
  margin: 0px;
  padding: 0px;
}
.cancel-order-modal .cancel-order-modal-row {
  width: 100%;
  text-align: center;
}
.cancel-order-modal .ant-modal-body {
  padding: 4vw;
}
.cancel-order-modal #cancel-order-call > span:nth-child(1),
.cancel-order-modal .cancel-order-support > span:nth-child(1),
.cancel-order-modal .cancel-order-or > span:nth-child(1) {
  font-size: 1.2vw;
  color: #000000;
  font-weight: 500;
}
.cancel-order-modal #cancel-number,
.cancel-order-modal #cancel-email {
  font-weight: 400;
  color: #0076FF;
}
.cancel-order-modal .ant-modal-close {
  color: #FFFFFF;
  background: #000000;
  top: -32px;
  right: -29px;
  border: 1px solid black;
  border-radius: 50%;
}
.cancel-order-modal .ant-modal-close:hover {
  color: #FFFFFF !important;
}
.cancel-order-modal .ant-modal-close:lang(ar) {
  color: #FFFFFF;
  background: #000000;
  top: -32px;
  right: unset;
  left: -29px;
}
.cancel-order-modal .ant-modal-close-x {
  width: auto;
  height: auto;
  line-height: 1vw;
  display: block;
  padding: 4px;
}
.update-info-form .ant-input-group-addon .ant-select {
  line-height: 38px !important;
  margin: -10px -15px !important;
  padding-top: 10px !important;
  font-size: 14px !important;
}
.my-order-header-title > span:first-child {
  font-weight: bold;
  color: #000;
  margin-right: 4px !important;
}
.my-order-header-title > span:first-child:lang(ar) {
  font-weight: bold;
  color: #000;
  margin-left: 8px !important;
}
.return-sec-dropdown-ar > div > div,
.return-sec-dropdown-bottom-ar > div > div {
  margin-right: 2px !important;
}
.return-sec-dropdown-ar > div > div div,
.return-sec-dropdown-bottom-ar > div > div div {
  text-align: right;
}
.return-sec-dropdown-ar > div > span {
  position: absolute;
  right: 88%;
}
.return-sec-dropdown-bottom-ar > div > span {
  position: absolute;
  right: 86%;
}
.view-order-track .ant-steps-item-active .ant-steps-icon-dot {
  background-color: #45A055 !important;
}
.order-tracking-step .ant-steps-icon .ant-steps-icon-dot {
  height: 10px !important;
  width: 10px !important;
  margin-left: 1px;
}
.order-tracking-step .ant-steps-item-content {
  width: 92% !important;
}
.order-tracking-step .ant-steps-item-content {
  min-height: 20px !important;
  padding-bottom: 20px;
  padding-left: 6px;
  padding-right: 6px;
}
.order-tracking-step .ant-steps-item-content .ant-steps-item-title {
  font-size: 12px !important;
}
.order-tracking-step .ant-steps-item-content .ant-steps-item-title .ant-steps-item-subtitle {
  font-size: 12px !important;
}
.order-tracking-step-arabic > div > div:first-child {
  right: 5px !important;
}
.order-tracking-step-arabic > div > div:nth-last-child(2) {
  float: right;
  margin-right: 0;
}
.order-tracking-step-arabic .ant-steps-item-title > div {
  float: left;
  width: 97%;
}
.order-tracking-step-arabic .ant-steps-item-description {
  padding-right: 12px;
}
.cards-block-cont {
  display: flex !important;
  width: 80%;
  margin: 20px 0px;
  padding: 20px 15px;
  box-shadow: 3px 5px 10px #999;
}
.cards-block-cont .ant-radio {
  vertical-align: bottom;
  margin-bottom: -3px;
}
.cards-block-cont .ant-radio:lang(ar) {
  vertical-align: bottom;
  margin: 0px 0px -3px 5px;
}
#cards-radio-name {
  font-size: 0.9rem;
}
.cards-block-cont-mob {
  display: flex !important;
  width: 100%;
  margin: 2vh 0px;
  padding: 20px 15px;
  box-shadow: 3px 5px 10px #999;
}
.cards-block-cont-mob .ant-radio {
  vertical-align: bottom;
  margin-bottom: -3px;
}
.cards-block-cont-mob .ant-radio:lang(ar) {
  vertical-align: bottom;
  margin: 0px 0px -3px 5px;
}
.return-sec-dropdown-ar .ant-select-selection-selected-value {
  width: 99%;
}
.return-sec-dropdown-bottom-ar .ant-select-selection-selected-value {
  width: 98%;
}
.item-return-dropdown {
  height: 34px;
}
.item-return-dropdown div {
  height: 40px;
  border-radius: 0;
}
.item-return-dropdown div div {
  line-height: 40px;
}
.return-itemdetailcard .ant-select-selection__placeholder {
  top: 25% !important;
}
.return-itemdetailcard .ant-checkbox .ant-checkbox-inner {
  border: 1.5px solid #000;
}
.return-itemdetailcard .ant-select-dropdown-menu {
  z-index: 5 !important;
}
.return-itemdetailcard .ant-select-dropdown-menu-item {
  color: #000 !important;
  padding: 2px 10px !important;
}
.btn-view-order-detail {
  width: 75%;
  min-width: 120px;
  max-width: 200px;
  font-size: 0.9vw;
  text-align: center;
}
.btn-view-return-order {
  font-size: 0.85vw;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .btn-view-order-detail {
    font-size: 1.5vw;
    width: 100% !important;
  }
  .btn-view-return-order {
    font-size: 1.4vw;
  }
  .return-item-btn,
  .return-item-btn :lang(ar) {
    font-size: 1.6vw !important;
  }
  .my-order-divider {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .btn-view-order-detail {
    font-size: 1.8vw;
    width: 100% !important;
  }
  .btn-view-return-order {
    font-size: 1.85vw;
  }
  .btn-view-return-order:lang(ar) {
    font-size: 1.85vw !important;
    padding-bottom: 15px !important;
  }
  .account-info .ant-form-item .ant-btn {
    width: 20% !important;
    min-width: 80px;
    line-height: 1.5;
  }
  .return-item-btn,
  .return-item-btn :lang(ar) {
    font-size: 1.7vw !important;
  }
}
@media only screen and (max-width: 600px) {
  .btn-view-return-order {
    font-size: 2.2vw !important;
  }
  .btn-view-return-order:lang(ar) {
    font-size: 2.2vw !important;
    padding-bottom: 20px !important;
  }
  .return-item-btn,
  .return-item-btn :lang(ar) {
    font-size: 1.9vw !important;
  }
  .return-order-col1,
  .return-order-col2 {
    width: 100% !important;
  }
}
.return-order-col1 {
  width: 60%;
}
.return-order-col2 {
  width: 40%;
}
.return-item-btn,
.return-item-btn :lang(ar) {
  font-size: 0.9vw;
}
.account-info .ant-form-item .ant-btn {
  width: 17%;
}
.return-itemdetailcard .ant-card-body {
  padding: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.select-options-normal select option {
  font-weight: normal !important;
}
.track-order-form {
  border-radius: 8px;
  justify-content: center;
  align-items: 'center';
  text-align: 'center';
}
.track-order-form .ant-form-item {
  margin-bottom: 16px;
}
.track-order-form .ant-form-item-label {
  font-weight: bold;
  margin-bottom: 8px;
}
.track-order-form .ant-input {
  height: 40px;
  border-radius: 4px;
}
.track-order-paragraph {
  font-size: 14px;
  font-weight: 400;
  margin-left: 0px !important;
}
@media screen and (min-width: 600px) and (max-width: 8000px) {
  .track-order-form {
    width: 90% !important;
  }
}
@media screen and (max-width: 599px) {
  .track-order-form {
    width: 90% !important;
  }
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
  margin: 5px;
}
.list-card .ant-card-body {
  padding: 0px 0px !important;
  zoom: 1;
}
#order-cust-status {
  margin: 10px 0px;
}
.form-div-main {
  margin: auto !important;
  display: block;
}
@media screen and (min-width: 1025px) and (max-width: 8000px) {
  .form-div-main {
    width: 65% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .form-div-main {
    width: 80% !important;
  }
}
@media screen and (max-width: 768px) {
  .form-div-main {
    width: 94% !important;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

.am-whitespace.am-whitespace-xs {
  height: 3px;
}
.am-whitespace.am-whitespace-sm {
  height: 6px;
}
.am-whitespace.am-whitespace-md {
  height: 9px;
}
.am-whitespace.am-whitespace-lg {
  height: 15px;
}
.am-whitespace.am-whitespace-xl {
  height: 21px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
  box-shadow: -1px 0 0 0 #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
  box-shadow: -1px 0 0 0 #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}

.am-modal {
  position: relative;
}
.am-modal:not(.am-modal-transparent):not(.am-modal-popup) {
  width: 100%;
  height: 100%;
}
.am-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
}
.am-modal-mask-hidden {
  display: none;
}
.am-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateZ(1px);
}
.am-modal-wrap-popup {
  display: block;
}
.am-modal-transparent {
  width: 270px;
}
.am-modal-transparent .am-modal-content {
  border-radius: 7px;
  padding-top: 15px;
}
.am-modal-transparent .am-modal-content .am-modal-body {
  padding: 0 15px 15px;
}
.am-modal-popup {
  position: fixed;
  left: 0;
  width: 100%;
}
.am-modal-popup-slide-down {
  top: 0;
}
.am-modal-popup-slide-up {
  bottom: 0;
}
.am-modal-popup .am-modal-content {
  padding-bottom: env(safe-area-inset-bottom);
}
.am-modal-title {
  margin: 0;
  font-size: 18px;
  line-height: 1;
  color: #000;
  text-align: center;
}
.am-modal-header {
  padding: 6px 15px 15px;
}
.am-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  background-clip: padding-box;
  text-align: center;
  height: 100%;
  overflow: hidden;
}
.am-modal-close {
  border: 0;
  padding: 0;
  background-color: transparent;
  outline: none;
  position: absolute;
  right: 15px;
  z-index: 999;
  height: 21px;
  width: 21px;
}
.am-modal-close-x {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cg%20id%3D'ALL-ICON'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%20%3Cg%20id%3D'Rectangle-283-%2B-Rectangle-283'%20fill%3D'%23888888'%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20scale(-1%2C%201)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
}
.am-modal-body {
  font-size: 15px;
  color: #888;
  height: 100%;
  line-height: 1.5;
  overflow: auto;
}
.am-modal-button-group-h {
  position: relative;
  border-top: 1PX solid #ddd;
  display: flex;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-modal-button-group-h {
    border-top: none;
  }
  html:not([data-scale]) .am-modal-button-group-h::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-modal-button-group-h::before {
    transform: scaleY(0.33);
  }
}
.am-modal-button-group-h .am-modal-button {
  -webkit-touch-callout: none;
  flex: 1;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #108ee9;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  display: block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-modal-button-group-h .am-modal-button:first-child {
  color: #000;
}
.am-modal-button-group-h .am-modal-button:last-child {
  position: relative;
  border-left: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child {
    border-left: none;
  }
  html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 1PX;
    height: 100%;
    transform-origin: 100% 50%;
    transform: scaleX(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
    transform: scaleX(0.33);
  }
}
.am-modal-button-group-v .am-modal-button {
  -webkit-touch-callout: none;
  position: relative;
  border-top: 1PX solid #ddd;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #108ee9;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  display: block;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-modal-button-group-v .am-modal-button {
    border-top: none;
  }
  html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
    transform: scaleY(0.33);
  }
}
.am-modal-button-active {
  background-color: #ddd;
}
.am-modal-input-container {
  margin-top: 9px;
  border: 1PX solid #ddd;
  border-radius: 3px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-modal-input-container {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-modal-input-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #ddd;
    border-radius: 6px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-modal-input {
  height: 36px;
  line-height: 1;
}
.am-modal-input:nth-child(2) {
  position: relative;
  border-top: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-modal-input:nth-child(2) {
    border-top: none;
  }
  html:not([data-scale]) .am-modal-input:nth-child(2)::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-modal-input:nth-child(2)::before {
    transform: scaleY(0.33);
  }
}
.am-modal-input input {
  position: relative;
  border: 0;
  width: 98%;
  height: 34px;
  top: 1PX;
  box-sizing: border-box;
  margin: 0;
}
.am-modal-input input::placeholder {
  font-size: 14px;
  color: #ccc;
  padding-left: 8px;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
  border-radius: 0;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header {
  padding: 9px 24px 12px;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title {
  text-align: left;
  font-size: 21px;
  color: #000;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
  color: #000;
  text-align: left;
  padding: 0 24px 15px;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
  border: 0;
  border-bottom: 1PX solid #ddd;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:before {
  display: none !important;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
    border-bottom: none;
  }
  html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
    transform: scaleY(0.33);
  }
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child {
  border-top: 0;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child:before {
  display: none !important;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer {
  padding-bottom: 12px;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h {
  overflow: hidden;
  border-top: 0;
  justify-content: flex-end;
  padding: 0 12px;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h:before {
  display: none !important;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button {
  flex: initial;
  margin-left: 3px;
  padding: 0 15px;
  height: 48px;
  box-sizing: border-box;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child {
  color: #777;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child {
  border-left: 0;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child:before {
  display: none !important;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0 12px;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button {
  border-top: 0;
  padding: 0 15px;
  margin-left: 3px;
  height: 48px;
  box-sizing: border-box;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button:before {
  display: none !important;
}
.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button {
  text-align: start;
  padding-left: 15px;
}
.am-modal.am-modal-operation .am-modal-content {
  border-radius: 7px;
  height: auto;
  padding-top: 0;
}
.am-modal.am-modal-operation .am-modal-content .am-modal-body {
  padding: 0!important;
}
.am-modal.am-modal-operation .am-modal-content .am-modal-button {
  color: #000;
  text-align: left;
  padding-left: 15px;
}
.am-modal-alert-content,
.am-modal-propmt-content {
  zoom: 1;
  overflow: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.divider-bottom {
  border-bottom: 1px solid #B1B1B1;
}
.signin-form .ant-input-affix-wrapper .ant-input-suffix:lang(ar) {
  right: unset;
  left: 12px !important;
}
.account-title {
  width: 100%;
  padding: 12px;
  margin-bottom: 0.3;
}
.account-title span {
  font-size: 1.5vw;
  color: #000000;
  font-weight: 500;
}
.account-container {
  width: 100%;
  max-width: 1680px;
  background-color: #F4F5F5;
  padding: 2vw 0;
  font-family: DIN Next;
}
.account-container .ant-menu-item-selected > a {
  color: #FFFFFF;
}
.account-container .ant-menu-item > a:hover,
.account-container a:hover {
  color: #FFFFFF !important;
}
.account-container .account-content {
  margin: 0 !important;
  width: 100%;
}
.account-container .account-content .account-body .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: none;
}
.account-container .account-content .account-body .ant-card-actions > li > span a {
  color: #00473c;
  font-size: 0.9rem;
}
.account-container .account-content .account-body .ant-card-actions > li > span a:hover {
  text-decoration: underline;
}
.account-container .account-content .account-body .ant-input,
.account-container .account-content .account-body .ant-input:hover,
.account-container .account-content .account-body .ant-input::after,
.account-container .account-content .account-body .ant-input:focus {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #7F7F7F;
}
.account-container .account-content .account-body .ant-table-row:hover {
  background-color: #FFFFFF;
}
.account-container .account-content .account-body .ant-table-thead > tr > th {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 500;
  background-color: #00473c !important;
}
.account-container .account-content .account-body .ant-table-tbody {
  font-size: 0.8rem;
}
.account-container .account-content .account-body .ant-table-tbody a {
  color: #00473c;
}
.account-container .account-content .account-body .ant-table-tbody a:hover {
  color: #000000;
}
.account-container .account-content .account-body .ant-card-head {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 500;
}
.account-container .account-content .account-body .view-order .ant-card-body,
.account-container .account-content .account-body .view-return .ant-card-body {
  padding: 0;
}
.account-container .account-content .account-body .view-order .view-order-summary,
.account-container .account-content .account-body .view-return .view-order-summary,
.account-container .account-content .account-body .view-order .view-return-summary,
.account-container .account-content .account-body .view-return .view-return-summary {
  justify-content: flex-end;
  padding: 4% 8%;
  font-size: 0.8rem;
}
.account-container .account-content .account-body .view-order .view-order-summary > div > div:nth-child(4),
.account-container .account-content .account-body .view-return .view-order-summary > div > div:nth-child(4),
.account-container .account-content .account-body .view-order .view-return-summary > div > div:nth-child(4),
.account-container .account-content .account-body .view-return .view-return-summary > div > div:nth-child(4),
.account-container .account-content .account-body .view-order .view-order-summary div:nth-child(6),
.account-container .account-content .account-body .view-return .view-order-summary div:nth-child(6),
.account-container .account-content .account-body .view-order .view-return-summary div:nth-child(6),
.account-container .account-content .account-body .view-return .view-return-summary div:nth-child(6) {
  font-size: 0.9rem;
  font-weight: 500;
}
.account-container .account-content .account-body .view-order .view-order-summary .ant-col-8,
.account-container .account-content .account-body .view-return .view-order-summary .ant-col-8,
.account-container .account-content .account-body .view-order .view-return-summary .ant-col-8,
.account-container .account-content .account-body .view-return .view-return-summary .ant-col-8,
.account-container .account-content .account-body .view-order .view-order-summary .ant-col-16,
.account-container .account-content .account-body .view-return .view-order-summary .ant-col-16,
.account-container .account-content .account-body .view-order .view-return-summary .ant-col-16,
.account-container .account-content .account-body .view-return .view-return-summary .ant-col-16 {
  padding: 1% 0;
  text-align: end;
}
.account-container .account-content .account-body .view-order .view-order-summary .ant-col-16,
.account-container .account-content .account-body .view-return .view-order-summary .ant-col-16,
.account-container .account-content .account-body .view-order .view-return-summary .ant-col-16,
.account-container .account-content .account-body .view-return .view-return-summary .ant-col-16 {
  padding: 1% 0;
  text-align: start;
}
.account-container .account-content .account-body .account-info-login {
  width: 100%;
  margin-bottom: 24px;
}
.account-container .account-content .account-body .account-info-login .ant-card-bordered {
  width: 100%;
}
.account-container .account-content .account-body .account-info-login .ant-form-item {
  margin-bottom: 5px;
}
.account-container .account-content .account-body .account-info-login .ant-form-item .ant-btn {
  border-radius: 0;
  width: 10%;
}
.ant-menu .ant-menu-item a span {
  font-size: '15pt' !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.text-center {
  text-align: center;
}
.width-100 {
  width: 100%;
}
.add-address .ant-btn {
  border: 1.5px dashed #000000;
  color: #000000;
}
.address-form .has-success input:focus,
.update-info-form .has-success input:focus,
.address-form .has-error input:focus,
.update-info-form .has-error input:focus {
  box-shadow: none !important;
}
.address-form .ant-form-item-label:lang(ar),
.update-info-form .ant-form-item-label:lang(ar) {
  text-align: right;
}
.required-field div:first-child {
  padding: 0;
}
.required-field div:first-child > label {
  margin-left: 10px;
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.65);
}
.required-field div:first-child > label::before {
  content: '';
  display: none;
}
.required-field div:first-child > label::after {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.dropDownNotRequired div:first-child > label {
  margin-left: 10px;
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.65);
}
.rtlDropdown div:nth-child(2) {
  padding: 0;
}
.rtlDropdown div:nth-child(2) div span > div > div > div {
  margin-left: 24px;
  margin-right: 11px;
  display: flex;
}
.rtlDropdown div:nth-child(2) div span > div > div > div > div {
  text-align: right;
}
.rtlDropdown div:nth-child(2) div span > div > div > span {
  right: unset;
  left: 11px;
}
.changePassword-form input {
  box-shadow: none !important;
}
.blank-message-container {
  width: 100%;
  padding: 15% 0 20%;
}
.blank-message-container .blank-message-subcontainer {
  height: 100%;
}
.blank-message-container-mobile {
  width: 100%;
  margin: 15vw 0;
  min-height: 40vh;
  max-height: 80vh;
}
.blank-message-container-mobile .blank-message-subcontainer {
  height: 100%;
}
.hooray-text {
  font-size: 3vw;
  font-weight: 600;
  margin-bottom: 2vw;
  color: #000 !important;
}
.hooray-text-mobile {
  font-size: 7vw;
  font-weight: 600;
  margin-bottom: 7vw;
  color: #000 !important;
}
.blank-message {
  color: #B1B1B1;
  font-size: 1.5vw;
}
.blank-message-mobile {
  color: #B1B1B1;
  font-size: 5vw;
}
.blank-continue-shopping,
.blank-continue-shopping-mobile {
  background-color: #F2DAC3;
  color: #FFFFFF;
  height: 40px !important;
  padding: 0 30px !important;
  border: none;
  font-size: 1rem;
  font-weight: 600;
}
.blank-continue-shopping:hover,
.blank-continue-shopping-mobile:hover {
  background-color: #F2DAC3;
  color: #FFFFFF;
}
.order-tracking-step > div > div:last-child > div:last-child {
  font-size: 0.7vw;
}
.order-tracking-step-mobile > div > div:last-child > div:last-child {
  font-size: 2.7vw;
}
.order-tracking-step-mobile > div > div:last-child > div:first-child {
  font-size: 3vw;
  line-height: 13px !important;
}
.order-tracking-step-mobile > div > div:last-child > div:first-child div {
  font-size: 3vw;
}
.order-tracking-step > div > div:last-child > div:first-child {
  line-height: 17px !important;
}
.view-order-track > div > div:first-child > span {
  font-size: 0.9vw;
}
.view-order-track-mobile > div > div:first-child > span {
  font-size: 3.3vw;
  margin-bottom: 4px;
}
.track-button-mobile > i {
  float: left;
}
.track-button-desktop > i {
  float: left;
  padding-top: 10px;
}
.gmnoprint > div.gm-svpc {
  display: none;
}
.gmnoprint > div.gm-style-cc {
  display: none;
}
.gmnoprint > div:last-child > a[rel=noopener] {
  display: none;
}
.gm-style > div:nth-last-child(3) img {
  display: none;
}
.required-field-error > div {
  border-color: red;
}
.alert-toast-msg i {
  right: 13px;
  left: 0;
  text-align: right;
}
.alert-toast-msg button {
  width: 95%;
  text-align: left;
}
.wishlist-wrapper {
  width: '100%';
  height: auto;
  background: transparent repeat;
}
.wish-header-container {
  color: #000 !important;
  height: min-content !important;
  width: 100% !important;
}
.wish-header-container #header-title {
  font-size: 32px;
  font-weight: 500;
}
.wish-header-container #header-count {
  font-size: 12px !important;
  display: inline-block !important;
  align-self: flex-end !important;
  padding: 5px !important;
}
.wish-atc-cta {
  width: 100%;
  background-color: #FEAB49 !important;
  height: 40px;
  color: #fff !important;
  border-radius: 0px;
  margin-top: 15px;
  border: none !important;
}
.wish-product-card-wrapper {
  cursor: pointer;
  background: transparent !important;
  width: 18vw !important;
}
.wish-list-container {
  margin: 20px 0px;
  gap: 10px;
  width: 100% !important;
}
.listing-product-card .ant-card-cover img {
  border-radius: 8px;
  width: auto;
  max-width: 100%;
}
.wish-atc-cont-exclusive button:hover,
.wish-atc-cont-exclusive button:active,
.wish-atc-cont-exclusive button:focus,
.wish-atc-cont-exclusive button:visited {
  background-color: #FEAB49 !important;
  color: #fff !important;
}
.wishlist-wrapper-mobile {
  min-height: 40vh !important;
  width: 100% !important;
  background-color: #FAF9F6 !important;
}
.wishlist-wrapper-mobile .ant-avatar > img {
  width: 80% !important;
  height: unset !important;
}
.wish-list-container-mobile {
  margin: 0px 2vw 5vw;
  display: grid;
  grid-template-columns: repeat(2, 48%);
  gap: 10px;
}
.wish-cross-container {
  position: absolute;
  top: 15px;
  right: 15px;
}
.wish-cross-container-mobile {
  position: absolute;
  top: 15px;
  right: 5px;
}
.wish-cross-container:lang(ar) {
  position: absolute;
  top: 15px;
  left: 15px !important;
  right: unset !important;
}
.wish-cross-container-mobile:lang(ar) {
  position: absolute;
  top: 15px;
  left: 5px !important;
  right: unset !important;
}
.wish-sku-name {
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis !important;
  color: #000;
  font-size: 12px !important;
  margin: 0px 5px !important;
}
.wish-atc-cta-mobile {
  width: 100%;
  background-color: #FEAB49 !important;
  height: 40px;
  color: #fff !important;
  border-radius: 0px;
  margin-top: 8px;
  border: none !important;
}
.has-success input label > input[type="checkbox"] + *::before {
  border-color: black !important;
}
.buyAgain-order {
  background-color: #E77036;
  border: none;
}
.custom-form-item input::placeholder {
  color: #000;
  /* Dark font for placeholder */
  opacity: 1;
  font-size: 0.7vw;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #1890ff;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > .ant-badge > a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1890ff;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #1890ff, #1890ff);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

.am-wingblank {
  margin-left: 8px;
  margin-right: 8px;
}
.am-wingblank.am-wingblank-sm {
  margin-left: 5px;
  margin-right: 5px;
}
.am-wingblank.am-wingblank-md {
  margin-left: 8px;
  margin-right: 8px;
}
.am-wingblank.am-wingblank-lg {
  margin-left: 15px;
  margin-right: 15px;
}

/* flexbox */
.am-flexbox {
  text-align: left;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.am-flexbox.am-flexbox-dir-row {
  flex-direction: row;
}
.am-flexbox.am-flexbox-dir-row-reverse {
  flex-direction: row-reverse;
}
.am-flexbox.am-flexbox-dir-column {
  flex-direction: column;
}
.am-flexbox.am-flexbox-dir-column .am-flexbox-item {
  margin-left: 0;
}
.am-flexbox.am-flexbox-dir-column-reverse {
  flex-direction: column-reverse;
}
.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item {
  margin-left: 0;
}
.am-flexbox.am-flexbox-nowrap {
  flex-wrap: nowrap;
}
.am-flexbox.am-flexbox-wrap {
  flex-wrap: wrap;
}
.am-flexbox.am-flexbox-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.am-flexbox.am-flexbox-justify-start {
  justify-content: flex-start;
}
.am-flexbox.am-flexbox-justify-end {
  justify-content: flex-end;
}
.am-flexbox.am-flexbox-justify-center {
  justify-content: center;
}
.am-flexbox.am-flexbox-justify-between {
  justify-content: space-between;
}
.am-flexbox.am-flexbox-justify-around {
  justify-content: space-around;
}
.am-flexbox.am-flexbox-align-start {
  align-items: flex-start;
}
.am-flexbox.am-flexbox-align-end {
  align-items: flex-end;
}
.am-flexbox.am-flexbox-align-center {
  align-items: center;
}
.am-flexbox.am-flexbox-align-stretch {
  align-items: stretch;
}
.am-flexbox.am-flexbox-align-baseline {
  align-items: baseline;
}
.am-flexbox.am-flexbox-align-content-start {
  align-content: flex-start;
}
.am-flexbox.am-flexbox-align-content-end {
  align-content: flex-end;
}
.am-flexbox.am-flexbox-align-content-center {
  align-content: center;
}
.am-flexbox.am-flexbox-align-content-between {
  align-content: space-between;
}
.am-flexbox.am-flexbox-align-content-around {
  align-content: space-around;
}
.am-flexbox.am-flexbox-align-content-stretch {
  align-content: stretch;
}
.am-flexbox .am-flexbox-item {
  box-sizing: border-box;
  flex: 1;
  margin-left: 8px;
  min-width: 10px;
}
.am-flexbox .am-flexbox-item:first-child {
  margin-left: 0;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #E77036;
}
.ant-radio-checked .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #E77036 !important;
}
.ant-radio-inner::after {
  background-color: #E77036 !important;
}
.empty-list-container-ltr {
  background-image: url(/static/content/no_result_en.png);
  background-repeat: no-repeat;
  background-color: #F4F5F5;
  background-size: 100%;
  justify-content: center;
  align-items: center;
  min-height: 40vw;
}
.empty-list-container-ltr .empty-list h2,
.empty-list-container-ltr .empty-list-mobile h2 {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
}
.empty-list-container-ltr .empty-list h3,
.empty-list-container-ltr .empty-list-mobile h3 {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 400;
}
.empty-list-container-ltr .empty-list .avatar,
.empty-list-container-ltr .empty-list-mobile .avatar {
  padding: 2vw 2vw 2vw 2.8vw;
}
.empty-list-container-ltr .empty-list {
  padding: 20px;
  text-align: center;
  top: 12vh;
  left: 20vw;
}
.empty-list-container-ltr .empty-list .empty-list-btn {
  border: 0;
  height: 2.6vw;
  color: #FFFFFF;
  font-size: 1vw;
  font-weight: 600;
  background-color: #F2DAC3;
}
.empty-list-container-ltr .empty-list-mobile {
  text-align: center;
  top: 6vh;
  left: 17vw;
}
.empty-list-container-ltr .empty-list-mobile .empty-list-btn-mobile {
  border: 0;
  height: 10vw;
  color: #FFFFFF;
  font-size: 4vw;
  font-weight: 600;
  background-color: #F2DAC3;
}
.empty-list-container-rtl {
  background-image: url(/static/content/no_result_ar.png);
  background-repeat: no-repeat;
  background-color: #F4F5F5;
  background-size: 100%;
  justify-content: center;
  align-items: center;
  min-height: 40vw;
}
.empty-list-container-rtl .empty-list {
  padding: 20px;
  text-align: center;
  top: 12vh;
  left: 20vw;
}
.empty-list-container-rtl .empty-list h2 {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
}
.empty-list-container-rtl .empty-list h3 {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 400;
}
.empty-list-container-rtl .empty-list .avatar {
  padding: 2vw 2vw 2vw 2.8vw;
}
.empty-list-container-rtl .empty-list .empty-list-btn {
  border: 0;
  height: 2.6vw;
  color: #FFFFFF;
  font-size: 1vw;
  font-weight: 600;
  background-color: #F2DAC3;
}
.empty-list-container-rtl .empty-list-mobile {
  text-align: center;
  top: 6vh;
  left: 17vw;
}
.empty-list-container-rtl .empty-list-mobile h2 {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
}
.empty-list-container-rtl .empty-list-mobile h3 {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 400;
}
.empty-list-container-rtl .empty-list-mobile .avatar {
  padding: 2vw 2vw 2vw 2.8vw;
}
.empty-list-container-rtl .empty-list-mobile .empty-list-btn-mobile {
  border: 0;
  height: 10vw;
  color: #FFFFFF;
  font-size: 4vw;
  font-weight: 600;
  background-color: #F2DAC3;
}
.column-main {
  width: 84%;
}
.filter-title strong {
  display: none;
}
@media screen and (max-width: 576px) {
  .sidebar-main {
    display: none;
  }
  .column-main {
    width: 100%;
    text-align: center;
    padding-right: 15px;
  }
  .filter-title strong {
    color: transparent !important;
    position: fixed;
    display: flex;
    top: 30%;
    left: -1px;
    width: 50px;
    height: auto;
    border: 1px solid #dcdcda !important;
    background-color: #f5f5f5;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
    cursor: pointer;
    line-height: 26px;
    z-index: 9;
    padding: 5px 0;
  }
  .filter-title strong:before {
    content: '\F1DE';
    font-family: DIN Next;
    font-size: 27px;
    color: #818181;
    line-height: 30px;
    display: block;
    -webkit-font-smoothing: antialiased;
    padding-left: 27%;
  }
}
.list-container {
  padding: 30px 10px;
  background-color: #FFFFFF;
  font-size: 16px;
  font-family: DIN Next;
}
.list-container .ant-row-flex {
  width: 100% !important;
}
.list-container-mobile {
  padding: 0;
  background-color: #FFFFFF;
  font-size: 16px;
  font-family: DIN Next;
}
.list-container-mobile .ant-row-flex {
  width: 100% !important;
}
.sidebar-main .filter-title {
  padding: 10px;
  align-items: center;
}
.sidebar-main .filter-title .filer-text {
  font-size: 1.2rem;
  font-weight: 600;
  color: #000000;
}
.sidebar-main .filter-title .clear-all a {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #00473c;
}
.sidebar-main .ant-menu-item::after {
  border: 0 !important;
}
.sidebar-main .collapse-button {
  padding: 10px 10px;
}
.sidebar-main .collapse-button .ant-btn,
.sidebar-main .collapse-button .ant-btn:hover,
.sidebar-main .collapse-button .ant-btn:focus {
  height: 23px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #45A055;
  border-color: #45A055 !important;
  border-radius: 0 !important;
}
.sidebar-main .filter-list .ant-menu-sub.ant-menu-inline > .ant-menu-item {
  padding-left: 10px !important;
}
.sidebar-main .filter-list .ant-menu-submenu-title {
  padding: 0 10px !important;
  margin: 0 !important;
  font-size: 0.85rem;
  color: #000000;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
}
.sidebar-main .filter-list .ant-menu-item {
  padding: 0 5px !important;
  margin: 0 !important;
  font-size: 0.85rem;
  font-weight: 500;
  color: #000000;
  height: 30px;
  line-height: 30px;
}
.sidebar-main .filter-list .ant-menu-submenu-title:hover,
.sidebar-main .filter-list .ant-menu-submenu-arrow:hover {
  color: #000000 !important;
}
.sidebar-main .ant-menu-submenu-arrow:lang(ar) {
  right: unset !important;
  left: 16px !important;
}
.support-title:after {
  content: '*';
  color: #CE0000;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.list-section .listing-row {
  padding: 0 10px 25px;
}
.list-section .inner-list {
  min-height: 90vw;
  padding: 1vw 0 2vw 0;
  margin: 0;
  align-content: flex-start;
  flex-wrap: wrap;
}
.list-section .listing-title {
  padding: 5px 12px;
  text-transform: capitalize;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000000;
}
.list-section .collection-breadcrumb {
  padding: 0 12px;
}
.list-section .collection-breadcrumb .ant-breadcrumb {
  font-size: 0.85vw;
}
.list-section-mobile {
  padding: 20px 10px !important;
}
.list-section-mobile .listing-row {
  padding: 0;
}
.list-section-mobile .inner-list {
  width: 100%;
  flex-wrap: wrap;
}
.list-section-mobile .listing-title {
  text-transform: capitalize;
  font-size: 1.3rem;
  font-weight: 600;
  color: #000000;
  padding: 0 5px;
}
.list-section-mobile .ant-card .ant-card-body {
  padding: 0;
}
.list-section-mobile .empty-list-padding {
  padding: 12px 5px;
}
.breadcrumb {
  margin: 15px 0;
}
.sortFilterModal .am-modal-content .am-modal-body {
  height: 89% !important;
  overflow: auto;
}
.sortFilterModal .am-modal-content .am-modal-body .ant-radio {
  vertical-align: middle;
}
.sortFilterModal .am-modal-content .am-modal-body .ant-radio-inner {
  width: 23px;
  height: 23px;
  border-color: #333333;
  border-width: 2px;
}
.sortFilterModal .am-modal-content .am-modal-body .ant-radio-inner::after {
  display: none;
}
.sortFilterModal .am-modal-content .am-modal-body .ant-radio-wrapper-checked span:last-child {
  color: #000000;
}
.sortFilterModal .am-modal-content .am-modal-body .ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner {
  border-width: 7px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
}
.sortFilterModal .am-modal-content .am-modal-footer {
  padding-left: 10px;
  padding-right: 10px;
}
.sortFilterModal .am-modal-content .am-modal-footer .am-modal-button-group-h::before {
  height: 0px !important;
}
.sortFilterModal .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  font-size: 20px;
  width: 125pt;
  margin-right: 20px;
  border-radius: 5px;
  flex: 1 1 auto;
  font-weight: 400;
  background-color: #000000;
}
.sortFilterModal .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child {
  background-color: #FFFFFF;
  font-size: 20px;
  color: #FFFFFF;
  width: 100%;
  border-radius: 5px;
  flex: 1 1 auto;
  font-weight: 400;
  background-color: #000000;
}
.sortFilterModal .am-modal-content .am-modal-footer:lang(ar) {
  padding-left: 10px;
  padding-right: 10px;
  direction: rtl;
}
.sortFilterModal .am-modal-content .am-modal-footer:lang(ar) .am-modal-button-group-h .am-modal-button:first-child {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  font-size: 20px;
  width: 125pt;
  margin-left: 20px;
  border-radius: 5px;
  flex: 1 1 auto;
  font-weight: 400;
}
.sortFilterModal .am-modal-content .am-modal-footer:lang(ar) .am-modal-button-group-h .am-modal-button:last-child {
  background-color: #000000;
  font-size: 20px;
  color: #FFFFFF;
  width: 100%;
  border-radius: 5px;
  flex: 1 1 auto;
  font-weight: 400;
}
.center {
  text-align: center;
}
.products-container-category {
  overflow-x: auto !important;
  display: grid;
  grid-template-columns: repeat(2, 49%);
  grid-gap: 15px 4px;
  grid-auto-flow: dense;
  list-style: none;
  max-width: 800px;
  padding: 0 7px 10px 7px;
}
.products-container-category .am-flexbox-item {
  margin-left: 0 !important;
}
.products-container-category .am-flexbox-item {
  margin-left: 0;
}
.products-container-category .am-badge {
  top: 10px !important;
  position: absolute !important;
}
.products-container-category .am-badge .am-badge-text {
  position: absolute;
  top: -18px;
  margin-left: 5px;
  color: #FFFFFF;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  font-size: 8px;
  background-color: #CE0000;
  padding: 1px 10px;
}
.products-container-category .am-card {
  padding-bottom: 0 !important;
  margin-top: 14px;
  height: 100%;
}
.products-container-category .am-card::before {
  border: 1px solid transparent !important;
}
.products-container-category::-webkit-scrollbar {
  display: none !important;
}
.products-container-category {
  overflow: -moz-scrollbars-none;
}
.products-container-category {
  -ms-overflow-style: none;
}
.mobile-divider {
  margin: 0px;
  height: 6px;
  border-radius: 6px;
  width: 52%;
  min-width: 20%;
  background-color: #0000008D;
  left: 27%;
  margin-top: 9px !important;
  position: relative;
}
.content-block {
  width: 100%;
  text-align: justify;
  font-size: 11px;
  color: #999999;
  line-height: 16.8px;
  overflow: hidden;
}
#serachBrand {
  border-radius: 25px;
  border: 1px solid;
  margin-left: 1%;
  width: 99%;
}
.size-filter ul {
  overflow: hidden;
}
.size-filter ul li {
  display: inline-block;
}
.brandArabic .ant-input-suffix {
  left: 12px;
  right: auto;
}
.collection-mobilebreadcrumb {
  padding-left: 6px;
  margin-top: -8px;
}
.collection-mobilebreadcrumb:lang(ar) {
  padding-right: 6px;
  margin-top: -8px;
}
@media screen and (min-width: 1401px) and (max-width: 6000px) {
  .inner-list .cardMain {
    width: 20% !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .inner-list .cardMain {
    width: 20% !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .sidebar-main {
    width: 22% !important;
  }
  .list-sectionMain {
    width: 78% !important;
  }
  .inner-list .cardMain {
    width: 25% !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1024px) {
  .sidebar-main {
    width: 22% !important;
  }
  .list-sectionMain {
    width: 78% !important;
  }
  .inner-list .cardMain {
    width: 25% !important;
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 668px) and (max-width: 992px) {
  .list-section .collection-breadcrumb .ant-breadcrumb {
    font-size: 13px !important;
  }
  .listing-title h1 {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
  }
  .list-sectionMain {
    width: 100% !important;
  }
  .inner-list .cardMain {
    width: 33.333% !important;
    margin-bottom: 20px !important;
  }
  .pagination-count {
    display: none !important;
  }
  .product-name-mobile {
    font-size: 13px !important;
  }
  .listing-product-card .product-card-name {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 667px) {
  .list-section .collection-breadcrumb .ant-breadcrumb {
    font-size: 13px !important;
  }
  .listing-title h1 {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
  }
  .list-sectionMain {
    width: 100% !important;
  }
  .inner-list .cardMain {
    width: 50% !important;
    margin-bottom: 20px !important;
  }
  .pagination-count {
    display: none !important;
  }
  .product-name-mobile {
    font-size: 12px !important;
  }
  .listing-product-card .product-card-name {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 280px) and (max-width: 480px) {
  .list-section .collection-breadcrumb .ant-breadcrumb {
    font-size: 12px !important;
  }
  .listing-title h1 {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
  }
  .list-sectionMain {
    width: 100% !important;
  }
  .inner-list .cardMain {
    width: 50% !important;
    margin-bottom: 20px !important;
  }
  .pagination-count {
    display: none !important;
  }
  .product-name-mobile {
    font-size: 12px !important;
  }
  .listing-product-card .product-card-name {
    font-size: 12px !important;
  }
}
.pagination-count,
.pagination-numbers {
  font-weight: 300 !important;
  font-size: 18px;
}
.pagination .pagination-numbers .ant-pagination-item-active a,
.pagination .pagination-numbers .ant-pagination-item:hover a {
  margin-top: 2px;
  line-height: 30px;
  font-weight: 300 !important;
  font-size: 18px;
}
.pagination .pagination-numbers .ant-pagination-item-active a:lang(ar),
.pagination .pagination-numbers .ant-pagination-item:hover a:lang(ar) {
  line-height: 24px !important;
  font-weight: 300 !important;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .sidebar-main {
    display: none !important;
  }
  .list-sectionMain {
    width: 100% !important;
  }
  .list-sectionMain .ant-card-body {
    padding: 20px 12px !important;
  }
}
@media screen and (max-width: 992px) {
  .pagination .pagination-numbers .ant-pagination-item-active a:lang(ar),
  .pagination .pagination-numbers .ant-pagination-item:hover a:lang(ar) {
    margin-top: 0px;
    line-height: 20px !important;
    font-weight: 300 !important;
    font-size: 15px;
    margin-top: 0px !important;
  }
  .pagination .pagination-numbers .ant-pagination-item-active:lang(ar) {
    margin-top: 10px !important;
  }
  .pagination .pagination-numbers .ant-pagination-item-active a,
  .pagination .pagination-numbers .ant-pagination-item:hover a {
    line-height: 24px;
    font-weight: 300 !important;
    font-size: 14px;
  }
  .pagination .pagination-numbers .ant-pagination-item-active,
  .pagination .pagination-numbers .ant-pagination-item:hover,
  .pagination .pagination-numbers {
    border-radius: 100% !important;
    line-height: 10px !important;
    font-size: 14px;
  }
  .pagination .pagination-numbers .ant-pagination-prev a,
  .pagination .pagination-numbers .ant-pagination-next a {
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 38px !important;
  }
  .pagination .pagination-numbers,
  .ant-pagination-item {
    min-width: 26px !important;
    height: 26px !important;
    margin: 0 3px !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .listing-product-card .product-card-name {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 912px) and (max-width: 1023px) {
  .product-name-mobile {
    font-size: 13px !important;
  }
  .listing-product-card .product-card-name {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 820px) and (max-width: 911px) {
  .product-name-mobile {
    font-size: 13px !important;
  }
  .listing-product-card .product-card-name {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .inner-list {
    max-width: 950px !important;
  }
}
@media screen and (min-width: 961px) and (max-width: 991px) {
  .inner-list {
    max-width: 915px !important;
  }
}
@media screen and (min-width: 931px) and (max-width: 960px) {
  .inner-list {
    max-width: 890px !important;
  }
}
@media screen and (min-width: 912px) and (max-width: 930px) {
  .inner-list {
    max-width: 875px !important;
  }
}
@media screen and (min-width: 881px) and (max-width: 911px) {
  .inner-list {
    max-width: 840px !important;
  }
}
@media screen and (min-width: 851px) and (max-width: 880px) {
  .inner-list {
    max-width: 810px !important;
  }
}
@media screen and (min-width: 821px) and (max-width: 850px) {
  .inner-list {
    max-width: 780px !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 820px) {
  .inner-list {
    max-width: 760px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .inner-list {
    max-width: 725px !important;
  }
}
@media screen and (min-width: 746px) and (max-width: 767px) {
  .inner-list {
    max-width: 715px !important;
  }
}
@media screen and (min-width: 721px) and (max-width: 745px) {
  .inner-list {
    max-width: 680px !important;
  }
}
@media screen and (min-width: 691px) and (max-width: 720px) {
  .inner-list {
    max-width: 655px !important;
  }
}
@media screen and (min-width: 661px) and (max-width: 690px) {
  .inner-list {
    max-width: 625px !important;
  }
}
@media screen and (min-width: 631px) and (max-width: 660px) {
  .inner-list {
    max-width: 590px !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 630px) {
  .inner-list {
    max-width: 565px !important;
  }
}
@media screen and (min-width: 571px) and (max-width: 600px) {
  .inner-list {
    max-width: 535px !important;
  }
}
@media screen and (min-width: 551px) and (max-width: 570px) {
  .inner-list {
    max-width: 510px !important;
  }
}
@media screen and (min-width: 531px) and (max-width: 550px) {
  .inner-list {
    max-width: 500px !important;
  }
}
@media screen and (min-width: 511px) and (max-width: 530px) {
  .inner-list {
    max-width: 485px !important;
  }
}
@media screen and (min-width: 491px) and (max-width: 510px) {
  .inner-list {
    max-width: 470px !important;
  }
}
@media screen and (min-width: 461px) and (max-width: 490px) {
  .inner-list {
    max-width: 440px !important;
  }
}
@media screen and (min-width: 431px) and (max-width: 460px) {
  .inner-list {
    max-width: 400px !important;
  }
}
@media screen and (min-width: 430px) and (max-width: 450px) {
  .inner-list {
    max-width: 405px !important;
  }
}
@media screen and (min-width: 401px) and (max-width: 429px) {
  .inner-list {
    max-width: 385px !important;
  }
}
@media screen and (min-width: 371px) and (max-width: 400px) {
  .inner-list {
    max-width: 360px !important;
  }
}
@media screen and (min-width: 341px) and (max-width: 370px) {
  .inner-list {
    max-width: 340px !important;
  }
}
@media screen and (min-width: 311px) and (max-width: 340px) {
  .inner-list {
    max-width: 280px !important;
  }
}
@media screen and (min-width: 281px) and (max-width: 310px) {
  .inner-list {
    max-width: 250px !important;
  }
}
@media screen and (max-width: 280px) {
  .inner-list {
    max-width: 260px !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 819px) {
  .product-name-mobile {
    font-size: 12px !important;
  }
}
.sidebar-main .ant-tree li ul {
  margin: 0;
  padding: 0 0 0 10px !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #333333 !important;
  border-color: #333333 !important;
}
.addr-cntr-web .ant-form-explain,
.addr-cntr-web .ant-form-extra {
  font-size: 10px;
}
#strikeout {
  font-size: 0.8rem;
  line-height: 1rem;
  position: relative;
}
#strikeout::after {
  border-bottom: 0.125rem solid #666666;
  content: "";
  left: 0;
  margin-top: calc(0.125rem / 2 * -1);
  position: absolute;
  right: 0;
  top: 53%;
}
/* Common styles --START--*/
.ant-modal-close-x {
  color: #333333;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.ant-modal-close-x .ant-modal-close-icon {
  color: #333333 !important;
}
.coupon-hr {
  margin: 10px 0;
  width: 100%;
}
.coupon-hr hr {
  border: none;
  border-top: 0.5px solid #989898;
  color: #383838;
  overflow: visible;
  text-align: center;
  height: 5px;
}
.coupon-hr hr:after {
  background: #FFFFFF;
  content: 'Or';
  padding: 0 5px;
  position: relative;
  top: -13px;
}
.coupon-hr hr:lang(ar):after {
  content: '\623\648';
}
.border {
  border-top: 1px solid rgba(177, 177, 177, 0.3);
  -webkit-background-clip: padding-box;
}
.color-green {
  color: #45A055;
}
#divider::after {
  content: '|';
  padding: 0 7px;
  position: relative;
}
.chckout-top-margin {
  margin-top: 10px !important;
}
#addressForm_label > label:nth-child(2) {
  margin: 0 20px !important;
}
/* Common styles --END--*/
.chkout-container {
  width: 100%;
  min-height: 70vh;
  background-color: #FFFFFF;
  font-family: DIN Next;
  font-size: 16px;
}
.chkout-wrapper {
  margin: 0 !important;
  width: 100%;
  position: relative;
  padding: 1% 3% 3% 3%;
}
.chkout-col-1 {
  width: 64%;
}
.chkout-col-2 {
  width: 36%;
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1261px) {
  .chkout-col-1 {
    width: 64%;
  }
  .chkout-col-2 {
    width: 36%;
  }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1260px) {
  .chkout-col-1 {
    width: 59%;
  }
  .chkout-col-2 {
    width: 41%;
  }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .chkout-col-1 {
    width: 57%;
  }
  .chkout-col-2 {
    width: 43%;
  }
}
.wrapper-container {
  position: relative;
}
.wrapper-container .ant-radio-wrapper-checked {
  color: #000000;
}
.wrapper-container .ant-tabs-tab {
  border: unset !important;
  border-radius: 0 !important;
  width: 178px !important;
  height: 50px !important;
  line-height: 50px !important;
  text-align: start !important;
  font-weight: 500 !important;
  color: #000000;
  font-size: 1rem !important;
  background-color: transparent !important;
}
.wrapper-avatar {
  position: absolute;
  box-shadow: 0px 3px 5px #00000059;
  z-index: 1;
  top: 20px;
  left: -20px;
  border-radius: unset !important;
}
.wrapper-avatar:lang(ar) {
  left: unset;
  right: -20px;
}
.wrapper-content {
  width: 100%;
}
.chckout-account-header {
  margin-bottom: 10px;
  width: 100%;
}
.chckout-account-header #header-account {
  font-size: 1.6rem;
  color: #000000;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.chckout-account-header #header-account-unselect {
  font-size: 1.6rem;
  color: #666666;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.chckout-account-header #login-success-avatar {
  margin: 0 20px;
}
#header-switch {
  text-align: end;
}
#header-switch a {
  font-size: 0.9rem;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0px;
}
#header-switch a:hover {
  text-decoration: underline;
}
#chckout-account-desc {
  margin: 10px 0;
  font-size: 0.8rem;
  color: #666666;
  letter-spacing: 0px;
}
.chckout-account-btn {
  margin: 10px 0 10px 0;
  color: #FFFFFF !important;
  font-weight: 500;
  height: 40px;
  width: 194px;
  background: #FEAB49 !important;
  font-size: 1rem;
  border: unset;
  border-radius: unset;
}
.chckout-account-user {
  margin: 10px 0 10px 0;
  color: #666666;
  font-weight: 500;
  font-size: 0.85rem;
}
.chckout-account-user #acc-name {
  text-transform: capitalize;
}
.chckout-account-user #border-between {
  border: 1px solid #666666;
  border-width: 0 1.5px 0 1.5px;
}
.chckout-account-user #border-left {
  border: 1px solid #666666;
  border-width: 0 0 0 1.5px;
}
.chckout-account-user #border-right {
  border: 1px solid #666666;
  border-width: 0 1.5px 0 0;
}
.acc-modal-container,
.acc-modal-container > div {
  width: 100% !important;
}
.acc-modal-content {
  width: 100%;
  padding: 5% 0%;
}
#acc-switch-header {
  margin: 25px 20px !important;
  color: #383838;
  font-weight: 500;
  font-size: 1.4rem;
}
#acc-signin-header {
  margin: 25px 0 10 0 !important;
  color: #383838;
  font-weight: 500;
  font-size: 1.4rem;
}
#acc-switch-confirm {
  margin: 0px 20px 25px !important;
  color: #666666;
  font-weight: 500;
  font-size: 0.85rem;
}
#acc-switch-logoutas {
  margin: 0px 20px 25px !important;
  color: #000000;
  font-weight: 500;
  font-size: 0.85rem;
}
.acc-actions {
  width: 100% !important;
  margin: 20px 10px !important;
}
.acc-btn {
  min-width: 116px !important;
  min-height: 45px !important;
}
/* address card styles --START-- */
.address-card-container {
  width: 100%;
  margin: 10px 0;
}
#default-ribbon {
  position: absolute;
  right: -1px;
}
#default-ribbon:lang(ar) {
  right: unset;
  left: -2px;
}
#add-new-add {
  position: absolute;
  top: 33px;
  left: 10px;
}
#add-new-add:lang(ar) {
  left: unset;
  right: 10px;
}
#work-add {
  position: absolute;
  top: 33px;
  left: 8px;
}
#work-add:lang(ar) {
  left: unset;
  right: 8px;
}
.address-card {
  width: 100% !important;
  text-transform: capitalize;
  border: 1px solid #CCC;
  background: #F8F5F0 !important;
}
.address-card-dashed {
  letter-spacing: 0.5px;
  width: 100% !important;
  height: 100% !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px dashed #CCCCCC;
  border-style: dashed !important;
}
#address-label-icon {
  position: absolute;
  left: 10px !important;
}
#address-label-icon:lang(ar) {
  left: unset;
  right: 10px;
}
.address-content {
  margin: 4px 0 0px 0;
}
.address-content #address-label {
  font-size: 1rem;
  color: #000000;
}
.address-content #address-label2 {
  font-size: 0.7rem;
  margin: 5px 0;
}
.address-content #address-name {
  font-size: 0.8rem;
  font-weight: 500;
  color: #000000;
}
.address-content #address-whole,
.address-content #address-desc {
  margin: 7px 0;
  font-size: 0.75rem;
  color: #999999;
}
.address-content #address-time {
  margin: 15px 0;
  color: #383838;
  font-weight: 400;
}
.selected-address-content {
  font-weight: 500;
  margin: 10px 0;
  text-transform: capitalize;
}
.selected-address-content #selected-address-label {
  font-size: 1rem;
  color: #666666;
}
.selected-address-content #selected-address-name {
  margin: 5px 0;
  font-size: 0.7rem;
  color: #666666;
}
.selected-address-content #selected-address-whole,
.selected-address-content #selected-address-desc {
  margin: 7px 0;
  font-size: 0.7rem;
  color: #999999;
}
.selected-address-content #selected-address-time {
  margin: 15px 0;
  font-size: 0.7rem;
  color: #383838;
  font-weight: 400;
}
.address-add-btn {
  min-width: 165px;
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  background-color: #FEAB49 !important;
  color: #FFFFFF !important;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
}
.manageaddress-add-btn {
  min-width: 165px;
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  background-color: #333333 !important;
  color: #ffffff !important;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
}
.address-deliver-btn {
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  background-color: #FEAB49 !important;
  color: #FFFFFF !important;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
}
.address-delete-btn {
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  background-color: #333333 !important;
  color: #ffffff !important;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
}
.address-edit-btn {
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  color: #FFFFFF;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
  background-color: #FFFFFF !important;
  border: 1px solid #FEAB49 !important;
  color: #FEAB49 !important;
}
.manageaddress-edit-btn {
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  color: #FFFFFF;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
  background-color: #FFFFFF !important;
  border: 1px solid #333333 !important;
  color: #333333 !important;
}
.position-btm {
  position: absolute;
  bottom: 30px;
}
/* address card styles --END-- */
/* payment card styles --START-- */
.payment-cards-wrapper {
  width: 100% !important;
}
.card-cont {
  width: 80%;
  color: #000000 !important;
}
#cod-avatar {
  margin-bottom: 20px;
}
#cod-mode {
  margin-bottom: 20px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #838383;
}
#cod-mode-warn {
  margin-bottom: 20px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #FF0000 !important;
}
#cod-mode-unverified {
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 600;
  color: #FF0000 !important;
}
#cod-note {
  font-size: 0.75rem;
}
#card-num {
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 5px;
}
#card-desc {
  font-size: 0.6rem;
}
.ant-modal-close:lang(ar) {
  left: 0;
  right: unset;
}
.place-order-btn-web {
  border: unset !important;
  border-radius: unset !important;
  color: #FFFFFF !important;
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  height: 40px;
  background-color: #E77036 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.place-order-btn-web-disabled {
  border: unset !important;
  border-radius: unset !important;
  color: #FFFFFF !important;
  font-size: 0.8rem;
  font-weight: 500;
  min-width: 150px;
  height: 40px;
  background-color: #cccccc !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-tab {
  width: 100%;
}
.payment-tab .ant-radio {
  margin: unset;
}
.pay-saved-card {
  color: #383838;
  font-size: 0.8rem;
  font-weight: 500 !important;
  margin-bottom: 20px;
}
.pay-card-wrap {
  width: 70%;
  font-weight: 500 !important;
  border-bottom: 1px solid #F5F4F2;
  padding: 10px 10% 0 0;
}
.pay-card-wrap:lang(ar) {
  padding: 10px 0 0 10%;
}
.pay-card-wrap2 {
  width: 100%;
  padding: 10px 0;
}
.ant-calendar {
  width: 245px !important;
  border-radius: unset !important;
}
.pay-concent .ant-checkbox-wrapper {
  font-size: 0.8rem !important;
}
.radio-cont {
  padding: 15px 0;
  color: #383838;
  display: table;
  width: 100%;
}
.radio-cont .ant-radio-inner {
  border-color: #E77036 !important;
  border-width: 2px !important;
  width: 14px !important;
  height: 14px!important;
}
.radio-cont .ant-radio-wrapper {
  display: table-cell;
  line-height: 0 !important;
  width: 15px !important;
}
.radio-cont .ant-radio-checked .ant-radio-inner {
  border-color: #E77036 !important;
}
.radio-cont .ant-radio-inner::after {
  top: 1px !important;
  left: 1px !important;
  background-color: #E77036 !important;
}
.radio-cont:lang(ar) .ant-radio-wrapper {
  margin-right: unset !important;
}
.radio-cont-card {
  margin-top: 20px;
  color: #383838;
}
.radio-wrap {
  display: table-cell;
  vertical-align: middle;
}
.check-wrap {
  margin: 10px;
}
.ec-wrap {
  display: table;
  margin: 0 auto;
  width: 100%;
}
#ec-c-1,
#ec-c-2 {
  font-weight: 500;
  font-size: 0.75rem;
  display: table-cell;
}
.all-cards {
  display: table;
  font-weight: 500;
  font-size: 0.75rem;
}
#c-clo-11 {
  display: table-cell;
  font-weight: 500;
  font-size: 0.9rem;
}
#c-clo-1 {
  padding: 0 10px;
  display: table-cell;
}
#c-clo-2 {
  padding: 0 5px;
  display: table-cell;
}
#ec-c-2 {
  padding: 0 15px;
}
#radio-name {
  font-weight: 500;
  font-size: 0.9rem;
}
#radio-desc,
.radio-check {
  font-size: 0.7rem !important;
}
.new-pay-cb {
  width: 100%;
}
.new-pay-title {
  width: 100%;
}
#np-t-1 > span {
  color: #000000;
  font-weight: 600;
  font-size: 1rem;
}
.np-t-2 > a > span {
  color: #000000;
  font-weight: 600;
  font-size: 0.85rem;
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.np-new-c,
.np-saved-c {
  width: 100%;
  margin: 20px 0;
  padding: 0 0px;
}
.b-top {
  border-top: 1px solid #F5F4F2;
}
.pay-menu {
  font-size: 0.8rem;
  font-weight: 500;
  color: #000000;
  height: 100%;
  padding: 0 0;
}
.pay-menu:lang(ar) {
  border-right: unset;
}
.pay-menu-item-sel {
  background-repeat: no-repeat !important;
  background-size: 100% !important;
}
.pay-menu-item {
  display: flex;
  align-items: center;
  font-size: 1rem;
  height: 46px;
  padding: 2px 15px;
  cursor: pointer;
}
.pay-menu-item .pay-with-brand {
  margin-right: 40px;
}
.pay-menu-item .pay-with-brand-icon {
  width: 60px;
  text-align: right;
  display: inline-block;
}
.pay-menu > div {
  border: 1px solid #CCC;
  margin-bottom: 15px;
}
.pay-menu .selected-payment-mode-background {
  background-color: #F7F3ED;
}
.cod-payment-bacground {
  background-color: #F7F3ED;
  margin-left: 8px;
  margin-bottom: 20px;
  margin-top: 15px;
}
.payment-radio-btn-style {
  display: block;
  line-height: 30px !important;
  margin-left: 15px !important;
}
.address-radio-btn-style {
  line-height: 37px !important;
}
.adress-action-btn-style {
  color: #333333 !important;
  font-weight: 400;
  background: none !important;
  border: none;
  font-size: 1.25vw;
}
#address-name > span {
  font-size: 1.38vw;
  font-weight: 500;
  color: #333333;
}
@media screen and (min-width: 668px) and (max-width: 1024px) {
  #address-name > span {
    font-size: 2.1vw !important;
  }
  #address-whole > div {
    font-size: 1.9vw !important;
  }
}
@media only screen and (max-width: 667px) {
  #address-name > span {
    font-size: 2.68vw !important;
  }
  #address-whole > div {
    font-size: 2.52vw !important;
  }
}
#address-whole > div {
  font-size: 1.12vw;
  font-weight: 400;
  color: #333333;
}
.checkout-mobile-no-text {
  font-size: 1.12vw;
  font-weight: 400;
  color: #333333;
}
.checkout-mobile-no {
  font-size: 1.12vw;
  font-weight: 500;
  color: #333333;
}
.checkout-other-address-text {
  font-size: 1.52vw;
  font-weight: 500;
  color: #333333;
}
.checkout-other-payment-method-txt {
  font-size: 1.25vw;
  font-weight: 500;
  color: #333333;
}
.checkout-card-ending-with {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 27px;
  color: #333333;
}
.checkout-already-have-account {
  font-size: 1.17vw;
  font-weight: 400;
  color: #333333;
}
/* payment card styles --END-- */
.chckout-summary-container {
  background-color: #FFFFFF;
}
.chckout-summary-container .ant-card-head {
  border: unset !important;
}
.checkout-summary-cont-btn {
  background-color: #E77036 !important;
  height: 100%;
  width: 100%;
  border-color: #E77036 !important;
  border-radius: 0px;
  font-weight: 500;
  font-size: 1.17vw;
  color: #FFF !important;
}
.chckout-summary-container:lang(ar) {
  background-color: #FFFFFF;
}
.set-no-even {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.chckout-snap-row {
  width: 100%;
  padding: 15px 0;
}
.chckout-action-container {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.8rem;
}
.chckout-snap-wrapper {
  border-top: 1px solid rgba(177, 177, 177, 0.3);
  -webkit-background-clip: padding-box;
  margin-top: 10px;
}
#chckout-action-name {
  font-weight: 600;
  color: #000000 !important;
}
#chckout-action-name:hover {
  text-decoration: underline;
}
#coupon-modal-header {
  margin: 5px 0px 20px 40px !important;
  color: #333333;
  font-weight: 600;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
}
#coupon-modal-desc {
  margin-bottom: 25px !important;
  color: #666666;
  font-size: 0.8rem;
}
.coupon-modal-plcholder {
  color: #757575;
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  z-index: 1;
  top: -7.5px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 5px;
}
.coupon-modal-plcholder-red {
  font-size: 0.75rem;
  color: #FF0000;
}
.coupon-modal-msg-red {
  width: 100%;
  font-size: 0.8rem;
  color: #FF0000;
  margin-top: 10px;
}
.coupon-modal-plcholder:lang(ar) {
  left: unset !important;
  right: 5px !important;
}
.coupon-modal-btn {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  z-index: 1;
  right: 2%;
  top: 28%;
  padding: 0 5px;
  background: #FFFFFF;
  text-decoration-line: underline;
}
.coupon-modal-btn:hover {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  z-index: 1;
  right: 2%;
  top: 28%;
  padding: 0 5px;
  background: #FFFFFF;
  text-decoration-line: underline;
}
.coupon-modal-btnar {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  z-index: 1;
  left: 2% ;
  top: 28%;
  padding: 0 5px;
  background: #FFFFFF;
  text-decoration-line: underline;
}
.coupon-modal-btnar:hover {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  z-index: 1;
  left: 2%;
  top: 28%;
  padding: 0 5px;
  background: #FFFFFF;
  text-decoration-line: underline;
}
.coupon-modal-cont {
  width: 100% !important;
}
.coupon-modal-cont .ant-btn:hover,
.coupon-modal-cont .ant-btn:focus,
.coupon-modal-cont .ant-btn:active {
  border: unset !important;
  color: #FFFFFF !important;
  background-color: #F2DAC3 !important;
}
.coupon-modal-cont .ant-input:focus,
.coupon-modal-cont .ant-input:hover {
  box-shadow: unset !important;
  border-color: unset;
}
.coupon-btn {
  color: #333333 !important;
  font-size: 0.8rem;
  font-weight: 500;
  width: 100%;
  border: 1px solid #333333 !important;
}
.coupon-btn:hover {
  color: #333333 !important;
  font-size: 0.8rem;
  font-weight: 500;
  width: 100%;
  border: 1px solid #333333;
}
.coupon-list-row {
  width: 100%;
  padding: 10px 3px;
  text-align: start;
}
.coupon-list-row #coupon-title {
  font-size: 0.9rem;
  color: #111111;
  font-weight: 500;
}
.coupon-list-row #coupon-desc {
  font-size: 0.8rem;
  color: #999999;
}
.coupon-list-row #coupon-btn {
  width: 100%;
  max-width: 110px;
  height: 40px;
  font-weight: 500;
  font-size: 0.9rem;
  color: #F2DAC3;
  border-color: #F2DAC3 !important;
  border-radius: 0;
}
.coupon-btn-dashed {
  width: 100%;
  margin: 0 !important;
  text-align: start;
  color: #757575 !important;
  height: 50px;
  font-size: 0.9rem;
  border-radius: unset;
  border-color: #24554E !important;
  background-color: transparent !important;
  padding: 0;
  box-shadow: none !important;
}
.coupon-btn-applied {
  height: unset !important;
  color: #FFFFFF !important;
  border: unset;
  background-image: url(/static/content/Coupon_applied.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: center center !important;
  padding: 8px 10px !important;
  display: flex;
  justify-content: flex-start;
}
.coupon-btn-applied:lang(ar) {
  background-image: url(/static/content/Coupon_applied_ar.png) !important;
}
.coupon-input {
  border-radius: 0;
  border-color: #000000;
  height: 45px;
  color: #333333;
  font-weight: 400;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 30%;
}
.coupon-input:lang(ar) {
  border-radius: 0;
  border-color: #000000;
  height: 45px;
  color: #333333;
  font-weight: 400;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 40%;
  padding-right: 2%;
}
.coupon-input-red {
  border-color: #FF0000 !important;
}
#coupon-msg {
  font-size: 0.75rem;
  color: #999999;
}
.chckout-top-border {
  border-top: 1px solid rgba(177, 177, 177, 0.3);
  -webkit-background-clip: padding-box;
}
.sum-snap-pr {
  display: table;
  width: 100%;
}
.sum-pr-c-1,
.sum-pr-c-2,
.sum-pr-c-3 {
  display: table-cell;
  vertical-align: bottom !important;
}
.no-border {
  border: unset !important;
}
#addr-title {
  width: 100%;
  font-size: 1rem;
  color: black;
  font-weight: 500;
  text-transform: capitalize;
}
.addr-cntr-web,
.address-form-web {
  width: 100%;
  color: #000000 !important;
}
.addr-cntr-web .ant-checkbox-wrapper .ant-checkbox-inner,
.address-form-web .ant-checkbox-wrapper .ant-checkbox-inner,
.addr-cntr-web .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.address-form-web .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.addr-cntr-web .ant-checkbox:hover .ant-checkbox-inner,
.address-form-web .ant-checkbox:hover .ant-checkbox-inner,
.addr-cntr-web .ant-checkbox-input:focus + .ant-checkbox-inner,
.address-form-web .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #333333 !important;
}
.addr-cntr-web .ant-select-disabled .ant-select-selection,
.address-form-web .ant-select-disabled .ant-select-selection {
  background: transparent !important;
  color: #666666;
}
.addr-cntr-web .ant-select-selection,
.address-form-web .ant-select-selection,
.addr-cntr-web .ant-input,
.address-form-web .ant-input {
  border-radius: unset !important;
}
.addr-cntr-web .ant-form-item-control,
.address-form-web .ant-form-item-control {
  line-height: unset !important;
}
.addr-cntr-web #addr-cid .ant-row ant-form-item,
.address-form-web #addr-cid .ant-row ant-form-item {
  margin: 0 !important;
}
.addr-cntr-web .addr-btn,
.address-form-web .addr-btn {
  background-color: #E77036;
  color: #FFFFFF;
  border: unset;
  height: 50px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 0;
  font-size: 1.17vw;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .addr-cntr-web .addr-btn,
  .address-form-web .addr-btn {
    font-size: 1.77vw !important;
  }
}
@media screen and (max-width: 667px) {
  .addr-cntr-web .addr-btn,
  .address-form-web .addr-btn {
    font-size: 2.17vw !important;
  }
}
.addr-cntr:lang(ar) {
  text-align: right;
}
.new-card-form .wpwl-wrapper {
  width: 100% !important;
}
.new-card-form .wpwl-form-card {
  border-radius: unset;
  background: unset;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  margin: 15px 0 0 25px !important;
  padding: unset !important;
  border: unset !important;
  max-width: 400px !important;
  font-family: 'Arial';
  font-size: 0.8rem !important;
}
.new-card-form .wpwl-group-brand {
  display: none;
}
.new-card-form .cust-form > div.wpwl-wrapper,
.new-card-form div.wpwl-label,
.new-card-form div.wpwl-sup-wrapper {
  display: none !important;
}
.new-card-form .cust-form > div.wpwl-group-expiry {
  width: 70%;
  float: left;
}
.new-card-form .cust-form > div.wpwl-group-cvv {
  width: 28%;
  float: left;
  margin-left: 2%;
}
.new-card-form .set-no-even {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
.new-card-form .wpwl-group-cardNumber,
.new-card-form .wpwl-group-expiry,
.new-card-form .wpwl-group-cardHolder,
.new-card-form .wpwl-group-cvv {
  height: 45px !important;
  width: 100% !important;
  border-radius: unset !important;
  padding: unset !important;
}
.new-card-form .wpwl-control {
  height: 3.125em !important;
}
.new-card-form .wpwl-control .wpwl-control-expiry {
  font-size: 13px !important;
  opacity: 1;
  color: #000 !important;
}
.new-card-form input.wpwl-control.wpwl-control-expiry::placeholder {
  opacity: 1;
  font-size: 13px !important;
  color: #000 !important;
}
.new-card-form input.wpwl-control.wpwl-control-cardHolder::placeholder {
  opacity: 1;
  font-size: 13px !important;
  color: #000 !important;
}
.new-card-form .wpwl-control .wpwl-control-cardHolder {
  font-size: 13px !important;
  opacity: 1;
  color: #000 !important;
  border-radius: unset;
  height: 40px !important;
  border-color: #979797 !important;
}
.new-card-form .wpwl-button-pay {
  float: unset !important;
  min-width: 150px;
  height: 40px;
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 20px;
  background-color: #E77036 !important;
  color: #FFFFFF !important;
  border-radius: unset !important;
  border: unset !important;
  text-transform: uppercase !important;
}
.new-card-form .wpwl-form-has-inputs {
  padding: 5px 0 0 0 !important;
  border-radius: 0px;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  margin: 5px 0;
  border-top: 1px solid #F5F4F2;
  border-width: 1px 0 0 0;
}
.new-card-form .wpwl-group-registration {
  padding: unset;
  border: unset;
  min-height: 32px !important;
}
.new-card-form .wpwl-wrapper-registration-registrationId {
  display: none;
}
.new-card-form .wpwl-form {
  margin: unset !important;
}
.new-card-form .wpwl-form-registrations:nth-child(2) {
  display: none !important;
}
.new-card-form .customLabel {
  position: absolute;
  left: 22px;
  bottom: 75px;
}
.new-card-form .wpwl-wrapper > .wpwl-icon {
  top: 0.9em !important;
}
.new-card-form .customInput > input[type=checkbox]:checked {
  background-image: url(/static/content/checkbox-checked.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
}
.new-card-form:lang(en) .wpwl-group-submit {
  margin-top: 30px;
}
.new-card-form:lang(ar) .wpwl-wrapper > .wpwl-icon {
  float: right;
  left: 0.5625em;
  right: 29.3em;
}
.min-ht {
  min-height: 125px !important;
}
.saved-card-form .wpwl-form {
  margin: 25px 0 0 0 !important;
}
.saved-card-form .wpwl-group-submit {
  margin-bottom: unset;
}
.saved-card-form .wpwl-button-pay {
  margin-top: 15px !important;
  min-width: 120px;
  height: 35px;
  font-size: 0.9rem;
  font-weight: 500;
  background-color: #E77036 !important;
  color: #FFFFFF !important;
  border-radius: unset !important;
  border: unset !important;
  text-transform: uppercase !important;
  float: unset !important;
}
.saved-card-form .wpwl-form-has-inputs {
  padding: 10px 0 !important;
  height: 65px !important;
  border-radius: unset !important;
  border: unset !important;
  margin: 15px 0 0 0 !important;
  box-shadow: 0px 3px 5px #00000026 !important;
}
.saved-card-form .wpwl-group-registration {
  padding: unset;
  border: unset;
  min-height: 32px !important;
}
.saved-card-form .wpwl-wrapper-registration-registrationId {
  display: none;
}
.saved-card-form .wpwl-form-registrations:nth-child(2) {
  display: none !important;
}
.saved-card-form .wpwl-wrapper-registration-details {
  padding-right: 24px;
  width: fit-content !important;
  margin-top: 10px;
}
.saved-card-form .wpwl-wrapper-registration-brand > div {
  background-position: 0 -8100px !important;
}
.saved-card-form body > form > input[type="tel"] {
  border-radius: unset !important;
  border-color: #000000 !important;
}
.saved-card-form .wpwl-wrapper-registration-cvv > iframe {
  min-width: 65px !important;
  max-width: 80px !important;
  height: 2.6em !important;
  border: 1px solid #ccc !important;
}
.saved-card-form .wpwl-wrapper-registration-cvv {
  height: 47px !important;
  overflow-y: hidden !important;
}
.saved-card-form:lang(ar) .wpwl-button-pay {
  float: left;
}
.new-card-form:lang(ar) .wpwl-button-pay,
.new-card-form:lang(ar) .wpwl-group-submit {
  float: right !important;
}
.new-card-form:lang(ar) .customLabel {
  left: unset !important;
  right: 22px !important;
}
.disable-click {
  pointer-events: none;
}
.otp-box-cont-cod input[value=''] {
  border: 1px solid #999999;
  margin-right: 27.5px;
}
.otp-box-cont-cod input:not([value='']),
.otp-box-cont-cod input:hover {
  border: 1px solid #000 !important;
  margin-right: 27.5px;
}
.otp-box-cont-cod input[value='']:lang(ar) {
  margin-right: 0px;
  margin-left: 27.5px;
}
.otp-box-cont-cod input:not([value='']):lang(ar),
.otp-box-cont-cod input:hover:lang(ar) {
  margin-right: 0px;
  margin-left: 27.5px;
}
.showPlaceholder-cod,
.showLabel-cod {
  position: relative;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.showPlaceholder-cod label {
  position: absolute;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  left: 4.5%;
  top: -25%;
  opacity: 0.5;
  font-family: DIN Next;
  color: #000;
  transition-timing-function: ease-in;
  font-size: 1rem !important;
}
.showLabel-cod label,
.showLabel-cod:focus-within label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #333333;
  top: -17px;
  left: -1%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  transition: 0.2s ease-in;
}
.showPlaceholder-cod label:lang(ar) {
  left: unset;
  right: 2.5%;
}
.showPlaceholder-cod input {
  border-color: #999999;
  z-index: 2;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.showPlaceholder-cod input:hover {
  border-color: #999999;
  background-color: transparent !important;
}
.showLabel-cod label:lang(ar) {
  left: unset;
  right: -2%;
}
.showLabel-cod input {
  border-color: #333333;
  color: #333333;
  border-radius: 0px !important;
}
.cod-otp-input-cont .ant-select-selection--single .ant-select-selection__rendered {
  margin: 0% 5% !important;
  font-size: 0.95rem !important;
  border-radius: 0px !important;
}
.cod-otp-input-cont .ant-select-disabled .ant-select-selection {
  background-color: #fff !important;
  border-radius: 0px !important;
}
.google-map-web .gm-fullscreen-control {
  background-size: 100% 100% !important;
  background-repeat: no-repeat;
  height: 0 !important;
  width: 0 !important;
  bottom: 15px;
  top: auto !important;
  right: auto !important;
  left: 0px;
}
.google-map-web .gm-fullscreen-control img {
  display: none !important;
}
.google-map-web .locate-me-button-english {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 25px;
  width: 92px;
  border-radius: 0px;
  cursor: pointer;
}
.google-map-web-arabic .gm-fullscreen-control {
  background-size: 100% 100% !important;
  background-repeat: no-repeat;
  height: 0 !important;
  width: 0 !important;
  bottom: 15px;
  top: auto !important;
  right: auto !important;
  left: 0px;
}
.google-map-web-arabic .gm-fullscreen-control img {
  display: none !important;
}
.google-map-web-arabic .locate-me-button-arabic {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 25px;
  width: 92px;
  border-radius: 0px;
  cursor: pointer;
}
.tamara-background-image {
  padding: 15px !important;
}
.m-site-steps-icon .ant-steps-item-icon {
  width: 24px !important;
  height: 24px !important;
  line-height: 28px !important;
  font-size: 12px !important;
}
.new-pay-cb .ant-steps-item-icon {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 12px !important;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #1bda1b !important;
  color: #fff !important;
  border: none !important;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background: #cccccc !important;
  color: #fff !important;
  border: none !important;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  left: 11px !important;
  padding: 30px 0 6px !important;
}
.tamara-installment-plan-widget {
  box-shadow: none !important;
}
.coupon-modal-btns {
  margin: 20px 16px;
  height: 45px;
  width: 100%;
  background-color: #333333 !important;
  color: #FFFFFF !important;
  font-size: 0.9rem;
  font-weight: 500;
  border: unset;
  border-radius: 0;
}
.scart-summary-container {
  background: none;
}
.scart-summary-container .ant-card-head-title {
  font-size: 1.52vw;
  font-weight: 500;
  color: #333333;
  padding-top: 10px;
  padding-bottom: 10px;
}
.summary-coupon-sec {
  background-color: #F7F7F7;
}
.summary-coupon-sec > .ant-card-body {
  padding: 0 0 20px 0;
}
.scart-summary-container > .ant-card-head {
  padding-left: 0;
}
.span-with-link-text-decor {
  margin-left: 5px;
  text-decoration: underline;
  cursor: pointer;
  color: #04C753;
  font-weight: 600;
}
.shababna-primary-button-style {
  height: 2.5vw;
  background-color: #04C753 !important;
  color: #FFF !important;
  width: 100%;
}
.text-center-align-style {
  text-align: center;
}
.address-card-container > div {
  width: 100%;
}
.common-header-cart-checkout {
  font-weight: 500;
  font-size: 1.8vw;
  color: #333333;
  margin-top: 10px;
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .common-header-cart-checkout {
    font-size: 3.3vw !important;
  }
}
.address-content .ant-radio-input:focus,
.payment-page .ant-radio-input:focus {
  border-color: #04C753 !important;
}
.address-content .ant-radio-inner,
.payment-page .ant-radio-inner {
  height: 20px;
  width: 20px;
  border-color: #E77036 !important;
}
.address-content .ant-radio-checked .ant-radio-inner,
.payment-page .ant-radio-checked .ant-radio-inner {
  border-color: #E77036 !important;
}
.address-content .ant-radio-checked .ant-radio-inner::after,
.payment-page .ant-radio-checked .ant-radio-inner::after {
  height: 12px;
  width: 12px;
  background-color: #E77036 !important;
}
#addressForm_extCode .ant-select-selection-selected-value {
  float: none;
}
.address-dilog-box .ant-modal-close-x {
  margin: 16px 20px 0 0;
  background-image: url(/static/content/Cross_icon_in_popup.png);
  width: 15px;
  height: 15px;
}
.address-dilog-box .ant-modal-close-x:lang(ar) {
  margin: 16px 0 0 20px;
}
.apply-cupon-text {
  font-size: 1.38vw;
  font-weight: 500;
  color: #333333;
}
.address-dilog-box .ant-modal-body {
  top: 20px;
}
.address-dilog-box .ant-modal-close-icon {
  display: none;
}
.address-dilog-box {
  top: 70px;
}
.pay-with-brand img {
  margin: 0 10px;
}
.coupon-btn-applied-dashed {
  width: 100%;
  margin: 0 !important;
  text-align: start;
  color: #333333 !important;
  height: 50px;
  font-size: 0.9rem;
  border-radius: unset;
  border: none !important;
  background-color: transparent !important;
  padding: 0;
  box-shadow: none !important;
  font-weight: 700;
}
.modal-hdr-ar:lang(ar) {
  text-align: right !important;
}
.addr-cntr-web .ant-checkbox-input {
  opacity: 0.9;
  width: 16px !important;
  height: 16px !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .checkout-summary-cont-btn {
    font-size: 1.77vw !important;
  }
  .checkout-already-have-account {
    font-size: 1.57vw !important;
  }
  .checkout-mobile-no {
    font-size: 1.52vw !important;
  }
  .checkout-other-payment-method-txt {
    font-size: 1.75vw;
  }
  .scart-summary-container .ant-card-head-title {
    font-size: 1.72vw;
  }
}
@media screen and (max-width: 767px) {
  .checkout-summary-cont-btn {
    font-size: 2.17vw !important;
  }
  .checkout-already-have-account {
    font-size: 1.77vw !important;
  }
  .checkout-mobile-no {
    font-size: 1.72vw !important;
  }
  .checkout-other-payment-method-txt {
    font-size: 1.95vw;
  }
  .scart-summary-container .ant-card-head-title {
    font-size: 2.22vw;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
#divider::after {
  content: '|';
  padding: 0 7px;
  position: relative;
}
.od-cs-btn,
.od-cs-btn:hover {
  min-width: 114px;
  min-height: 40px;
  border: 1px solid #000000;
  padding: 0 25px;
  color: #000000;
  font-size: 0.95rem;
  font-weight: 500;
  font-family: DIN Next;
  border-radius: unset;
  background-color: #F7F7F7;
}
.od-cont {
  width: 100% !important;
  max-width: 1680px;
  min-height: 70vh;
  padding: 0 3.4vw 3vw 3.4vw;
  background-color: #F7F7F7;
  font-family: DIN Next;
  font-size: 16px;
  color: #383838;
}
.od-wrap {
  padding: 0 2vw;
}
.od-top {
  background-color: #FFFFFF;
  padding: 0 20px;
  margin-bottom: 20px;
}
#od-header {
  padding: 20px 0;
  font-weight: 500;
  font-size: 2rem;
  color: #000000;
}
.od-top-hd1 {
  font-size: 0.95rem;
  margin: 0 !important;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}
.od-top-hd11 {
  font-size: 0.95rem;
  margin: 0 !important;
  padding: 20px 0;
}
.od-top-hd2 {
  font-size: 0.85rem;
  margin: 0 !important;
}
#oth-col1 > div,
#oth-col1 > span {
  font-weight: 600;
  font-size: 0.95rem;
  color: #000000;
}
#pro-val {
  font-weight: 400 !important;
}
#oth-col {
  font-weight: 500 !important;
  padding-bottom: 15px;
  font-size: 0.95rem;
}
#txn-row {
  padding-bottom: 15px;
}
.sum-row {
  display: flex;
  justify-content: space-between;
}
.od-summary-cont {
  width: 300px;
  font-size: 0.85rem;
}
.od-snap-row {
  padding: 20px 0px;
}
.border-tp {
  border-top: 1px solid #CCCCCC;
}
#od-snap-qty {
  margin: 15px 0;
}
#od-snap-name {
  font-size: 0.95rem;
  font-weight: 500;
  color: #000000;
}
#od-snap-qty {
  font-size: 0.95rem;
  color: #000000;
}
#od-snap-prc {
  font-size: 0.95rem;
  font-weight: 500;
  color: #000000;
}
.od-snap-wrapper {
  width: 100%;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.cpn-btn-dashed {
  width: 100%;
  margin: 0 !important;
  text-align: start;
  color: #757575 !important;
  height: 50px;
  font-size: 0.9rem;
  border-radius: unset;
  border-color: #CCCCCC !important;
  background-color: transparent !important;
  padding: 0;
  box-shadow: none !important;
}
.cpn-btn-applied {
  height: unset !important;
  color: #FFFFFF !important;
  border: unset;
  background-image: url(/static/content/Coupon_applied.png) !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: center center !important;
  padding: 8px 10px !important;
}
.cpn-btn-applied:lang(ar) {
  background-image: url(/static/content/Coupon_applied_ar.png) !important;
}
.cart-col-1 {
  width: 65%;
}
.cart-col-2 {
  width: 35%;
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1261px) {
  .cart-col-1 {
    width: 64%;
  }
  .cart-col-2 {
    width: 35%;
  }
}
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1260px) {
  .cart-col-1 {
    width: 59%;
  }
  .cart-col-2 {
    width: 40%;
  }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .cart-col-1 {
    width: 57%;
  }
  .cart-col-2 {
    width: 42%;
  }
}
.shopping-container {
  width: 100%;
  background-color: #FFFFFF;
  min-height: 40vw;
  text-align: center;
}
.shopping-container .shopping-cart {
  font-family: DIN Next;
  margin: 0 !important;
  width: 100%;
  padding: 1% 3% 3% 3% !important;
  min-height: 20vw;
}
.shopping-container .shopping-cart .ant-card-actions {
  border: 0;
  background: #FFFFFF;
  padding: 0 3vw;
}
.shopping-container .shopping-cart .ant-card-actions li {
  text-align: right;
}
.shopping-container .shopping-cart .ant-card-actions li .shopping-btn {
  font-weight: 600;
  font-size: 1rem;
  width: auto;
  height: 2.5vw;
  border: 1px solid #000000;
  color: #000000;
}
.shopping-container .shopping-cart .ant-card-actions li:lang(ar) {
  text-align: left;
}
.shopping-container .shopping-cart .ant-card-actions li:lang(ar) .shopping-btn {
  font-weight: 600;
  font-size: 1rem;
  width: auto;
  height: 2.5vw;
  border: 1px solid #00473c;
  color: #00473c;
}
.shopping-container .shopping-cart .ant-table-wrapper {
  font-family: inherit;
  font-weight: inherit;
}
.shopping-container .shopping-cart .ant-card-body {
  padding: 0 0 0 1.7vw;
  text-align: start;
  line-height: 1.2;
}
.shopping-container .shopping-cart .ant-card-head {
  border: 0;
  font-size: 1rem;
  text-align: left;
}
.shopping-container .shopping-cart .ant-card-head:lang(ar) {
  border: 0;
  font-size: 1rem;
  text-align: right;
}
.shopping-container .shopping-cart .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: none;
}
.shopping-container .shopping-cart .ant-table-row:hover {
  background-color: #FFFFFF;
}
.shopping-container .shopping-cart .ant-table-thead {
  font-size: 1rem;
  background-color: #FFFFFF !important;
}
.shopping-container .shopping-cart .ant-input-number {
  width: 50px;
}
.shopping-container .shopping-cart .product-price,
.shopping-container .shopping-cart .product-name,
.shopping-container .shopping-cart .product-quantity,
.shopping-container .shopping-cart .product-action {
  background-color: #FFFFFF;
}
.shopping-container .shopping-cart .cart-content {
  width: 100%;
}
.shopping-container .shopping-cart .cart-summary {
  width: 100%;
  box-shadow: unset;
}
.shopping-container .shopping-cart .cart-summary .ant-card-type-inner .ant-card-body {
  padding: 0;
}
.shopping-container .shopping-cart .cart-summary .ant-card-head {
  padding: 0;
  background-color: #FFFFFF;
}
.shopping-container .shopping-cart .cart-summary .subtotal-card,
.shopping-container .shopping-cart .cart-summary .total-border {
  border: 0;
  font-size: 1rem;
}
.shopping-container .shopping-cart .cart-summary .subtotal-card .ant-card-body,
.shopping-container .shopping-cart .cart-summary .total-border .ant-card-body {
  border-bottom: 1px dashed #7F7F7F;
}
.shopping-container .shopping-cart .cart-summary .payable-card .ant-card-head-title,
.shopping-container .shopping-cart .cart-summary .deliveryFee .ant-card-head-title,
.shopping-container .shopping-cart .cart-summary .payable-card .ant-card-extra,
.shopping-container .shopping-cart .cart-summary .deliveryFee .ant-card-extra {
  font-size: 1rem;
  color: #000000;
  font-family: Poppins;
  font-weight: 500;
}
.shopping-container .shopping-cart .cart-summary .subtotal-card .ant-card-head-title,
.shopping-container .shopping-cart .cart-summary .subtotal-card .ant-card-extra {
  color: #000000;
  font-family: Poppins;
}
.shopping-container .shopping-cart .cart-summary .checkout-btn {
  color: #FFFFFF;
  font-weight: 500;
  height: 50px;
  font-size: 1.17vw;
  border: 0;
  background-color: #E77036;
  border-radius: unset !important;
  width: 100%;
}
.shopping-container .shopping-cart .cart-summary .ant-input {
  width: 90%;
  border: 1px dashed #7F7F7F;
  background-color: #F4F5F5;
}
.shopping-container .shopping-cart .cart-summary .cpn-btn {
  color: #000000 !important;
  font-size: 0.8rem;
  font-weight: 600;
  width: 100%;
}
.shopping-container .shopping-cart .campaign_note {
  text-align: start;
  margin: 15px 0 5px 0;
  color: #333333;
  font-size: 0.99vw;
}
.shopping-container .shopping-cart .snapshot {
  align-items: center;
}
.shopping-container .shopping-cart .snapshot .ant-card-body {
  padding: 0;
}
.shopping-container .shopping-cart .snapshot .ant-card-body img {
  cursor: pointer;
}
.shopping-container .shopping-cart .ant-row-flex {
  width: 100%;
}
.shopping-container .am-modal-content {
  padding: 3% 0%;
}
.shopping-container .am-modal-close {
  height: 5vh;
  width: 5vh;
  color: #04C753;
}
.shopping-container .am-modal-close-x {
  height: 3vh;
  width: 3vh;
  line-height: 3vh;
  background-color: transparent;
  color: #04C753;
}
.excemption-message-container .messageWrapper {
  white-space: initial;
}
.excemption-message-container .messageWrapper .remaining-amount {
  color: #fc3d03;
}
.empty-cart-container-mobile {
  background-color: #FFFFFF;
  width: 100%;
  height: 86vh;
}
.empty-cart-container-mobile .empty-cart-error {
  width: 59px;
  height: 83px;
  background-image: url("/static/content/Empty_cart.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.empty-cart-container-mobile .empty-cart-error:lang(ar) {
  transform: scaleX(-1);
}
.empty-cart-container-mobile .empty-cart-row {
  bottom: 15%;
  width: 100%;
}
.empty-cart-container-mobile .empty-cart-row .empty-cart-btn {
  font-size: 3vw;
  font-weight: 600;
  margin: 0;
  letter-spacing: 2px;
  color: #ffffff;
  border: 0;
  background-color: #333333 !important;
  height: 40px;
  width: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}
.empty-cart-container-mobile .empty-cart-row #explore-en,
.empty-cart-container-mobile .empty-cart-row #explore-ar {
  font-size: 3vw;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0;
  letter-spacing: 2px;
}
.font-size-15 {
  font-size: 15px;
}
.cart-product-item .cart-product-item-name {
  font-family: Poppins;
  font-weight: 600;
  font-size: 13px;
}
.cart-product-item .ant-input-number {
  width: 70px!important;
  font-size: 18px !important;
  height: 40px !important;
  border: 3px solid #D9D9D9 !important;
}
.cart-product-item .card-vertical-divider {
  width: 1px !important;
  height: 51vw !important;
  margin: 0 !important;
}
.cart-product-item .card-horizontal-divider {
  width: 80vw !important;
  height: 1px !important;
  margin: 0 !important;
}
.padding-15 {
  padding: 15px 15px 15px 15px;
}
.cart-card-shadow {
  margin-top: 10px;
  -webkit-box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.17);
}
.cart-card-shadow .am-flexbox-item .am-card::before {
  border: none;
}
.stock-into-text-mobile {
  overflow-wrap: anywhere;
  color: #ce0000;
  font-size: 13px;
  text-align: start;
  margin-top: 10px;
  background-color: #ffffff;
}
.mb-10 {
  margin-bottom: 10px;
}
.cart-prod-img-dimension {
  width: 100%;
  height: 100%;
}
.cart-prod-img-container {
  height: 164px;
  width: 181px;
}
.cart-prod-img-container img {
  cursor: pointer;
}
.cartsummary-container-mobile {
  position: fixed;
  bottom: -4px;
  width: 100%;
  z-index: 400;
  left: 0px;
}
.cart-footer-mob-container .cart-footer-item {
  height: auto;
  margin: 0;
  position: fixed !important;
  z-index: 400;
  width: 100%;
  left: 0;
  bottom: -4px;
  -webkit-box-shadow: 0px -4px 3px #B1B1B1;
  -moz-box-shadow: 0px -4px 3px #B1B1B1;
  box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.2);
}
.cart-footer-mob-container .cart-footer-item .campaign_note {
  margin: 5px 0;
  color: #000000;
  font-weight: 500 !important;
  text-align: start;
}
.cart-footer-mob-container .cart-footer-item .campaign_note b {
  padding: 0 2px;
  color: #FF8E8E !important;
}
.cart-footer-mob-container .cart-mob-payble-container,
.cart-footer-mob-container cart-mob-deliveryExcemption-container {
  font-weight: 500;
  font-family: Poppins;
}
.cart-footer-mob-container .excemption-message-container .remaining-amount {
  color: red;
}
.cart-footer-mob-container .cart-mob-subtotal-text,
.cart-footer-mob-container .cart-mob-subtotal-amt,
.cart-footer-mob-container .cart-mob-discount-text,
.cart-footer-mob-container .cart-mob-discount-amt,
.cart-footer-mob-container .cart-mob-payble-text,
.cart-footer-mob-container .cart-mob-payble-amt {
  color: #000000;
  font-size: 13px;
}
.cart-footer-mob-container .cart-mob-coupon-button-container {
  margin-left: 0 !important;
  text-align: right;
}
.cart-footer-mob-container .cart-mob-coupon-button-container:lang(ar) {
  text-align: left;
}
.cart-footer-mob-container .cart-mob-coupon-btn {
  color: #000000;
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  width: 50%;
}
.cart-footer-mob-container .ant-input {
  width: 100%;
  border: 1px dashed #666666;
  background-color: #F6F6F6;
}
.cart-footer-mob-container ::placeholder {
  font-size: 13px;
}
.cart-footer-mob-container .cart-mob-checkout-btn {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1rem;
  border: 0;
  height: 50px;
  background-color: #04C753;
  width: 100%;
}
.empty-cart-container-ltr,
.empty-cart-container-rtl {
  align-items: center;
  min-height: 47vw;
  width: 100%;
  max-width: 1680px;
}
.empty-cart-container-ltr .empty-cart,
.empty-cart-container-rtl .empty-cart {
  padding: 20px;
}
.empty-cart-container-ltr .empty-cart h3,
.empty-cart-container-rtl .empty-cart h3 {
  font-size: 1.4rem;
  color: #B1B1B1;
  font-weight: 400;
}
.empty-cart-container-ltr .empty-cart h2,
.empty-cart-container-rtl .empty-cart h2 {
  margin: 0;
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
}
.empty-cart-container-ltr .empty-cart .avatar,
.empty-cart-container-rtl .empty-cart .avatar {
  padding: 2vw 2vw 2vw 2.8vw;
}
.empty-cart-container-ltr .empty-cart .empty-cart-btn,
.empty-cart-container-rtl .empty-cart .empty-cart-btn {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff !important;
  border: 0;
  background-color: #333333 !important;
  width: 70%;
  height: 1vw;
}
.empty-cart-container {
  background-color: #FFFFFF;
  width: 100%;
  height: 40vw;
}
.empty-cart-error {
  width: 20vh;
  height: 25vh;
  background-image: url("/static/content/Empty_cart.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.empty-cart-error:lang(ar) {
  transform: scaleX(-1);
}
.empty-cart-row {
  bottom: 24%;
  width: 100%;
}
.empty-cart-btn {
  font-size: 1.2vw;
  font-weight: 500;
  color: #ffffff !important;
  margin: 0;
  letter-spacing: 2px;
  width: 17vw;
  height: 4vw;
  padding: 5px 0;
  font-family: DIN Next;
  background-color: #333333 !important;
  border: 0;
}
#explore-en,
#explore-ar {
  font-size: 1.2vw;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0;
  letter-spacing: 2px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.quantity {
  display: block;
  margin-bottom: 3px;
  margin-top: 2px;
}
.quantity input:disabled {
  width: 35px;
  font-size: 13px;
  color: #000000;
  height: 25px;
  line-height: 1.65;
  text-align: center;
  border: 1px solid #eee;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.quantity input:focus {
  outline: 0;
}
.qty-up {
  height: auto;
  clear: both;
  color: #00473c;
}
.qty-down {
  height: auto;
  clear: both;
  color: #00473c;
}
.qty-down:hover,
.qty-down:active,
.qty-up:hover,
.qty-up:active {
  color: #00473c;
}
.delete-icon-mobile {
  width: 100%;
  text-align: right;
  display: grid;
}
.delete-icon-mobile span {
  color: #B1B1B1;
  font-family: Avenir;
}
.delete-icon-mobile:lang(ar) {
  text-align: left;
}
.cartDeleteIcon {
  font-size: 16px;
  color: #B1B1B1;
  padding-right: 3px;
}
.cartDeleteIcon:lang(ar) {
  text-align: left;
  padding-right: 0px;
  padding-left: 8px;
}
.cart-card-content:lang(ar) {
  margin-left: 0;
  margin-right: 8px;
}
#item-title {
  font-size: 0.95vw !important;
  color: #7F7F7F !important;
  font-weight: 500;
}
#item-title:hover {
  color: #000000 !important;
}
.scart-sum-cont {
  box-shadow: 3px 3px 5px #00000059;
}
.scart-sum-cont .ant-btn-dashed:hover,
.scart-sum-cont .ant-btn-dashed:focus,
.scart-sum-cont .ant-btn-dashed:active {
  border-color: #000000 !important;
  color: #000000 !important;
  background-color: transparent !important;
}
.cart-sum-cont .ant-card-head-title {
  font-size: 1.52vw;
  font-weight: 500;
  color: #333333;
  padding-top: 0px;
  padding-bottom: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cart-sum-cont .ant-card-head-title {
    font-size: 1.4rem !important;
  }
}
@media only screen and (max-width: 767px) {
  .cart-sum-cont .ant-card-head-title {
    font-size: 1.2rem !important;
  }
}
.cartDeleteText {
  font-size: 0.8rem;
  font-weight: 700;
}
.cart-view-details-mob {
  padding-left: 10px;
  font-weight: 700;
}
.checkout-btn-mob {
  color: #FFFFFF;
  font-weight: 700;
  height: 3vw;
  font-size: 1.1rem;
  border: 0;
  background-color: #04C753;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 10%;
}
#coupon-msg > span {
  font-size: 0.8rem;
  color: #999999;
}
svg[data-icon="caret-down"] {
  color: black;
}
.mob-no-radius .ant-select-selection {
  border-radius: 0px;
  border: 1px solid #000;
  height: 32px ;
}
.mob-no-radius .ant-select-selection .ant-select-selection__rendered {
  line-height: 30px;
}
.delete-modal-cont .am-modal-popup .am-modal-content {
  padding: 0%;
  margin: 0%;
  color: #000;
}
.progress-bar-from-checkout {
  width: 50% !important;
  margin: auto !important;
}
.progress-bar-waiting > .ant-steps-item-container > .ant-steps-item-icon {
  border: 1px solid #CCC !important;
}
.progress-bar-waiting > .ant-steps-item-container > .ant-steps-item-icon {
  border: 1px solid #CCC !important;
}
.ant-steps-item > .ant-steps-item-container > .ant-steps-item-icon > span {
  color: #000;
}
.progress-bar-step > .ant-steps-item-container > .ant-steps-item-icon {
  background-color: #EBE3D4 !important;
}
.progress-bar-from-checkout .ant-steps-item-content {
  width: 48% !important;
  text-align: inherit !important;
}
.progress-bar-step > .ant-steps-item-container > .ant-steps-item-content {
  width: 38%;
}
.progress-bar-from-checkout .ant-steps-item-content {
  position: relative;
  left: 12px;
}
.progress-bar-from-checkout .ant-steps-item-content:lang(ar) {
  left: 20px;
}
.progress-bar-waiting > .ant-steps-item-container > .ant-steps-item-icon {
  border: 1px solid #ccc !important;
  background: none !important;
}
.progress-bar-from-checkout-ar .ant-steps-item-tail {
  margin-left: -24px !important;
}
.hundred-percent-title-width > .ant-steps-item-container > .ant-steps-item-content {
  width: 100% !important;
}
.shopping-cart-login-btn {
  border: none;
  color: #E77036;
  font-weight: bold;
  padding-right: 8px;
  padding-left: 40px;
  cursor: pointer;
  background-color: #F7F7F7;
}
.shopping-cart-login-btn > span {
  text-decoration: underline;
}
button.shopping-cart-login-btn:hover {
  color: #E77036;
  background-color: #F7F7F7;
}
button.shopping-cart-coupon-apply-button {
  border: 1px solid #333333 !important;
  border-radius: unset;
  padding: 10px 20px;
  height: 43px;
  width: 100%;
  color: #333333 !important;
  font-size: 1.12vw;
  font-weight: 600;
  line-height: 21px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  font-size: 1.72vw !important;
}
@media screen and (max-width: 767px) {
  font-size: 1.92vw !important;
}
.cart-summary .ant-card {
  background-color: #FFFFFF !important;
}
.cart-summary .ant-card-head {
  background-color: #FFFFFF !important;
}
.shopping-cart-checkout-btn .ant-card-head-wrapper {
  background-color: #FFFFFF !important;
}
.progress-bar {
  background-color: #F7F3ED;
  padding: 30px 3% 20px 3%;
}
.cart-product-name-css {
  font-size: 1.3vw !important;
  font-weight: 500 !important;
  color: #000000 !important;
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
  .cart-product-name-css {
    font-size: 1.6vw !important;
  }
  .shopping-container .shopping-cart .cart-summary .checkout-btn {
    font-size: 1.5vw !important;
  }
  .cart-action-button > span {
    font-size: 1.5vw !important;
  }
  .summary-entry-label-price-css {
    font-size: 1.1rem !important;
  }
  .summary-entry-label-grand-css {
    font-size: 1.2rem !important;
  }
  .shopping-container .shopping-cart .campaign_note {
    font-size: 1.2rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .cart-product-name-css {
    font-size: 2vw !important;
  }
  .shopping-container .shopping-cart .cart-summary .checkout-btn {
    font-size: 2vw !important;
  }
  .cart-action-button > span {
    font-size: 1.7vw !important;
  }
  .summary-entry-label-price-css {
    font-size: 1rem !important;
  }
  .summary-entry-label-grand-css {
    font-size: 1.1rem !important;
    line-height: 1.8;
  }
  .shopping-container .shopping-cart .campaign_note {
    font-size: 1rem !important;
  }
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .shopping-container .shopping-cart .cart-summary .checkout-btn {
    font-size: 2.5vw !important;
  }
  .cart-product-name-css {
    font-size: 2.5vw !important;
  }
  .cart-action-button > span {
    font-size: 1.7vw !important;
  }
  .summary-entry-label-price-css {
    font-size: 0.9rem !important;
  }
  .summary-entry-label-grand-css {
    font-size: 1rem !important;
  }
  .shopping-container .shopping-cart .campaign_note {
    font-size: 0.9rem !important;
  }
}
.summary-entry-label-price-css {
  font-size: 1.1vw;
  font-weight: 500;
  color: #333333 !important;
}
.summary-entry-label-grand-css {
  font-size: 1.1vw;
  font-weight: 700 !important;
  color: #333333 !important;
}
.cart-action-button > span {
  font-size: 1vw;
  color: #999999 !important;
  font-weight: 500 !important;
  text-decoration: underline;
}
.coupon-dilog-box .ant-modal-close-x {
  background-color: none !important;
  color: #000;
  margin: 16px 25px 0 0;
  background-image: url(/static/content/Cross_icon_in_popup.png);
  width: 15px;
  height: 15px;
}
.coupon-dilog-box .ant-modal-close-x:lang(ar) {
  margin: 16px 0 0 25px !important;
}
.scart-qty-btn {
  width: 100%;
}
.coupon-dilog-box .ant-modal-close-icon {
  display: none;
}
.progress-bar-from-checkout-mobile {
  background-color: #F8F5F0;
}
.progress-bar-from-checkout-mobile .ant-steps-item > .ant-steps-item-container > .ant-steps-item-icon > span {
  color: #000;
}
.progress-bar-from-checkout-mobile .ant-steps-item-title {
  line-height: 15px;
  font-weight: 400 !important;
  color: #333 !important;
  padding: 0% 5% !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-container > .ant-steps-item-content {
  font-size: 10px;
  width: 90%;
  padding: 0px 20px;
}
.progress-bar-from-checkout-mobile .ant-steps-item-container > .ant-steps-item-content .ant-steps-item-title {
  font-size: 13px !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-icon {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.progress-bar-from-checkout-mobile .progress-bar-waiting > .ant-steps-item-container > .ant-steps-item-icon {
  border: 1px solid #ccc !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.progress-bar-from-checkout-mobile .ant-steps-item {
  width: 33% !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-container > .ant-steps-item-tail {
  display: none !important;
  margin-left: 0% !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-process .ant-steps-item-icon {
  background: #EBE3D4 !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-wait .ant-steps-item-icon {
  background: none !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-finish .ant-steps-item-icon {
  background: #EBE3D4 !important;
}
.progress-bar-from-checkout-mobile .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #ccc !important;
}
.progress-bar-from-checkout-mobile .progress-bar {
  background-color: #F8F5F0;
  padding: 3%;
}
.progress-bar-from-checkout-mobile-arabic {
  background-color: #F8F5F0;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item > .ant-steps-item-container > .ant-steps-item-icon > span {
  color: #000;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-title {
  line-height: 20px;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-container > .ant-steps-item-content {
  font-size: 14px;
  width: 90%;
  padding: 5px;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-icon {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.progress-bar-from-checkout-mobile-arabic .progress-bar-waiting > .ant-steps-item-container > .ant-steps-item-icon {
  border: 1px solid #ccc !important;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-process .ant-steps-item-icon {
  background: #EBE3D4 !important;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-wait .ant-steps-item-icon {
  background: none !important;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-finish .ant-steps-item-icon {
  background: #EBE3D4 !important;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item {
  width: 33% !important;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-container > .ant-steps-item-tail {
  display: none !important;
  margin-left: 0% !important;
}
.progress-bar-from-checkout-mobile-arabic .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #ccc !important;
}
.progress-bar-from-checkout-mobile-arabic .progress-bar {
  background-color: #F8F5F0;
  padding: 3%;
}
.apply-coupon-badge img {
  object-fit: contain !important;
}
@media only screen and (max-width: 1069px) {
  .progress-bar-from-checkout .ant-steps-item-content {
    text-align: center !important;
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 8000px) {
  .cart-border {
    border-right: 1px #cccccc solid;
  }
  .cart-border:lang(ar) {
    border-left: 1px #cccccc solid;
    border-right: 0px;
  }
}
@media only screen and (max-width: 1023px) {
  .cart-border {
    border-right: 0px #cccccc solid;
  }
  .cart-border:lang(ar) {
    border-left: 0px #cccccc solid;
  }
}
@media only screen and (max-width: 768px) {
  .progress-bar-from-checkout {
    width: 80% !important;
    margin: auto !important;
  }
}
.coupon-btn-width {
  width: 25%;
}
@media only screen and (max-width: 1024px) {
  .coupon-btn-width {
    width: 35% !important;
  }
}
.return-item-detail .ant-card-body {
  padding: 24px 0px !important;
}
.coupon-text-align:lang(ar) {
  text-align: right !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
#divider::after {
  content: '|';
  padding: 0 7px;
  position: relative;
}
.od-cs-btn,
.od-cs-btn:hover {
  min-width: 114px;
  min-height: 40px;
  border: 1px solid #000000;
  padding: 0 25px;
  color: #000000;
  font-size: 0.95rem;
  font-weight: 500;
  font-family: DIN Next;
  border-radius: unset;
  background-color: #F7F7F7;
}
.od-cont {
  width: 100% !important;
  max-width: 1680px;
  min-height: 70vh;
  padding: 0 3.4vw 3vw 3.4vw;
  background-color: #F7F7F7;
  font-family: DIN Next;
  font-size: 16px;
  color: #383838;
}
.od-wrap {
  padding: 0 2vw;
}
.od-top {
  background-color: #FFFFFF;
  padding: 0 20px;
  margin-bottom: 20px;
}
#od-header {
  padding: 20px 0;
  font-size: 2rem;
  color: #000000;
}
.od-top-hd1 {
  font-size: 0.95rem;
  margin: 0 !important;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}
.od-top-hd11 {
  font-size: 0.95rem;
  margin: 0 !important;
  padding: 20px 0;
}
.od-top-hd2 {
  font-size: 0.85rem;
  margin: 0 !important;
}
#oth-col1 > div,
#oth-col1 > span {
  font-weight: 600;
  font-size: 0.95rem;
  color: #000000;
}
#pro-val {
  font-weight: 400 !important;
}
#oth-col {
  font-weight: 500 !important;
  padding-bottom: 15px;
  font-size: 0.95rem;
}
#txn-row {
  padding-bottom: 15px;
}
.sum-row {
  display: flex;
  justify-content: space-between;
}
.od-summary-cont {
  width: 300px;
  font-size: 0.85rem;
}
.od-snap-row {
  padding: 20px 0px;
}
.border-tp {
  border-top: 1px solid #CCCCCC;
}
#od-snap-qty {
  margin: 15px 0;
}
#od-snap-name {
  font-size: 0.95rem;
  font-weight: 500;
  color: #000000;
}
#od-snap-qty {
  font-size: 0.95rem;
  color: #000000;
}
#od-snap-prc {
  font-size: 0.95rem;
  font-weight: 500;
  color: #000000;
}
.od-snap-wrapper {
  width: 100%;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1890ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1890ff;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1890ff;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1890ff;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  top: 22px !important;
}
.ant-btn-background-ghost.ant-btn-primary {
  height: fit-content;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Choose File';
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 5px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
}
.custom-file-input:hover::before {
  border-color: #000000;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.custom-file-input:lang(ar)::before {
  content: '\627\62E\62A\631   \627\644\645\644\641';
  padding: 1px 14px !important;
  font-size: 14px !important;
}
/* Dropdown content start */
/* Dropdown End */
.main-header {
  display: inline-flex;
  width: 100%;
  padding: 10px 10px 0px;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom-width: 1px;
}
.block-action {
  width: 100%;
  margin-bottom: 20px;
}
.block-action-mobile {
  width: 100%;
  padding: 2.5vw 2.5vw;
}
.label {
  width: 100%;
  display: inline-block;
}
.label .ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 2px;
}
.label .ant-divider-horizontal.ant-divider-with-text-left::after {
  border-top: 1px solid #B1B1B1;
}
.label .ant-divider-inner-text {
  padding: 0 15px !important;
  color: #000000;
  font-size: 1.55vw;
  font-weight: 600;
}
.label .ant-divider-with-text-left {
  margin: 0 !important;
}
.action-button {
  display: inline-block;
  padding: 0 10px;
  position: absolute;
  top: 0;
  overflow: hidden;
  background: #FFFFFF !important;
}
.position-right {
  right: 0;
}
.position-left {
  left: 0;
}
.position-right-mobile {
  text-align: right;
}
.position-left-mobile {
  text-align: left;
}
.mt-5 {
  margin-top: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.divider-color {
  background-color: #B1B1B1;
}
.dark {
  background-color: #000000;
}
.discount-badge-wrapper {
  position: absolute;
  top: -12px;
  text-align: center;
}
.discount-badge-wrapper .discount-badge-asteric span {
  color: #F3724FF2;
  font-size: 3vw;
  font-weight: 600;
}
.discount-badge-wrapper .discount-badge-val span {
  color: #F3724FF2;
  font-size: 0.83vw;
  font-weight: 600;
  font-family: Avenir;
  letter-spacing: 0.6px;
}
.discount-badge-wrapper .discount-badge-mobile-val {
  margin-top: 1vw;
}
.discount-badge-wrapper .discount-badge-mobile-val span {
  color: #F3724FF2;
  font-size: 2.5vw;
  font-weight: 600;
  font-family: Avenir;
  letter-spacing: 0.6px;
}
.discount-badge {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: -13px;
  text-align: center;
  border-radius: 20px;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: 600;
}
.promotion-badge {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: -13px;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  clip-path: polygon(100% 0%, 94% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
}
.promotion-badge-msite {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: 0px;
  text-align: center;
  font-size: 2.6vw;
  font-weight: 600;
  clip-path: polygon(100% 0%, 94% 50%, 100% 100%, 0 100%, 0 50%, 0 0);
}
.pdp-promotion-badge:lang(ar) {
  padding: 6px 6px 6px 0px !important;
  vertical-align: middle;
  text-align: initial;
  clip-path: polygon(100% 0%, 100% 36%, 100% 100%, 0 100%, 6% 50%, 0 0);
}
.discount-badge:lang(ar) {
  position: absolute;
  z-index: 2;
  right: 0;
  margin-right: 5px;
}
.promotion-badge:lang(ar) {
  position: absolute;
  z-index: 2;
  right: 0;
  margin-right: 5px;
  padding: 4px 4px 4px 20px;
  clip-path: polygon(100% 0%, 100% 36%, 100% 100%, 0 100%, 6% 50%, 0 0);
}
.promotion-badge-msite:lang(ar) {
  position: absolute;
  z-index: 2;
  right: 0;
  margin-right: 5px;
  padding: 4px 4px 16px 20px;
  clip-path: polygon(100% 0%, 100% 36%, 100% 76%, 0 76%, 5% 38%, 0 0);
}
.auth-popover-welcome-text > span,
.auth-popover-account-text > span {
  font-size: 11px;
  color: #666666;
  width: 90%;
}
.ant-popover-inner-content .ant-avatar > img {
  object-fit: contain !important;
}
.signin-text,
.logout-text {
  color: #FFFFFF !important;
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 600;
}
.signup-text {
  color: #000000 !important;
  text-transform: uppercase;
  font-weight: 500;
}
#account-dd-payments,
#account-dd-addresses,
#account-dd-orders,
#account-dd-settings,
#account-dd-logout,
#account-dd-returns,
#account-dd-wishlist {
  padding: 8px 0;
  width: 100%;
  text-align: initial;
  white-space: nowrap !important;
  overflow: hidden !important;
}
#account-dd-payments a > span:nth-child(2),
#account-dd-addresses a > span:nth-child(2),
#account-dd-orders a > span:nth-child(2),
#account-dd-settings a > span:nth-child(2),
#account-dd-logout a > span:nth-child(2),
#account-dd-returns a > span:nth-child(2),
#account-dd-wishlist a > span:nth-child(2) {
  color: #000000;
  font-weight: 400;
}
#account-dd-settings {
  padding-bottom: 12px !important;
}
.auth-button {
  border: 0 !important;
  color: #000000 !important;
  width: 100% !important;
  padding: 0 !important;
}
.auth-button > .auth-span > span {
  font-size: 0.9vw;
  letter-spacing: 1px;
  font-weight: 500;
  color: #FFFFFF;
  vertical-align: baseline !important;
}
#account-dd-logout {
  width: 100%;
  border-top: 1px solid #dedede !important;
  border-bottom: none !important;
}
#account-dd-logout .ant-btn-primary {
  background-color: #FFFFFF;
  text-transform: capitalize !important;
  font-weight: 400 !important;
  color: #000000;
  border: 0;
  opacity: 0.5 !important;
}
.free-shipping {
  width: max-content;
  border: 1px solid #005837;
  border-radius: 15px;
  color: #005837;
  font-size: 0.93vw;
  padding: 3px 0.5vw;
  font-weight: 600;
  text-transform: uppercase;
  font-style: oblique;
}
.free-shipping-mobile {
  width: max-content;
  color: #005837;
  border: 1px solid #005837;
  border-radius: 15px;
  padding: 3px 5px;
  margin: 8px 0px;
  font-size: 2.5vw;
  font-weight: 600;
  color: #00473c;
  text-transform: uppercase;
  font-style: italic;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .hr {
    display: none;
  }
}
@media screen and (min-width: 280px) and (max-width: 480px) {
  .pagination {
    width: 100% !important;
    align-items: center;
    padding: 25px 18px;
    border-top: 0.5px solid #B1B1B1;
  }
  .pagination .pagination-numbers {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 481px) and (max-width: 667px) {
  .pagination {
    width: max-content !important;
    align-items: center;
    padding: 25px 18px;
    border-top: 0.5px solid #B1B1B1;
  }
  .pagination .pagination-numbers {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
}
.pagination {
  width: 100%;
  align-items: center;
  padding: 25px 18px;
  border-top: 0.5px solid #B1B1B1;
}
.pagination .pagination-numbers {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pagination .pagination-count {
  position: absolute;
  display: inline-block;
}
.pagination .pagination-count,
.pagination .pagination-numbers {
  font-size: 0.9rem;
  font-weight: 300;
  color: #838383;
}
.pagination .pagination-count p,
.pagination .pagination-numbers p {
  margin: 0 !important;
}
.pagination .pagination-count .ant-pagination-item,
.pagination .pagination-numbers .ant-pagination-item,
.pagination .pagination-count .ant-pagination-prev a,
.pagination .pagination-numbers .ant-pagination-prev a,
.pagination .pagination-count .ant-pagination-next a,
.pagination .pagination-numbers .ant-pagination-next a {
  border-radius: 18px;
  border-color: transparent !important;
  font-size: 1.2rem;
  color: #333333;
  font-weight: 300;
}
.pagination .pagination-count .ant-pagination-disabled a,
.pagination .pagination-numbers .ant-pagination-disabled a {
  color: #B1B1B1 !important;
}
.pagination .pagination-count .ant-pagination-item-active,
.pagination .pagination-numbers .ant-pagination-item-active,
.pagination .pagination-count .ant-pagination-item:focus,
.pagination .pagination-numbers .ant-pagination-item:focus,
.pagination .pagination-count .ant-pagination-item:hover,
.pagination .pagination-numbers .ant-pagination-item:hover {
  border-radius: 18px !important;
  border-color: #333333;
  background-color: #333333;
}
.pagination .pagination-count .ant-pagination-item-active a,
.pagination .pagination-numbers .ant-pagination-item-active a,
.pagination .pagination-count .ant-pagination-item:focus a,
.pagination .pagination-numbers .ant-pagination-item:focus a,
.pagination .pagination-count .ant-pagination-item:hover a,
.pagination .pagination-numbers .ant-pagination-item:hover a {
  color: #FFFFFF;
}
.pagination-mobile {
  width: 100%;
  align-items: center;
  padding: 25px 0 18px 0;
  border-top: 0.5px solid #B1B1B1;
}
.pagination-mobile .pagination-numbers {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pagination-mobile .pagination-count {
  position: absolute;
  display: inline-block;
}
.pagination-mobile .pagination-count,
.pagination-mobile .pagination-numbers {
  font-size: 0.9rem;
  font-weight: 600;
  color: #838383;
}
.pagination-mobile .pagination-count p,
.pagination-mobile .pagination-numbers p {
  margin: 0 !important;
}
.pagination-mobile .pagination-count .ant-pagination-item,
.pagination-mobile .pagination-numbers .ant-pagination-item,
.pagination-mobile .pagination-count .ant-pagination-prev a,
.pagination-mobile .pagination-numbers .ant-pagination-prev a,
.pagination-mobile .pagination-count .ant-pagination-next a,
.pagination-mobile .pagination-numbers .ant-pagination-next a {
  border-radius: 13px;
  border-color: transparent !important;
  font-size: 4vw;
  color: #333333 !important;
  font-weight: 600;
  margin-right: 0;
}
.pagination-mobile .pagination-count .ant-pagination-disabled a,
.pagination-mobile .pagination-numbers .ant-pagination-disabled a {
  color: #B1B1B1 !important;
}
.pagination-mobile .pagination-count .ant-pagination-item-active,
.pagination-mobile .pagination-numbers .ant-pagination-item-active,
.pagination-mobile .pagination-count .ant-pagination-item:focus,
.pagination-mobile .pagination-numbers .ant-pagination-item:focus,
.pagination-mobile .pagination-count .ant-pagination-item:hover,
.pagination-mobile .pagination-numbers .ant-pagination-item:hover {
  border-radius: 18px !important;
  border-color: #333333;
  background-color: #333333;
}
.pagination-mobile .pagination-count .ant-pagination-item-active a,
.pagination-mobile .pagination-numbers .ant-pagination-item-active a,
.pagination-mobile .pagination-count .ant-pagination-item:focus a,
.pagination-mobile .pagination-numbers .ant-pagination-item:focus a,
.pagination-mobile .pagination-count .ant-pagination-item:hover a,
.pagination-mobile .pagination-numbers .ant-pagination-item:hover a {
  color: #FFFFFF;
}
.pagination-mobile .pagination-count .ant-pagination-item,
.pagination-mobile .pagination-numbers .ant-pagination-item {
  min-width: 25px;
  height: 25px;
  line-height: 24px;
}
.pagination-mobile .pagination-count .ant-pagination-next,
.pagination-mobile .pagination-numbers .ant-pagination-next {
  margin-left: 8px;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
  margin-right: 8px;
}
.img-invert {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.text-font {
  font-family: DIN Next;
  margin-left: 8px;
}
.popover-right-align {
  text-align: right;
}
.popover-left-align {
  text-align: left;
}
#new-guest-signinbtn {
  padding: 10px 15px 0px 15px;
}
#new-guest-signinbtn .ant-btn-primary {
  height: 40px;
  border-radius: 0;
  border: none;
  font-weight: 600;
}
#new-guest-signupbtn {
  padding: 10px 15px 0px 15px;
}
#new-guest-signupbtn .ant-btn-primary {
  height: 40px;
  border-radius: 0;
  border: 1px solid #000;
  font-weight: 600;
}
#new-guest-icon,
#new-guest-title,
#new-guest-subtitle {
  font-weight: 500;
  justify-content: center;
  color: #000;
}

.am-accordion {
  position: relative;
  border-top: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-accordion {
    border-top: none;
  }
  html:not([data-scale]) .am-accordion::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-accordion::before {
    transform: scaleY(0.33);
  }
}
.am-accordion-anim-active {
  transition: all 0.2s ease-out;
}
.am-accordion .am-accordion-item .am-accordion-header {
  position: relative;
  color: #000;
  font-size: 17px;
  height: 44px;
  line-height: 44px;
  background-color: #fff;
  box-sizing: content-box;
  padding-left: 15px;
  padding-right: 30px;
  border-bottom: 1PX solid #ddd;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header {
    border-bottom: none;
  }
  html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header::after {
    transform: scaleY(0.33);
  }
}
.am-accordion .am-accordion-item .am-accordion-header i {
  position: absolute;
  display: block;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~="true"] i {
  transform: rotate(270deg);
}
.am-accordion .am-accordion-item .am-accordion-content {
  overflow: hidden;
  background: #fff;
}
.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
  font-size: 15px;
  color: #333;
  position: relative;
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
    border-bottom: none;
  }
  html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
    transform: scaleY(0.33);
  }
}
.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body {
  border-top: 0;
}
.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body:before {
  display: none !important;
}
.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive {
  display: none;
}

.am-list-header {
  padding: 15px 15px 9px 15px;
  font-size: 14px;
  color: #888;
  width: 100%;
  box-sizing: border-box;
}
.am-list-footer {
  padding: 9px 15px 15px 15px;
  font-size: 14px;
  color: #888;
}
.am-list-body {
  position: relative;
  background-color: #fff;
  border-top: 1PX solid #ddd;
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-list-body {
    border-top: none;
  }
  html:not([data-scale]) .am-list-body::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-list-body::before {
    transform: scaleY(0.33);
  }
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-list-body {
    border-bottom: none;
  }
  html:not([data-scale]) .am-list-body::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-list-body::after {
    transform: scaleY(0.33);
  }
}
.am-list-body div:not(:last-child) .am-list-line {
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line {
    border-bottom: none;
  }
  html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
    transform: scaleY(0.33);
  }
}
.am-list-item {
  position: relative;
  display: flex;
  padding-left: 15px;
  min-height: 44px;
  background-color: #fff;
  vertical-align: middle;
  overflow: hidden;
  transition: background-color 200ms;
  align-items: center;
  /* list左图片显示*/
}
.am-list-item .am-list-ripple {
  position: absolute;
  background: transparent;
  display: inline-block;
  overflow: hidden;
  will-change: box-shadow, transform;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  border-radius: 100%;
  transform: scale(0);
}
.am-list-item .am-list-ripple.am-list-ripple-animate {
  background-color: hsla(0, 0%, 62%, 0.2);
  animation: ripple 1s linear;
}
.am-list-item.am-list-item-top .am-list-line {
  align-items: flex-start;
}
.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
  margin-top: 2px;
}
.am-list-item.am-list-item-middle .am-list-line {
  align-items: center;
}
.am-list-item.am-list-item-bottom .am-list-line {
  align-items: flex-end;
}
.am-list-item.am-list-item-error .am-list-line .am-list-extra {
  color: #f50;
}
.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
  color: #f50;
}
.am-list-item.am-list-item-active {
  background-color: #ddd;
}
.am-list-item.am-list-item-disabled .am-list-line .am-list-content,
.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
  color: #bbb;
}
.am-list-item img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.am-list-item .am-list-thumb:first-child {
  margin-right: 15px;
}
.am-list-item .am-list-thumb:last-child {
  margin-left: 8px;
}
.am-list-item .am-list-line {
  position: relative;
  display: flex;
  flex: 1;
  align-self: stretch;
  padding-right: 15px;
  overflow: hidden;
  /* list左侧主内容*/
  /* list右补充内容*/
  /* 辅助性文字*/
  /* list右侧箭头*/
}
.am-list-item .am-list-line .am-list-content {
  flex: 1;
  color: #000;
  font-size: 17px;
  line-height: 1.5;
  text-align: left;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 7px;
  padding-bottom: 7px;
}
.am-list-item .am-list-line .am-list-extra {
  flex-basis: 36%;
  color: #888;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 7px;
  padding-bottom: 7px;
}
.am-list-item .am-list-line .am-list-title {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-list-item .am-list-line .am-list-brief {
  color: #888;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 6px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.am-list-item .am-list-line .am-list-arrow {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  visibility: hidden;
}
.am-list-item .am-list-line .am-list-arrow-horizontal {
  visibility: visible;
}
.am-list-item .am-list-line .am-list-arrow-vertical {
  visibility: visible;
  transform: rotate(90deg);
}
.am-list-item .am-list-line .am-list-arrow-vertical-up {
  visibility: visible;
  transform: rotate(270deg);
}
.am-list-item .am-list-line-multiple {
  padding: 12.5px 15px 12.5px 0;
}
.am-list-item .am-list-line-multiple .am-list-content {
  padding-top: 0;
  padding-bottom: 0;
}
.am-list-item .am-list-line-multiple .am-list-extra {
  padding-top: 0;
  padding-bottom: 0;
}
.am-list-item .am-list-line-wrap .am-list-content {
  white-space: normal;
}
.am-list-item .am-list-line-wrap .am-list-extra {
  white-space: normal;
}
.am-list-item select {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  font-size: 17px;
  appearance: none;
  background-color: transparent;
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.filter-tag .ant-tag {
  font-family: DIN Next;
  font-size: 13px;
  margin: 0 8px 8px 0 !important;
  padding: 5px 7px !important;
  background: #F4F5F5;
  border-width: 1px solid #F4F5F5;
}
.slider-input-wrapper {
  position: relative;
  width: calc((100% - 40px)/2);
}
.slider-span {
  z-index: 9;
  position: absolute;
  line-height: 33px;
  font-size: 11px !important;
  font-weight: 600;
  color: black;
  left: 3px;
}
.go-button-wrapper {
  text-align: center;
  width: 30px;
}
.go-button-wrapper .go-button {
  width: 100%;
  padding: 2px;
}
.slider-input {
  padding-left: 27px;
  padding-right: 5px;
}
/* Chrome, Safari, Edge, Opera */
.slider-input::-webkit-outer-spin-button,
.slider-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.slider-input[type=number] {
  -moz-appearance: textfield;
}
.price-heading {
  margin: 0;
}
.price-filter {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #B1B1B1;
}
.price-filter .ant-radio-wrapper {
  margin: 0 !important;
}
.price-filter .ant-slider-track,
.price-filter .ant-slider-track:focus {
  background-color: #45A055 !important;
}
.price-filter .ant-slider-handle,
.price-filter .ant-slider-handle:focus {
  border: solid 1.5px #000000 !important;
  background-color: #45A055 !important;
  box-shadow: 0 5px 6px #838383;
}
.price-filter .ant-input-sm {
  text-align: center;
  height: 16px !important;
  width: 5vw !important;
  padding: 1px 4px;
  border: solid 1px #BABABA;
}
.price-filter .ant-input-sm:focus {
  box-shadow: unset;
}
.price-filter .ant-input {
  font-family: DIN Next;
  color: #000000;
  font-size: 11px !important;
  font-weight: 600;
  border-radius: 3px;
  vertical-align: bottom !important;
}
.price-filter .ant-radio-wrapper {
  color: rgba(0, 0, 0, 0.65);
  font-family: DIN Next;
  font-weight: 500;
}
.price-filter p {
  font-weight: 500;
  color: #000000;
}
.empty-list-container {
  background-color: #FFFFFF;
  width: 100%;
  height: 60vw;
}
.empty-list-error {
  width: auto;
  height: 77%;
  background-image: url(/static/content/empty-list-error.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.empty-list-row {
  width: 100%;
}
.empty-list-btn {
  font-family: DIN Next;
  background-color: #000000 !important;
  border: 0;
}
.empty-list-btn span {
  letter-spacing: 1px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
}
.empty-list-error-mobile {
  width: 100%;
  height: 50vw;
  background-image: url(/static/content/empty-list-error.jpg);
  background-repeat: no-repeat;
  background-color: #F4F5F5;
  background-size: cover;
  background-position: bottom;
}
.empty-list-error-mobile .empty-list-row {
  width: 100%;
  position: absolute;
  bottom: 6%;
  text-align: center;
}
.empty-list-error-mobile .empty-list h2,
.empty-list-error-mobile .empty-list-mobile h2 {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
}
.empty-list-error-mobile .empty-list h3,
.empty-list-error-mobile .empty-list-mobile h3 {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 400;
}
.empty-list-error-mobile .empty-list .avatar,
.empty-list-error-mobile .empty-list-mobile .avatar {
  padding: 2vw 2vw 2vw 2.8vw;
}
.empty-list-btn {
  font-family: DIN Next;
  background-color: #00473c !important;
  border: 0;
}
.empty-list-btn span {
  letter-spacing: 1px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
}
.empty-list-btn-mobile {
  background-color: #00473c !important;
  border: 0;
}
.empty-list-btn-mobile span {
  text-align: center;
  color: #FFFFFF;
  font-size: 4vw;
  font-weight: 600;
}
.sorting-menu {
  padding: 5px 10px;
}
.sorting-menu .ant-menu-horizontal {
  display: table !important;
  margin: 0px auto !important;
  float: left;
  line-height: 30px;
  border: 1px solid #333333;
  border-radius: 25px;
  font-size: 1vw;
  font-weight: 400;
  padding: 0 !important;
  margin-bottom: 20px !important;
}
.sorting-menu .ant-menu-horizontal:lang(ar) {
  float: right;
}
.sorting-menu .ant-menu-item-selected,
.sorting-menu .ant-menu-item:hover {
  color: #333333 !important;
  border-color: #333333;
  background-color: #F2DAC3;
  border-radius: 100px;
}
.sorting-menu .ant-menu-item-disabled,
.sorting-menu .ant-menu-item-disabled:hover {
  cursor: default;
  color: #838383 !important;
  background: transparent;
}
.sorting-menu .sorting-menu-item {
  color: #000000;
  padding-top: 5px !important;
}
.padding-stop li {
  padding-top: 0 px !important;
  word-break: break-all !important;
}
.padding-stop .ant-tree-switcher_open,
.padding-stop .ant-tree-node-content-wrapper {
  display: inline !important ;
  word-break: break-word !important;
  white-space: pre-line;
  overflow-wrap: break-word !important;
}
@media screen and (min-width: 280px) and (max-width: 992px) {
  .showOnDesktop {
    display: none !important;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.slider-wrapper .slick-list .slick-track .slick-slide div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.slider-wrapper .slick-dots {
  bottom: 0px;
  right: 0;
  left: 14px;
  display: flex !important;
  justify-content: flex-start;
}
.slider-wrapper .slick-dots:lang(ar) {
  bottom: 0px;
  right: 0;
  left: -10px;
  display: flex !important;
  justify-content: flex-end;
}
.slider-wrapper .slick-dots:lang(ar) {
  bottom: 0px;
  right: 0;
  left: -10px;
  display: flex !important;
  justify-content: flex-end;
}
.ant-modal-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-wrapper {
  padding: 0;
  top: 25%;
}
.modal-wrapper .ant-modal-content {
  background: transparent;
}
.modal-wrapper .ant-modal-content .ant-modal-close {
  top: -40px;
}
.modal-wrapper .ant-modal-content .ant-modal-close .ant-modal-close-x {
  background: rgb(255 255 850);
  background: #ffffff;
  opacity: 0.3;
  color: black;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.modal-wrapper .ant-modal-content .ant-modal-body {
  padding: 0;
}
.img-play-button,
.img-play-button:hover {
  background: transparent !important;
  position: absolute;
  top: 40%;
  left: 40%;
  z-index: 99;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  color: unset !important;
}
.img-play-button span,
.img-play-button:hover span {
  box-shadow: none;
  width: 60px;
  height: 60px;
  border: 1px solid white;
  background: transparent;
}
.play-btn {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 3 !important;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
}
.video-poster {
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  border: unset;
}
.pdp-container {
  width: 100%;
  background: #FFFFFF !important;
  max-width: 1680px;
  font-family: DIN Next;
  margin-bottom: 3vw;
  overflow: hidden;
}
.pdp-top-section {
  width: 100%;
  min-height: 70vh;
  padding: 1.5vw 3vw !important;
  background-color: #FCF9F3;
}
.pdp-product-detailssection {
  width: 100%;
  min-height: 70vh;
  padding-top: 1.5vw !important;
}
.pdp-ts-wrapper {
  width: 100%;
  padding: 1vw 0;
}
.thumb-image {
  min-height: 60vh;
}
.pdp-label {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #333333;
}
.cell-p-top {
  padding-top: 1.6vw;
}
.cellBorderLeft {
  border-left: 1px solid #D9D9D9;
}
.cellBorderRight {
  border-right: 1px solid #D9D9D9;
}
@media only screen and (max-width: 992px) {
  .cellBorderLeft,
  .cellBorderRight {
    border: none !important;
  }
}
.image-gallery-index {
  z-index: 0 !important;
}
.image-gallery-thumbnail {
  width: 4.5vw !important;
}
.image-gallery-index {
  top: unset;
  bottom: 0 !important;
}
.image-gallery-slide-wrapper:lang(ar) {
  float: left !important;
}
.image-gallery-index:lang(ar) {
  top: unset;
  right: unset;
  left: 0 !important;
  bottom: 0 !important;
}
.image-gallery-thumbnail.active {
  border: 2px solid rgba(0, 0, 0, 0.4) !important;
}
.pdp-share-media {
  display: table-row;
}
.pdp-share-col {
  display: table-cell;
  padding: 10px;
}
.product-label-mobile {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: normal;
}
.stock-message {
  font: medium 13px DIN Next;
  color: #FF8E8E;
}
.product-price {
  padding-top: 6px;
  font-weight: 500;
  margin: 0;
  padding-bottom: 30px;
}
.product-price .ant-badge-not-a-wrapper .ant-scroll-number {
  z-index: 0;
}
.product-price #fixed-price p {
  font-size: 2vw;
  font-weight: 500;
  color: #00473c;
  margin-bottom: 5px;
}
.product-price #label span {
  font-size: 1vw;
  color: #838383;
}
.product-price #striked-price p {
  margin-bottom: 12px;
}
.product-price #striked-price p strike {
  font-size: 1.5vw;
  font-weight: 400;
  color: #B1B1B1;
}
.product-price #saving span {
  font-size: 1vw;
  font-weight: 500;
  color: #139856;
}
.addtocart-select-qty {
  padding: 12px 0;
}
.addtocart-select-qty .ant-select-lg .ant-select-selection--single {
  width: 70px;
  height: 40px;
  font-weight: 500;
  border: 1px solid #666666;
  padding: 0 10px;
  border-radius: 0px;
  background-color: #FCF9F3;
  color: #333333;
}
.addtocart-select-qty .ant-select-dropdown-menu {
  padding: 0;
}
.addtocart-select-qty .ant-select-arrow svg {
  color: #666666;
  font-size: 1vw;
}
.addtocart-select-qty .ant-select-lg .ant-select-selection__rendered {
  line-height: 42px;
  margin: 0 !important;
}
.fitChart-text {
  color: #E77036;
  cursor: pointer;
  text-decoration: underline;
  font-family: Avenir;
  letter-spacing: 0.3px;
  font-size: 15px;
  padding-right: 7px;
}
.cart-btnmobile {
  margin-left: -10px;
  display: flex;
  align-items: center;
  padding: 1px 3.5vw;
  position: fixed;
  bottom: 0px;
  z-index: 1;
  background-color: #f9f9f9;
  justify-content: center;
  /* align-content: center; */
  width: 100%;
}
.cart-btn:lang(ar) {
  margin-right: -8px;
}
.cart-btnmobile:lang(ar) {
  margin-right: -8px;
}
.cart-btn {
  margin-left: -8px;
}
.config-title {
  padding: 10px 0;
  font-size: 0.85vw;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
}
.config-title p {
  margin: 0;
}
.config-title a {
  font-size: 0.65vw;
  color: #00473c;
  margin: 0 20px;
  text-transform: none;
}
.config-btns {
  padding: 5px 0 10px;
  border-bottom: 1px solid #D9D9D9;
}
.config-btns .ant-btn {
  padding: 0 2px;
  margin: 2px;
  min-width: 80px;
  width: auto;
  height: 45px;
  line-height: 45px;
  font-size: 0.8rem;
  border-color: #666666;
}
.config-btns .ant-btn:focus,
.config-btns .ant-btn:hover {
  border-color: #CCDC64;
}
/* 3rd column --start-- */
.full-width {
  width: 100%;
}
.short-descr-wrapper {
  text-align: justify;
}
.short-descr-wrapperweb {
  display: flex;
  flex-wrap: wrap;
  background-color: #FCF9F3;
}
.highlight-title,
.short-descr-title {
  font-size: 1vw;
  font-weight: 400;
  letter-spacing: 1.2px;
  color: #333333;
}
.top-padding {
  margin-top: 15px;
}
.highlight-content,
.short-descr-content {
  font-size: 14px !important;
  color: #333333;
}
.highlight-content ul,
.short-descr-content ul {
  list-style-type: none;
  padding: 0 !important;
  margin: 0 !important;
}
.highlight-content ul li,
.short-descr-content ul li {
  margin-left: 25px;
  list-style: disc;
  line-height: 26px;
}
.highlight-content p,
.short-descr-content p {
  margin: 0;
  line-height: 1.7;
  font-weight: 300 !important;
}
@media screen and (min-width: 668px) {
  .short-description {
    padding: 10px 25px 0px 50px !important;
  }
}
@media screen and (min-width: 668px) and (max-width: 993px) {
  .short-description {
    padding: 5px 25px 0px 25px !important;
  }
}
@media screen and (max-width: 667px) {
  .short-description {
    padding: 10px 15px 0px 25px !important;
  }
}
.short-description .anchor-to {
  padding: 15px 0;
}
.short-description .anchor-to-text {
  font-size: 12px;
  color: #85B068;
  letter-spacing: 0.5px;
  font-style: italic;
  text-decoration: underline;
}
.short-description .product-policy {
  position: relative;
  bottom: 0;
  padding-top: 8%;
}
/* 3rd column --end-- */
.product-desc-specs {
  margin: 0 8px 0 0px;
}
.product-desc-specs .content-header {
  width: 100%;
  padding: 20px 24px;
  padding-bottom: 0;
}
.product-desc-specs .content-header p {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1.2px;
  margin: 0;
  font-weight: 500;
}
.product-desc-specs .content-text {
  width: 100%;
  padding: 25px;
  font-size: 14px;
  color: #333333;
  overflow-wrap: break-word;
  text-align: justify;
}
.product-desc-specs .content-text p {
  line-height: 1.7 !important;
}
.product-desc-specs .read-more-less {
  background-color: #FCF9F3;
  font-size: 15px;
  border-radius: 0 0 10px 10px;
  width: 100%;
  padding: 20px 26px;
}
.product-desc-specs .read-more-less .collapse-button {
  font-size: 14px;
  color: #E77036;
  text-decoration-line: underline;
}
.product-desc-specs h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}
.product-desc-specs th {
  font: 0.9rem;
  font-weight: 600;
  color: #333333;
}
.product-desc-specs tr {
  font: 0.8rem;
  color: #333333;
  line-height: 26px;
}
@media screen and (min-width: 668px) {
  .product-desc-specs {
    padding: 10px 15px 15px 5px;
  }
}
@media screen and (min-width: 668px) and (max-width: 993px) {
  .product-desc-specs {
    padding: 10px 15px 15px 5px;
  }
}
@media screen and (max-width: 667px) {
  .product-desc-specs {
    padding: 10px 15px 15px 0px;
  }
}
.product-desc-specs-mobile {
  margin: 0 8px;
}
.product-desc-specs-mobile .content-header {
  margin: 9% 0px 9% -6px;
}
.product-desc-specs-mobile .content-header p {
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
  font-weight: 600;
  color: #333333 !important;
}
.product-desc-specs-mobile .content-text {
  width: 100%;
  font-size: 13px;
  color: #333333 !important;
  margin: -6px;
}
.product-desc-specs-mobile .read-more-less {
  top: 6px;
}
.product-desc-specs-mobile .read-more-less .collapse-button {
  border-radius: 0;
  font-size: 12px;
  color: #E77036;
  text-decoration-line: underline;
  padding-top: 25px;
}
.product-desc-specs-mobile h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333333 !important;
}
.product-desc-specs-mobile th {
  font: 0.9rem;
  font-weight: 600;
  color: #333333 !important;
}
.product-desc-specs-mobile tr {
  font: 0.8rem;
  color: #333333 !important;
}
.showSizeGuideText {
  width: 70%;
  border-bottom: 1px solid #d9d9d9;
}
.recommend-section-mobile {
  background-color: #FFFFFF;
  padding: 10px 0;
  width: 100%;
  z-index: 0;
}
.recommend-section-mobile .product-carousel {
  margin-bottom: 15px;
}
.recommend-section-mobile .product-carousel .slick-slide > div {
  padding: 0 8px;
}
.recommend-section-mobile .product-carousel .slick-slide:lang(ar) {
  float: left !important;
}
.recommend-section-mobile .product-carousel [dir=rtl] .slick-slide {
  float: left !important;
}
.recommend-section-mobile .product-carousel .slick-prev {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  background: #FFFFFF !important;
  height: 2vw !important;
  width: 2vw !important;
  padding: 10px;
  z-index: 2 !important;
  border-radius: 4px;
  left: -2.3% !important;
}
.recommend-section-mobile .product-carousel .slick-next {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  background: #FFFFFF !important;
  height: 2vw !important;
  width: 2vw !important;
  padding: 10px;
  border-radius: 4px;
  z-index: 2 !important;
  right: -2.3% !important;
}
.recommend-section-mobile .product-carousel .slick-next:lang(ar) {
  right: unset !important;
  left: 100%;
}
.recommend-section {
  padding: 30px 3vw 0;
  width: 100%;
}
.recommend-section .product-carousel {
  margin-bottom: 15px;
}
.recommend-section .product-carousel .slick-slide > div {
  padding: 0 8px;
}
.recommend-section .product-carousel .slick-prev {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  background: #FFFFFF !important;
  height: 2vw !important;
  width: 2vw !important;
  padding: 10px;
  z-index: 2 !important;
  border-radius: 4px;
  left: -2.3% !important;
}
.recommend-section .product-carousel .slick-next {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  background: #FFFFFF !important;
  height: 2vw !important;
  width: 2vw !important;
  padding: 10px;
  border-radius: 4px;
  z-index: 2 !important;
  right: -2.3% !important;
}
.recommend-section .product-carousel .slick-next:lang(ar) {
  right: unset !important;
  left: 100%;
}
.element {
  margin: 2%;
}
.spinner {
  top: 50%;
  position: absolute;
  left: 41%;
}
.image-hover {
  position: relative;
  z-index: 1;
}
.zoomed-image {
  background-size: cover;
  cursor: pointer;
}
.rtl-large-image {
  margin-left: 0 !important;
  align-content: center;
  align-items: center;
  left: calc(-100% - 10px) !important;
}
.figure {
  width: 95%;
  height: 90%;
  background-repeat: no-repeat;
  margin: 0 0 1em;
}
.figure:hover img {
  opacity: 0;
}
.img {
  display: block;
  width: 100%;
  pointer-events: none;
}
.productPolicyDesc {
  vertical-align: middle;
  margin-bottom: 20px;
}
.titleStyle {
  font-size: 1vw;
  color: #000000;
  font-weight: 500;
}
.titleStyles:lang(ar) {
  font-size: 13px;
  color: #EDE3D2;
  font-weight: 500;
}
.titleStyles {
  font-size: 12px;
  color: #EDE3D2;
  font-weight: 500;
}
.deliverytitle {
  display: flex;
  left: 90px;
  right: 0px;
  bottom: 32px;
  width: 100%;
  flex-wrap: wrap;
  line-height: 18px;
}
.deliverytitle:lang(ar) {
  display: flex;
  left: 0px;
  right: 88px;
  bottom: 36px;
  width: 100%;
  flex-wrap: wrap;
  line-height: 18px;
}
.deliveryimgicon {
  top: 18px;
  left: 12px;
}
.deliveryimgicon:lang(ar) {
  top: 18px;
  right: 12px;
}
.descriptionStyle {
  font-size: 0.7vw;
  color: #838383;
}
.mt-10 {
  margin-top: 10px;
}
.height-350 {
  height: 350px;
}
.image-gallery-slide img {
  width: 260px;
  height: 260px;
}
.pdp-footer {
  width: 100%;
  align-items: flex-end !important;
}
.pdp-footer-item .ant-select {
  margin-right: 10px !important;
}
.pdp-footer-item .ant-select:lang(ar) {
  margin-left: 10px !important;
}
.pdp-footer .ant-select-dropdown-menu {
  margin-top: 1px;
  bottom: 100%;
  top: -125px;
  z-index: 300;
  overflow: scroll;
}
.light-bg {
  background-color: #FFFFFF;
}
.thumbnail_product_img .ant-carousel .slick-list .slick-slide {
  position: relative !important;
}
.thumbnail_product_img .ant-carousel .slick-list .slick-slide img {
  display: inline-block;
}
.thumbnail_product_img .ant-carousel .slick-list .slick-slide {
  text-align: center;
}
.thumbnail_product_img .ant-carousel {
  background-color: #FFFFFF;
}
.highlights_bottom_list ul {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  list-style-type: none;
}
.products-recommended-container {
  grid-template-columns: repeat(18, 46%);
  grid-template-rows: 100% 100%;
  grid-gap: 10px 10px;
  grid-auto-flow: dense;
  list-style: none;
  padding: 0;
  max-width: 800px;
}
.products-recommended-container .am-flexbox-item {
  margin-left: 0 !important;
}
.products-recommended-container .am-badge {
  top: 10px !important;
  position: absolute !important;
}
.products-recommended-container .am-badge .am-badge-text {
  position: absolute;
  top: -18px;
  margin-left: 5px;
  color: #FFFFFF;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  font-size: 8px;
  background-color: #ce0000;
  padding: 1px 10px;
}
.products-recommended-container .am-card {
  padding-bottom: 0 !important;
  margin-top: 14px;
  height: 100%;
}
.products-recommended-container .am-card::before {
  border: 1px solid transparent !important;
}
.products-recommended-container::-webkit-scrollbar {
  width: 0 !important;
}
.products-recommended-container {
  overflow: -moz-scrollbars-none;
}
.products-recommended-container {
  -ms-overflow-style: none;
}
.footer_qty_dropdown {
  margin-right: 10px;
  border: 1px solid #333333;
  width: 75px;
  height: 45px;
  position: relative;
}
.footer_qty_dropdown:lang(ar) {
  margin-right: -12%;
  background: #FCF9F3;
  position: relative;
  top: 7px;
}
.footer_qty_modal {
  width: 127px !important;
  min-height: auto;
  max-height: 60vh !important;
  overflow: hidden;
}
.footer_qty_modal .ant-menu-inline {
  min-height: auto;
  max-height: 50vh !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
.footer_qty_modal .ant-menu-inline::-webkit-scrollbar {
  width: 10px;
}
.footer_qty_modal .ant-menu-inline::-webkit-scrollbar-thumb {
  border-radius: 8px;
  box-shadow: inset 0 0 6px #7F7F7F;
  background-color: #7F7F7F;
}
.footer_qty_modal .ant-modal-content .ant-modal-header {
  padding: 16px 10px !important;
}
.footer_qty_modal .ant-modal-content .ant-modal-body {
  padding-left: 10px;
  padding-right: 10px;
}
.footer_qty_modal .ant-modal-content .ant-modal-body .ant-menu {
  border-right: none;
}
.footer_qty_modal .ant-modal-content .ant-modal-body .ant-menu .ant-menu-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: left;
}
.footer_qty_modal .ant-modal-content .ant-modal-body .ant-menu .ant-menu-item:after {
  border-right: none !important;
}
.footer_qty_modal .ant-modal-content .ant-modal-body .ant-menu .ant-menu-item:lang(ar) {
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: right;
}
.footer_qty_modal:lang(ar) .ant-modal-content .ant-modal-close {
  position: absolute;
  left: 0;
}
.footer_qty_modal:lang(ar) .ant-modal-content .ant-modal-header {
  direction: rtl;
  text-align: right;
}
.footer_qty_dropdown button {
  padding-left: 10px;
  padding-right: 29px;
  height: 43px;
  width: 73px;
  background-color: #FCF9F3;
  line-height: 45px;
}
.footer_qty_dropdown button:lang(ar) {
  padding-left: 29px;
  padding-right: 10px;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background-color: #FCF9F3;
}
.footer_qty_dropdown button:focus,
.footer_qty_dropdown button:active,
.footer_qty_dropdown button:hover {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.65);
}
.footer_qty_dropdown:lang(en)::after {
  display: block;
  content: '';
  height: 8px;
  width: 8px;
  border: 1px solid;
  position: absolute;
  right: 11px;
  bottom: 20px;
  border-color: transparent #6d6a6a #6d6a6a transparent;
  transform: rotate(45deg);
  pointer-events: none;
}
.footer_qty_dropdown:lang(ar)::after {
  display: block;
  content: '';
  height: 8px;
  width: 8px;
  border: 1px solid;
  position: absolute;
  left: 11px;
  bottom: 24px;
  border-color: transparent #6d6a6a #6d6a6a transparent;
  transform: rotate(45deg);
  pointer-events: none;
}
.product-specification-table table thead tr {
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
}
.estimate-text-mobile {
  color: #727272;
  font-size: 15px;
  padding-bottom: 10px;
}
.delivery-info-mobile {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  padding-left: 0px;
  font-size: 0.8rem;
  line-height: 20px;
}
.delivery-info-mobile li {
  color: #333333;
  margin-bottom: 3px;
  font-size: 14px;
}
.delivery-info-mobile:lang(ar) {
  padding-left: unset;
  padding-right: 0px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.delivery-info-mobile:lang(ar) li {
  text-align: right;
}
.align-left .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header-no-title .ant-drawer-close {
  left: 0;
}
.align-right .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header-no-title .ant-drawer-close {
  right: 0;
}
.desktopdrawer .ant-drawer-content-wrapper {
  width: 50% !important;
}
.desktopdrawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header-no-title {
  height: 56px;
  position: relative;
}
.desktopdrawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header-no-title .ant-drawer-close {
  position: absolute;
  margin-right: 10px;
  margin-left: 10px;
  background-image: url(/static/footer/storeclose.png);
  width: 40px;
  height: 39px;
}
.desktopdrawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header-no-title .anticon {
  display: none;
}
.pdp-discount-badge-mobile {
  background-color: #CE0000;
  color: #FFFFFF;
  box-shadow: -2px 2px 2px #B1B1B1;
  font-size: 10px;
  font-weight: 500;
  font-family: Avenir;
  border-radius: 18px;
  z-index: 0;
  align-items: center;
  justify-content: center;
  float: right;
  padding: 5px 12px;
}
.pdp-discount-badge-mobile:lang(ar) {
  float: left;
}
.size-guide-modal-mobile {
  top: 30px;
}
.size-guide-modal-mobile .ant-modal-content .ant-modal-body {
  padding-top: 56px !important;
}
.size-guide-modal-mobile:lang(ar) .ant-modal-content {
  direction: rtl;
}
.size-guide-modal-mobile:lang(ar) .ant-modal-content .ant-modal-close {
  left: 0;
  right: unset;
}
@media screen and (orientation: landscape) {
  .footer_qty_dropdown {
    margin-right: 15px;
  }
}
.deliveryimg:lang(ar) {
  transform: scaleX(-1);
  width: 60px;
}
.deliveryimg {
  width: 60px;
}
.deliveryWindow {
  background-color: "#24554E";
  height: "91px";
}
.deliveryWindow:lang(ar) {
  background-color: "#24554E";
  height: "91px";
}
.pdpvalueprotruck {
  display: flex;
  flex-wrap: wrap;
  bottom: 17px;
  left: 43px;
}
.pdpvalueprotruck:lang(ar) {
  display: flex;
  flex-wrap: wrap;
  bottom: 23px;
  right: 43px;
}
.pdpvaluedelivery {
  bottom: 17px;
  left: 43px;
}
.pdpvaluedelivery:lang(ar) {
  bottom: 17px;
  right: 43px;
}
.msitetruckimg {
  top: 18px;
}
.msitetruckimg:lang(ar) {
  top: 18px;
  display: flex;
  direction: rtl;
}
.msitetruckimgicon {
  width: auto;
}
.rating-progress-container {
  text-align: center;
  padding: 20px;
  left: 5vw;
}
.rating-progress-bars {
  display: flex;
  flex-direction: column;
}
.rating-progress-bar {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.progress {
  background-color: yellow;
  /* Green background color */
  height: 10px;
}
.am-progress-fixed-outer {
  position: relative !important;
}
.ant-upload.ant-upload-select-picture-card {
  height: 128px !important;
  width: 200px !important;
  background-color: #ffffff !important;
}
.uploaded_image {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload_image_container {
  border: 1px solid transparent;
}
.upload_image_container:hover {
  border: 1px solid #474747;
  border-radius: 5px;
}
.ant-upload-picture-card-wrapper {
  display: flex;
  direction: ltr;
}
.ant-upload-picture-card-wrapper:lang(ar) {
  display: flex;
  direction: rtl;
}
.ant-progress-line {
  width: 74% !important;
  left: 7px;
}
.ant-progress-line:lang(ar) {
  width: 74% !important;
  right: 7px;
}
.ant-progress-outer {
  display: block !important;
}
.rating-progress-containermobile {
  padding-top: 20px;
}
.ant-progress-inner {
  width: 94% !important;
}
@media screen and (max-width: 768px) {
  .ant-upload.ant-upload-select-picture-card {
    height: 128px !important;
    width: 92% !important;
    background-color: #ffffff !important;
    margin: 4%;
  }
}
.review-dilog-box .ant-modal-close-x {
  background-image: url(/static/footer/storeclose.png);
  width: 40px;
  height: 39px;
}
.review-dilog-box .ant-modal-close-icon {
  display: none;
}
.ant-form-item {
  margin-bottom: 10px !important;
}
.sliderimages .slick-prev {
  font-size: 0;
  line-height: 0;
  top: -5%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
  left: 31%;
}
.sliderimages .slick-next {
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
  left: 30%;
  position: relative;
  top: 18px;
}
.review-label {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #333333;
}
.ant-rate {
  font-size: 25px !important;
  color: #FFBD00 !important;
}
.ant-rate:lang(ar) {
  font-size: 25px !important;
  color: #FFBD00 !important;
}
.addtocart-select-qty .ant-select-arrow svg {
  color: #333333;
  height: 15px;
  width: 15px;
}
.ant-rate-star {
  margin-right: 0 !important;
}
.review-carousel .slick-slide > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.review-carousel .slick-slide img {
  max-width: fit-content !important;
  max-height: 56vh;
  min-height: 56vh;
  width: auto !important;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  direction: ltr;
}
.addtocart-select-qty .ant-select-lg .ant-select-selection__rendered:lang(ar) {
  line-height: 35px;
}
@media screen and (min-width: 992px) and (max-width: 6000px) {
  .pdp-size-row {
    width: 42vw;
  }
  .pdp-highlights .short-description:lang(ar) {
    padding-right: 70px !important;
  }
}
@media screen and (max-width: 992px) {
  .pdp-size-row {
    width: 100%;
  }
  .pdp-highlights {
    padding-left: 20px !important;
  }
  .pdp-description {
    padding-left: 10px !important;
  }
  .pdp-specifection {
    padding-left: 0px !important;
  }
  .pdp-highlights:lang(ar) {
    padding-right: 30px !important;
  }
  .pdp-description:lang(ar) {
    padding-right: 0px !important;
  }
  .pdp-specifection:lang(ar) {
    padding-right: 0px !important;
  }
  .product-desc-specs:lang(ar) {
    margin-right: 0px !important;
  }
  .content-header:lang(ar) {
    padding-right: 17px !important;
  }
  .content-text:lang(ar) {
    padding-right: 17px !important;
  }
  .read-more-less:lang(ar) {
    padding-right: 17px !important;
  }
  .pdp-specifection .product-desc-specs:lang(ar) {
    padding-right: 3px !important;
  }
}
@media screen and (min-width: 668px) {
  .pdpBtn {
    font-size: 20px;
  }
  .addtocart-select-qty {
    padding: 12px 0;
  }
  .addtocart-select-qty .ant-select-lg .ant-select-selection--single {
    font-size: 20px;
    margin-top: 0px !important;
    padding-top: 0px !important;
    line-height: 20px !important;
  }
  .pdpBtnWidth {
    width: 41% !important;
  }
}
@media screen and (min-width: 668px) and (max-width: 993px) {
  .pdpBtnWidth {
    width: 40% !important;
  }
}
@media screen and (max-width: 667px) {
  .pdpBtn {
    font-size: 16px;
  }
  .pdpBtnWidth {
    width: 50% !important;
  }
  .pdp-box-right-0 {
    right: 0 !important;
  }
  .pdp-box-last {
    margin-right: 12px !important;
  }
  .pdp-box-last:lang(ar) {
    padding-right: 12px !important;
    margin-left: 12px !important;
  }
}
.pdp-box {
  background-color: #FCF9F3;
  margin-bottom: 12px;
  padding-right: 55px;
}
.pdp-box:lang(ar) {
  background-color: #FCF9F3;
  margin-bottom: 12px;
  padding-left: 25px;
}
.frequentlyboughtproduct-card-wrapper {
  cursor: pointer;
  font-family: DIN Next;
  background: transparent !important;
}
.frequentlyboughtproduct-card-wrapper a:active,
.frequentlyboughtproduct-card-wrapper a::after,
.frequentlyboughtproduct-card-wrapper a:focus,
.frequentlyboughtproduct-card-wrapper a:hover,
.frequentlyboughtproduct-card-wrapper a:visited,
.frequentlyboughtproduct-card-wrapper a:not(:hover),
.frequentlyboughtproduct-card-wrapper a:not(:focus) {
  outline: none !important;
  text-decoration: none !important;
}
.addsymbol {
  display: flex;
  align-items: center;
  color: var(--Color-Gray-1, #3A3A3A);
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
}
.addsymbolmob {
  display: flex;
  align-items: center;
  color: var(--Color-Gray-1, #3A3A3A);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  /* 24px */
  margin: auto;
}
.addsymbolmob:lang(ar) {
  display: flex;
  align-items: center;
  color: var(--Color-Gray-1, #3A3A3A);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  /* 24px */
  margin: auto;
}
.FrequentlyBoughtProduct {
  background-color: #FFFFFF;
  padding: 10px 0;
  width: 100%;
  z-index: 0;
}
.FrequentlyBoughtProduct-section-mobile {
  background-color: #FCF9F3;
  padding-top: 10px;
  width: 100%;
  z-index: 0;
}
.FrequentlyBoughtProduct-section-mobile .slick-slide:lang(ar) {
  float: left !important;
}
.FrequentlyBoughtProduct-section-mobile [dir=rtl] .slick-slide {
  float: left !important;
}
.frkproduct-card-wrapper-mobile {
  border: none !important;
}
.frkproduct-card-wrapper-mobile .am-card-body {
  border: none !important;
  padding: 0px 10px 10px 5px !important;
}
.frkproduct-card-wrapper-mobile .slick-slide:lang(ar) {
  float: left !important;
}
.frkproduct-card-wrapper-mobile [dir=rtl] .slick-slide {
  float: left !important;
}
.checkitem .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #333333 !important;
  border-color: #333333 !important;
}
.checkitem .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.checkitem .ant-checkbox:hover .ant-checkbox-inner,
.checkitem .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #333333 !important;
}
.product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.plus-sign {
  font-size: 24px;
  margin: 10px;
}
.product-grid {
  display: flex;
  flex-wrap: wrap;
}
.product-col {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.product-selection .ant-row {
  margin-bottom: 10px;
}
.bundleproduct-card {
  position: relative;
  border: 1px solid #E77036 !important;
  margin-bottom: 16px;
}
.bundleproduct-card-selected {
  position: relative;
  border: 3px solid #E77036 !important;
  margin-bottom: 16px;
}
.product-card-selected {
  border-color: #E77036 !important;
}
.bundleproduct-card .ant-card-cover {
  background: #fff;
}
.bundleproduct-card-selected .ant-card-cover {
  background: #fff;
}
.bundleproduct-card .ant-card-body {
  padding: 0px !important;
}
.bundleproduct-card-selected .ant-card-body {
  padding: 0px !important;
}
.bundleproduct-card-mobile .ant-card-body {
  padding: 0px !important;
}
.bundleproduct-card-selected-mobile .ant-card-body {
  padding: 0px !important;
}
.bundleproduct-card .ant-card-cover img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.bundleproduct-card-selected .ant-card-cover img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.bundleproduct-card-mobile .ant-card-cover img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.bundleproduct-card-selected-mobile .ant-card-cover img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.product-checkboxweb:lang(en) {
  position: absolute;
  top: 11px;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  right: 10px;
}
.product-checkboxweb:lang(ar) {
  position: absolute;
  top: 11px;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  left: 10px;
}
.product-checkboxmsite:lang(en) {
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: flex-end;
  right: 7px;
}
.product-checkboxmsite:lang(ar) {
  position: absolute;
  top: 0px;
  display: flex;
  justify-content: flex-end;
  right: -8px;
}
.product-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.product-actions .ant-btn-primary {
  background: #E77036;
  border-color: #E77036 !important;
}
.product-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-item {
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
}
.product-item.selected {
  border-color: #E77036;
}
.ant-tag-orange {
  border-color: #E77036;
}
/* Increase specificity */
.product-selection .product-checkboxweb.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
  box-shadow: none;
}
.bundleproduct-card .product-checkboxweb.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
  box-shadow: none;
}
#unique-parent-id .product-checkboxweb.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
  box-shadow: none;
}
/* Add a class for selected cards */
.bundleproduct-card-selected .product-checkboxweb .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
  box-shadow: none;
}
.bundleproduct-card-selected-mobile .product-checkboxmsite .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
  box-shadow: none;
}
.bundleproduct-card-mobile .product-checkboxmsite .ant-checkbox-inner {
  border: 1px solid #E77036 !important;
}
.bundleproduct-card .product-checkboxweb .ant-checkbox-inner {
  border: 1px solid #E77036 !important;
}
.scrollable-content {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 90vh;
}
.scrollable-content::-webkit-scrollbar {
  display: none;
}
.scrollable-content {
  scrollbar-width: none;
}
.scrollable-content {
  -ms-overflow-style: none;
}
.custom-dropdown .ant-select-dropdown-menu-item-selected {
  background-color: #E77036;
  /* Change background color */
  color: #ffffff;
  /* Change text color */
}
.custom-dropdown .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #E77036;
  /* Change background color */
  color: #ffffff;
  /* Change text color */
}
/* Ensure you have the necessary class for custom dropdown */
.custom-dropdown .ant-select-selection {
  border: 1px solid black !important;
  /* Border color */
  border-radius: 0 !important;
}
.custom-dropdown .ant-select-arrow {
  color: black !important;
  /* Arrow color */
}
/* Additional specificity for the dropdown */
.custom-dropdown .ant-select-dropdown {
  border: 1px solid black !important;
  /* Border color of the dropdown */
}
/* Optionally, if you want to style the options */
.custom-dropdown .ant-select-item-option-selected {
  background-color: #E77036 !important;
  color: white !important;
}
.custom-dropdown .ant-select-item-option:hover {
  background-color: #FCF9F3 !important;
  color: black !important;
}
.custom-dropdown .ant-select-arrow {
  color: #333333 !important;
  height: 15px;
  width: 15px;
}
.custom-dropdown .ant-select-arrow .ant-select-arrow-icon svg {
  color: #333333 !important;
  height: 15px;
  width: 15px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  transition: all 0.3s;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
/* Product card */
.product-card-wrapper {
  cursor: pointer;
  font-family: DIN Next;
  background: transparent !important;
}
.product-card-wrapper a:active,
.product-card-wrapper a::after,
.product-card-wrapper a:focus,
.product-card-wrapper a:hover,
.product-card-wrapper a:visited,
.product-card-wrapper a:not(:hover),
.product-card-wrapper a:not(:focus) {
  outline: none !important;
  text-decoration: none !important;
}
.product-card-wrapper .ant-card-body {
  padding: 0 !important;
}
.discount-badge {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: -12px;
  text-align: center;
  border-radius: 20px;
  color: #FFFFFF;
  padding: 4px 10px;
  font-size: 0.65vw;
  font-weight: 600;
  background-color: #CE0000;
  box-shadow: -3px 3px 5px #B1B1B1;
  opacity: 0.83;
}
.promotion-badge {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: -12px;
  text-align: center;
  padding: 4px 20px 4px 4px;
  font-size: 12.3px;
  font-weight: 600;
  box-shadow: -3px 3px 5px #B1B1B1;
  opacity: 0.83;
}
.promotion-badge-msite {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: 0px;
  text-align: center;
  color: #FFFFFF;
  padding: 4px 20px 4px 4px;
  font-size: 2.65vw;
  font-weight: 600;
  box-shadow: -3px 3px 5px #B1B1B1;
  opacity: 0.83;
}
.mobile-discount-badge {
  position: absolute;
  z-index: 1;
  margin-left: 5px;
  top: -12px;
  text-align: center;
  border-radius: 20px;
  color: #FFFFFF;
  padding: 4px 10px;
  font-size: 2.5vw;
  font-weight: 600;
  background-color: #CE0000;
  box-shadow: -3px 3px 5px #B1B1B1;
  opacity: 0.83;
}
.pdp-discount-badge {
  text-align: center;
  color: #333333;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.83;
  font-family: Avenir;
}
.pdp-promotion-badge {
  text-align: center;
  width: 45%;
  padding: 6px 6px 6px 6px;
  text-align: initial;
  white-space: nowrap;
  font-size: 0.83vw;
  font-weight: 500;
  box-shadow: -2px 2px 2px #B1B1B1;
  opacity: 0.83;
  font-family: Avenir;
  clip-path: polygon(100% 0, 90% 51%, 100% 100%, 0 98%, 0 53%, 0 0);
}
.pdp-promotion-badge-msite {
  text-align: center;
  border-radius: 18px;
  padding: 6px 10px;
  white-space: nowrap;
  font-size: 0.83vw;
  font-weight: 500;
  box-shadow: -2px 2px 2px #B1B1B1;
  opacity: 0.83;
  font-family: Avenir;
}
.listing-product-card .ant-card-body {
  padding: 0px !important;
}
.listing-product-card .product-card-name {
  color: #000000;
  font-size: 0.9vw;
  font-weight: 500;
  white-space: pre-wrap;
  line-height: 17px;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing-product-card .listing-product-card-padding {
  padding: 0px 5px !important;
}
.listing-product-card .product-card-price {
  align-items: center;
  margin-top: 10px;
}
.listing-product-card .listing-product-card-price {
  align-items: center;
}
.listing-product-card .listing-col-product-price {
  padding: 5px;
  background-size: 100% 100%;
}
.listing-product-card .strike-out-price {
  padding: 0 10px;
}
.listing-product-card #original-price {
  font-size: 1vw;
}
.product-card .ant-card-body {
  padding: 5px !important;
}
.product-card .product-card-name {
  color: #000000;
  font-size: 0.9vw;
  font-weight: 500;
  white-space: pre-wrap;
  line-height: 17px;
  height: 40px !important;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-card .product-card-name:lang(ar) {
  padding-top: 0px;
}
@media only screen and (max-width: 992px) {
  .product-card .product-card-name {
    line-height: 14px;
    height: 33px !important;
  }
}
.product-card .listing-product-card-padding {
  padding: 0px 5px !important;
}
.product-card .product-card-price {
  align-items: center;
  margin-top: 10px;
}
.product-card .listing-product-card-price {
  align-items: center;
  min-height: 35px;
}
.product-card .listing-col-product-price {
  padding: 5px;
  background-size: 100% 100%;
  padding-left: 11px;
}
.product-card .strike-out-price {
  padding: 0 10px;
}
.product-card #original-price {
  font-size: 1vw;
}
.product-info-section {
  width: 100%;
}
.desc-hidden {
  border: 1px solid transparent;
}
.desc-hidden p {
  color: transparent;
}
.button-see-all {
  border-radius: 8px;
  border: 1px solid #000000;
  height: 'auto';
  width: 'auto';
  padding: 4px 14px;
  background: transparent;
  float: right;
}
.leftItem {
  flex: auto;
}
.left {
  float: left;
}
.right {
  float: right;
}
.product-card-details {
  margin-top: 5px;
  min-height: 0px;
}
.blank {
  padding: 12px;
}
.ant-rate-star {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: 4px;
  position: relative;
  transition: all 0.3s;
  color: inherit;
  cursor: pointer;
}
.category-image {
  width: 100%;
  border-radius: 11px;
  height: 180px;
}
.category-image-mobile {
  height: 86px;
  width: 86px;
  border-radius: 20px;
}
.brand-card .ant-card-body {
  min-width: 170px;
  width: 100%;
  border-radius: 11px;
  background-color: #FFFFFF;
  display: inline-block;
  border: none;
  padding: 0;
}
.brand-card .ant-card-bordered {
  border: none;
}
.category-card .ant-card-body {
  padding: 0;
}
.center {
  text-align: center;
}
.product-card-wrapper-mobile {
  border: none !important;
}
.product-card-wrapper-mobile .am-card-body {
  border: none !important;
  padding: 15px 5px 10px 5px !important;
}
.products-container:lang(ar) .am-flexbox-item:first-child {
  margin-left: 8px;
}
.products-container .am-flexbox-item .product-card-wrapper-mobile .am-card-body::before,
.products-container-category .am-flexbox-item .product-card-wrapper-mobile .am-card-body::before,
.products-recommended-container .am-flexbox-item .product-card-wrapper-mobile .am-card-body::before {
  height: 0 !important;
}
.products-recommended-container:lang(ar) .am-flexbox-item:first-child {
  margin-left: 8px;
}
.product-name-mobile {
  display: -webkit-box;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  font-size: 10px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
#block-cover {
  width: 100%;
}
#block-image {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-size: cover;
  background-position: center;
}
#block-meta {
  width: 100%;
  text-align: center;
  padding: 20px 0px 5px;
}
#block-name {
  font-family: DIN Next;
  font-size: 11px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}
#block-name:hover {
  text-decoration: underline;
}
.show-size-col {
  background-color: white;
}
.color-variant .ant-carousel .slick-list .slick-slide {
  pointer-events: all !important;
}
.color-variant .show-size-col .slick-list {
  width: '92%' !important;
}
.color-variant .color-variant-en .slick-list {
  width: 100% !important;
}
.color-variant .color-variant-en .slick-next {
  border: 1px solid #cccccc !important;
  color: black !important;
  height: 85% !important;
  width: 30% !important;
  top: 63% !important;
  right: -32% !important;
}
.color-variant .color-variant-ar .slick-list {
  width: 100% !important;
}
.color-variant .color-variant-ar .slick-next {
  border: 1px solid #cccccc !important;
  color: black !important;
  height: 85% !important;
  width: 30% !important;
  top: 63% !important;
  left: -33% !important;
}
.color-variant .slick-next::before {
  color: black !important;
}
.color-variant .slick-prev {
  display: none !important;
}
.mobile-color-variant .ant-carousel .slick-list .slick-slide {
  pointer-events: all !important;
}
.mobile-color-variant .show-size-col .slick-list {
  width: '92%' !important;
}
.mobile-color-variant .color-variant-en .slick-next {
  border: 1px solid #cccccc !important;
  color: black !important;
  height: 85% !important;
  width: 38px !important;
  top: 63% !important;
  right: -35% !important;
}
.mobile-color-variant .color-variant-ar .slick-next {
  border: 1px solid #cccccc !important;
  color: black !important;
  height: 85% !important;
  width: 38px !important;
  top: 63% !important;
  left: -35% !important;
}
.mobile-color-variant .slick-next::before {
  color: black !important;
}
.mobile-color-variant .slick-prev {
  display: none !important;
}
.color-variant-thumb:hover {
  border: 1px solid black !important;
}
.size-color-modal {
  max-width: 100vw !important;
  padding-bottom: 0px !important;
  top: 19vh !important;
}
.size-color-modal .ant-modal-title {
  width: 90%;
}
.size-color-modal .ant-modal-close {
  background-color: black !important;
  color: white !important;
}
@media only screen and (max-width: 992px) {
  .listing-product-card .product-card-name {
    font-size: 12px !important;
  }
  .listing-product-card-price .listing-col-product-price span {
    font-size: 11px !important;
  }
  .label .ant-divider-inner-text {
    font-size: 14px !important;
    word-wrap: break-word !important;
  }
}
.label .ant-divider-inner-text {
  padding: 0 8px !important;
}
.static-banner-view {
  padding: 0 8px !important;
}
@media screen and (min-width: 1401px) and (max-width: 8000px) {
  .product-original-price {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1400px) {
  .product-original-price {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .product-card .product-card-name {
    font-size: 14px !important;
  }
  .listing-col-product-price span span,
  .listing-col-product-price span {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 992px) {
  .product-original-price {
    font-size: 11px !important;
  }
  .product-card .product-card-name {
    font-size: 12px !important;
  }
  #block-image {
    min-width: 180px;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (min-width: 280px) and (max-width: 480px) {
  .label .ant-divider-inner-text {
    font-size: 14px !important;
    word-wrap: break-word !important;
    margin-top: 25px;
    border-bottom: 1px solid #e8e8e8 !important;
    text-align: left !important;
    color: rgba(0, 0, 0, 0.65) !important;
    width: 100% !important;
  }
  .label .ant-divider-horizontal.ant-divider-with-text-center,
  .label .ant-divider-horizontal.ant-divider-with-text-left,
  .label .ant-divider-horizontal.ant-divider-with-text-right {
    display: block !important;
    white-space: inherit !important;
    text-align: left;
    border-bottom: 0px solid #e8e8e8 !important;
  }
  .product-card .product-card-name {
    font-size: 10px !important;
  }
  .product-original-price {
    font-size: 9px !important;
  }
  #block-image {
    min-width: 145px;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center;
  }
}
.product-card-wrapper .product-card .ant-card-body {
  width: 100% !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
  color: rgba(0, 0, 0, 0.65);
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #f5222d;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: #40a9ff;
}
.ant-typography a:active {
  color: #096dd9;
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.download-row-main {
  width: 100%;
  height: auto;
}
.download-row {
  width: 100%;
}
.section-row-green {
  width: 100%;
  background-color: #F2DAC3;
}
.section-row-light {
  width: 100%;
  background-color: #f6f2ec;
}
.section-row-orangeHdr {
  width: 100%;
  background-color: #ff6443;
}
@media screen and (min-width: 1601px) and (max-width: 6000px) {
  .section-row-green {
    padding-left: 10%;
    padding-right: 10%;
  }
  .section-row-light {
    padding-left: 10%;
    padding-right: 10%;
  }
  .heroLogo {
    width: 85%;
  }
  .download-btn {
    width: 180px;
    margin: 10px;
  }
  .hero-col {
    z-index: 9 !important;
    text-align: center;
  }
  .heroBnr {
    width: 95%;
    text-align: center;
  }
  .benefits-hdr {
    width: 40%;
  }
  .benefits-icon {
    height: 280px;
  }
  .hdr {
    width: 35% !important;
  }
  .hdr:lang(ar) {
    width: 37% !important;
  }
  .hdr2 {
    width: 25% !important;
  }
  .hdr2:lang(ar) {
    width: 27% !important;
  }
  .extra-off-left {
    height: 630px;
    text-align: left;
  }
  .extra-off-right {
    height: 630px;
    text-align: right;
  }
  .extra-off {
    width: 95%;
    text-align: center;
    margin-top: 45%;
  }
  .shop-now-banner {
    height: 600px;
    margin-top: -40px;
    margin-bottom: 40px;
  }
  .shop-now {
    width: 95%;
    margin-top: 14%;
  }
  .FavouriteSaudiLocal {
    width: 85%;
    margin-top: 12%;
    text-align: center;
  }
  .FavouriteSaudiLocalBanner {
    height: 600px;
    width: auto;
    text-align: center;
  }
  .BenefitsDownloadingRow {
    z-index: 1;
    margin-top: -50px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .magical-img {
    width: 50%;
  }
  .one-magical-bg {
    background-image: url(/static/content/downloadBg.png);
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .section-row-green {
    padding-left: 10%;
    padding-right: 10%;
  }
  .section-row-light {
    padding-left: 10%;
    padding-right: 10%;
  }
  .heroLogo {
    width: 85%;
  }
  .download-btn {
    width: 170px;
    margin: 10px;
  }
  .hero-col {
    z-index: 9 !important;
    text-align: center;
  }
  .heroBnr {
    width: 95%;
    text-align: center;
  }
  .benefits-hdr {
    width: 40%;
  }
  .benefits-icon {
    height: 220px;
  }
  .hdr {
    width: 45% !important;
  }
  .hdr:lang(ar) {
    width: 45% !important;
  }
  .hdr2 {
    width: 35% !important;
  }
  .hdr2:lang(ar) {
    width: 27% !important;
  }
  .extra-off-left {
    height: 400px;
    text-align: left;
  }
  .extra-off-right {
    height: 400px;
    text-align: right;
  }
  .extra-off {
    width: 95%;
    text-align: center;
    margin-top: 30%;
  }
  .shop-now-banner {
    width: 75%;
    margin-top: -30px;
    margin-bottom: 40px;
  }
  .shop-now {
    width: 95%;
    margin-top: 20%;
  }
  .FavouriteSaudiLocal {
    width: 85%;
    margin-top: 12%;
    text-align: center;
  }
  .FavouriteSaudiLocalBanner {
    width: 70%;
    text-align: center;
  }
  .BenefitsDownloadingRow {
    z-index: 1;
    margin-top: -50px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .magical-img {
    width: 75%;
  }
  .one-magical-bg {
    background-image: url(/static/content/downloadBg.png);
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .section-row-green {
    padding-left: 7%;
    padding-right: 7%;
  }
  .section-row-light {
    padding-left: 7%;
    padding-right: 7%;
  }
  .heroLogo {
    width: 85%;
  }
  .download-btn {
    width: 130px;
    margin: 10px;
  }
  .hero-col {
    z-index: 9 !important;
    text-align: center;
  }
  .heroBnr {
    width: 85%;
    text-align: center;
  }
  .benefits-hdr {
    width: 40%;
  }
  .benefits-icon {
    height: 200px;
  }
  .hdr {
    width: 35% !important;
  }
  .hdr:lang(ar) {
    width: 37% !important;
  }
  .hdr2 {
    width: 35% !important;
  }
  .hdr2:lang(ar) {
    width: 35% !important;
  }
  .extra-off-left {
    height: 400px;
    text-align: left;
  }
  .extra-off-right {
    height: 400px;
    text-align: right;
  }
  .extra-off {
    width: 100%;
    text-align: center;
    margin-top: 45%;
  }
  .shop-now-banner {
    width: 75%;
    margin-top: -30px;
    margin-bottom: 40px;
  }
  .shop-now {
    width: 95%;
    margin-top: 20%;
  }
  .FavouriteSaudiLocal {
    width: 85%;
    margin-top: 15%;
    text-align: center;
  }
  .FavouriteSaudiLocalBanner {
    width: 70%;
    text-align: center;
  }
  .BenefitsDownloadingRow {
    z-index: 1;
    margin-top: -35px;
  }
  .magical-img {
    width: 70%;
  }
  .one-magical-bg {
    background-image: url(/static/content/downloadBg.png);
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .section-row-green {
    padding-left: 5%;
    padding-right: 5%;
  }
  .section-row-light {
    padding-left: 5%;
    padding-right: 5%;
  }
  .heroLogo {
    width: 85%;
  }
  .download-btn {
    width: 130px;
    margin: 10px;
  }
  .hero-col {
    z-index: 9 !important;
    text-align: center;
  }
  .heroBnr {
    width: 85%;
    text-align: center;
  }
  .benefits-hdr {
    width: 70%;
  }
  .benefits-icon {
    height: 240px;
  }
  .Benefits-div {
    text-align: center;
  }
  .hdr {
    width: 65% !important;
  }
  .hdr:lang(ar) {
    width: 67% !important;
  }
  .hdr2 {
    width: 50% !important;
  }
  .hdr2:lang(ar) {
    width: 52% !important;
  }
  .extra-off-left {
    height: 340px;
    text-align: left;
  }
  .extra-off-right {
    height: 340px;
    text-align: right;
  }
  .extra-off {
    width: 98%;
    text-align: center;
    margin-top: 45%;
  }
  .shop-now-banner {
    width: 80%;
    margin-top: -20px;
    margin-bottom: 40px;
  }
  .shop-now {
    width: 95%;
    margin-top: 20%;
  }
  .FavouriteSaudiLocal {
    width: 95%;
    margin-top: 12%;
    text-align: center;
  }
  .FavouriteSaudiLocalBanner {
    width: 65%;
    text-align: center;
  }
  .BenefitsDownloadingRow {
    z-index: 1;
    margin-top: -50px;
  }
  .magical-img {
    width: 88%;
  }
  .one-magical-bg {
    background-image: url(/static/content/downloadBg.png) !important;
    background-repeat: repeat-x;
  }
}
@media screen and (min-width: 270px) and (max-width: 767px) {
  .section-row-green {
    padding-left: 5%;
    padding-right: 5%;
  }
  .section-row-light {
    padding-left: 5%;
    padding-right: 5%;
  }
  .heroLogo {
    width: 85%;
  }
  .download-btn {
    width: 140px;
    margin: 10px;
  }
  .hero-col {
    z-index: 9 !important;
    text-align: center;
  }
  .heroBnr {
    width: 65%;
    text-align: center;
  }
  .benefits-hdr {
    width: 90%;
  }
  .benefits-icon {
    height: 170px;
  }
  .Benefits-div {
    text-align: center;
  }
  .BenefitsDownloadingRow div {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .hdr {
    width: 80% !important;
  }
  .hdr:lang(ar) {
    width: 87% !important;
  }
  .hdr2 {
    width: 55% !important;
  }
  .hdr2:lang(ar) {
    width: 57% !important;
  }
  .extra-off-left {
    height: 400px;
    text-align: left;
  }
  .extra-off-right {
    height: 400px;
    text-align: right;
  }
  .extra-off {
    width: 96%;
    text-align: center;
  }
  .shop-now-banner {
    width: 60%;
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .shop-now {
    width: 95%;
    margin-top: 0px;
    margin-bottom: 50px;
  }
  .FavouriteSaudiLocal {
    width: 95%;
    margin-top: 40px;
    text-align: center;
  }
  .FavouriteSaudiLocalBanner {
    width: 55%;
    text-align: center;
  }
  .BenefitsDownloadingRow {
    z-index: 1;
    margin-top: -40px;
  }
  .magical-img {
    width: 80%;
  }
  .one-magical-bg {
    background-image: url(/static/content/downloadBgSm.png) !important;
    background-repeat: repeat-x;
  }
}
.BenefitsDownloadingRow {
  padding-bottom: 50px;
}
.BenefitsDownloadingRow div {
  margin-top: 25px;
  margin-bottom: 25px;
}
.Benefits-div {
  text-align: center;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.bottombar-vat {
  padding: 4px 12px;
  border-radius: 50px !important;
}
.bottombarDivider {
  padding: 0px !important;
  width: 2px !important;
  max-height: 4px !important;
  background-color: white;
}
.bottombar-left {
  width: 52% !important;
}
.vatsection {
  margin-top: 50px;
  font-size: 10px;
  max-width: 92% !important;
}
.val-prop-divider-left {
  border-left: 1px solid #000000;
}
.val-prop-divider-right {
  border-right: 1px solid #000000;
}
.background-cararra {
  background: #F2EBDF !important;
  padding: 20px 0;
}
.background-mineShaft {
  background: #383838;
}
.background-black {
  background: #000000;
}
.val-prop-height-width {
  min-height: 156px;
  height: auto !important;
}
.sup-chan-heigh-width {
  min-height: 9vw !important;
  max-height: 179px;
  width: 100%;
  padding: 0 3vw;
  overflow: hidden;
}
.val-prop-wrapper,
.sup-chan-wrapper {
  width: 100%;
  padding: 0  !important;
  text-align: center;
}
.val-prop-icon {
  margin: 0 10px;
}
.val-prop-icon img {
  height: auto;
  width: 3.7vw !important;
}
.val-prop-text,
.sup-chan-text {
  text-align: start;
  letter-spacing: 1px;
}
.val-prop-text:lang(ar) {
  font-size: 0.85vw;
}
.val-prop-title {
  font-size: 1.3vw;
  font-weight: 500 !important;
  color: #333333 !important;
}
.val-prop-title:lang(ar) {
  font-size: 1.1vw;
}
.sup-chan-actions {
  display: table;
}
.sup-chan-icon,
.sup-chan-desc {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}
.sup-chan-icon img,
.sup-chan-desc img {
  height: auto;
  width: 2.7vw !important;
}
.sup-chan-desc {
  font-size: 1.3vw;
  font-weight: 600;
  color: #FFFFFF;
}
.sup-chan-icon,
.sup-chan-descfooter {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
  text-decoration-line: underline;
}
.sup-chan-icon img,
.sup-chan-descfooter img {
  height: auto;
  width: 24px !important;
}
.sup-chan-descfooter {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  text-decoration-line: underline;
}
.val-prop-actions {
  display: inline-flex;
}
@media screen and (max-width: 1000px) {
  .topbar-icon img {
    height: 4vw;
    width: 4vw;
  }
}
.footer-category-wrapper {
  background: #F2DAC3 !important;
  width: 100%;
  padding: 1vw 2.2vw 0vw 2.2vw !important;
}
.play-share-wrapper {
  background: #F2EBDF !important;
  width: 100%;
  padding: 2.5vw 2.3vw !important;
}
.footer-category {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #B1B1B1;
}
.footer-cat-table {
  display: table;
  margin: auto !important;
  float: left;
  bottom: 12%;
}
.footer-cat-table-row {
  display: table-row;
}
.footer-cat-table-cell {
  display: inline-flex;
  font-family: DIN Next;
  color: #EBE3D4;
  letter-spacing: 1px;
}
.footer-cat-table-cell:lang(ar) {
  display: table-cell;
  font-family: DIN Next;
  color: #EBE3D4;
  letter-spacing: 1px;
}
.footer-cat-list-ul {
  list-style-type: none;
  padding: 10px 0 !important;
}
.footer-cat-list-ul li a {
  color: #333333 !important;
}
.footer-cat-list-ul li a:hover {
  color: #333333 !important;
  text-decoration: underline;
}
.footer-cat-header {
  padding-bottom: 9px;
  font-size: 18px !important;
  font-weight: 500;
  letter-spacing: 1px;
}
.footer-cat-li {
  padding: 10.5px 0 !important;
  font-size: 16px !important;
}
.app-text {
  text-align: center;
  padding-bottom: 1vw;
  color: #FFFFFF;
  font-size: 1vw;
  letter-spacing: 1px;
}
.share-link-table {
  background: #EBE3D4 !important;
  display: table;
  margin: 0 auto;
  text-align: center;
  padding: 1vw;
}
.share-link-row {
  display: table-row;
}
.share-link-row div {
  display: table-cell;
  padding: 10px;
}
.deals-link-table {
  background: #EBE3D4 !important;
  display: block;
  height: 100%;
  text-align: center;
  padding: 1vw;
}
.deals-link-row div {
  padding: 10px;
}
.deals-font {
  font-weight: 600;
  color: #FFFFFF;
}
.share-font {
  text-align: start;
  padding-inline-start: 10px;
  color: #333333 !important;
  font-weight: 500 !important;
  font-size: 20px;
}
.divider-left {
  border-left: 1px solid #FFFFFF;
}
.divider-right {
  border-right: 1px solid #000000;
}
.play-share {
  padding-top: 10px;
  width: 100%;
}
.copyright-table {
  display: table;
  width: 100%;
}
.copyright-wrapper,
.footer-copyright {
  width: 100%;
  min-height: 4vw;
  height: auto;
  padding: 0 1.5vw;
  background: #F2DAC3 0% 0% no-repeat padding-box !important;
  opacity: 1;
}
.copyright-wrapper a,
.footer-copyright a,
.copyright-wrapper span,
.footer-copyright span {
  color: #333333;
  letter-spacing: 0.5px;
  font-size: 12px;
}
.copyright-table div {
  display: table-row;
}
.copyright-table div > div {
  display: table-cell;
}
@media screen and (min-width: 1000px) and (max-width: 1400px) {
  .bottombar-left {
    width: 52% !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-cat-table-cell {
    display: table-cell;
    font-family: DIN Next;
    color: #EBE3D4;
    letter-spacing: 1px;
  }
  .footer-cat-table-cell:lang(ar) {
    display: table-cell;
    font-family: DIN Next;
    color: #EBE3D4;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .footer-cat-table-cell {
    display: table-cell;
    font-family: DIN Next;
    color: #EBE3D4;
    letter-spacing: 1px;
  }
  .footer-cat-table-cell:lang(ar) {
    display: table-cell;
    font-family: DIN Next;
    color: #EBE3D4;
    letter-spacing: 1px;
  }
}
.findstores {
  color: #333333;
  text-decoration: underline;
  font-weight: 400 !important;
}
.findstores:hover {
  color: #333333;
  text-decoration: underline;
}
.ant-card {
  background: transparent !important;
}
.copyright-table span {
  margin-right: 10px;
  margin-left: 0px;
}
.copyright-table span:lang(ar) {
  margin-left: 10px;
  margin-right: 0px;
}
@media screen and (min-width: 576px) and (max-width: 8000px) {
  .val-prop-title {
    margin-bottom: 7px;
  }
  .val-prop-text {
    text-align: left !important;
  }
  .val-prop-text img {
    width: 3.7vw !important;
  }
  .val-prop-icon-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 575px) {
  .val-prop-title {
    margin-bottom: 0px;
    font-size: 18px !important;
  }
  .val-prop-title:lang(ar) {
    font-size: 16px !important;
  }
  .val-prop-text {
    text-align: center !important;
  }
  .val-prop-text img {
    width: 52px !important;
  }
  .val-prop-icon-desktop {
    display: none !important;
  }
  .center-in-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 992px) {
  .val-prop-actions {
    padding-left: 20px;
    padding-right: 5px;
    text-align: left !important;
  }
  .val-prop-actions:lang(ar) {
    padding-right: 20px;
    padding-left: 5px;
    float: right;
    text-align: right !important;
  }
  .val-prop-title,
  .val-prop-desc {
    text-align: left;
  }
  .val-prop-title:lang(ar),
  .val-prop-desc:lang(ar) {
    text-align: right;
  }
}
@media screen and (max-width: 575px) {
  .logoWidth {
    min-width: 110px;
  }
  .val-prop-actions:lang(ar) {
    text-align: center !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  .footer-category-cell {
    padding-left: 12px;
    padding-right: 12px;
    width: 50% !important;
  }
}
@media only screen and (max-width: 992px) {
  .val-prop-actions .val-prop-icon img {
    width: 52px !important;
  }
  .logoWidth {
    min-width: 110px;
  }
  .copyright-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .copyright-table {
    padding-top: 10px !important;
  }
  .val-prop-title {
    font-size: 18px !important;
  }
  .val-prop-icon img {
    min-width: 52px;
  }
  .margin-top-20 {
    margin-top: 20px !important;
  }
  .val-prop-desc span {
    font-size: 10px;
  }
  .val-prop-wrapper,
  .sup-chan-wrapper {
    width: 100%;
    padding: 0  !important;
    text-align: left !important;
  }
  .PlayStoreMarginBottom {
    margin-bottom: 15px !important;
  }
  .footer-copyrightLeft {
    text-align: center !important;
    padding-top: 0px !important;
  }
  .footer-copyrightLeft:lang(ar) {
    text-align: center !important;
    padding-top: 0px !important;
  }
  .footer-copyrightRight {
    text-align: center !important;
    padding-top: 0px !important;
  }
  .footer-copyrightRight:lang(ar) {
    text-align: center !important;
    padding-top: 0px !important;
  }
  .footer-copyrightCenter {
    text-align: center;
    padding-top: 0px !important;
  }
  .footer-copyrightCenter:lang(ar) {
    text-align: center;
    padding-top: 0px !important;
  }
}
.PlayStoreMarginBottom {
  margin-bottom: 10px;
}
.footer-category-cell {
  padding-left: 15px;
  padding-right: 15px;
}
.footer-logo-cell {
  padding-left: 15px;
  padding-right: 15px;
}
.footer-copyrightLeft {
  text-align: left;
  padding-top: 30px;
}
.footer-copyrightLeft:lang(ar) {
  text-align: right;
  padding-top: 30px;
}
.footer-copyrightRight {
  text-align: right;
  padding-top: 30px;
}
.footer-copyrightRight:lang(ar) {
  text-align: left;
  padding-top: 30px;
}
.footer-copyrightCenter {
  text-align: center;
  padding-top: 30px;
}
.footer-copyrightCenter:lang(ar) {
  text-align: center;
  padding-top: 30px;
}
@media screen and (min-width: 280px) and (max-width: 575px) {
  .footer-category-cell {
    text-align: center !important;
  }
  .footerHideOnMobile {
    display: none !important;
  }
  .footer-cat-list-ul {
    list-style-type: none;
    padding: px 0 !important;
    margin: 0 !important;
  }
  .footer-cat-header {
    padding-bottom: 0 !important;
  }
  .footer-logo-cell {
    text-align: center;
  }
  .share-font {
    text-align: center !important;
  }
  .center-in-mobile {
    text-align: center !important;
  }
  .logoWidth {
    min-width: 110px;
  }
  .margin-in-mobile {
    margin: auto !important;
    margin-top: 7px !important;
  }
  .share-font {
    margin-top: 10px !important;
  }
  .footer-category-wrapper {
    padding: 4.4vw 2.2vw !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 8000px) {
  .footerHideOnDesktop {
    display: none !important;
  }
}
.playstoreBtn span {
  padding: 5px !important;
}
.shareMediaPadding span {
  padding: 5px !important;
}
.shareMediaPadding span {
  min-height: 45px !important;
}
.divider-right-vat-mobile {
  border-right: 1px solid #000000;
}
.divider-left-vat-mobile {
  border-left: 1px solid #000000;
}
.newsletter {
  padding-inline-start: 50px;
  width: 97%;
}
.newsletter label.sub-text {
  font-size: 12px;
  margin-bottom: 11px;
}
.newsletter label {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.newsletter .ant-input-group-addon {
  position: relative;
  padding: 0;
  color: #24554E;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #24554E;
  border: 0;
  border-radius: 0;
  transition: all 0.3s;
}
.newsletter .ant-input {
  height: 43px;
}
@media screen and (min-width: 1401px) and (max-width: 8000px) {
  .newsletter {
    padding-inline-start: 0px;
  }
  .newsletter-input-width {
    width: 100% !important;
  }
  .newsletterBtn {
    width: 160px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1400px) {
  .newsletter {
    padding-inline-start: 0px;
  }
  .newsletter-input-width {
    width: 100% !important;
  }
  .newsletterBtn {
    width: 140px !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  .newsletter {
    padding-inline-start: 25px;
  }
  .newsletter-input-width {
    width: 70% !important;
  }
  .newsletterBtn {
    width: 140px !important;
  }
}
@media screen and (min-width: 200px) and (max-width: 600px) {
  .newsletter {
    padding: 15px;
  }
  .newsletter-input-width {
    width: 100% !important;
  }
  .newsletterBtn {
    width: 100px !important;
  }
}
.footer-copyrightLeft {
  text-align: left;
  padding-top: 30px;
}
.footer-copyrightLeft:lang(ar) {
  text-align: right;
  padding-top: 10px;
}
.cartfooter-copyrightLeft {
  text-align: left;
  padding-top: 18px;
}
.cartfooter-copyrightLeft:lang(ar) {
  text-align: right;
  padding-top: 18px;
}
.footer-copyrightRight {
  text-align: right;
  padding-top: 30px;
}
.footer-copyrightRight:lang(ar) {
  text-align: left;
  padding-top: 30px;
}
.footer-copyrightCenter {
  text-align: center;
  padding-top: 30px;
}
.footer-copyrightCenter:lang(ar) {
  text-align: center;
  padding-top: 30px;
}
.cartfooter-copyrightCenter {
  text-align: center;
  padding-top: 15px;
  display: flex;
  align-items: center;
}
.cartfooter-copyrightCenter:lang(ar) {
  text-align: center;
  padding-top: 15px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .custom-footer-bottom-nav {
    width: 100%;
    min-height: 4vw;
    height: auto;
    padding: 0vw;
    padding-bottom: 50px !important;
    background: #ffffff !important;
    opacity: 1;
  }
  .custom-footer-bottom-nav a,
  .custom-footer-bottom-nav span {
    color: #333333;
    letter-spacing: 0.5px;
    font-size: 12px;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.aboutus_row_main {
  width: 100%;
  padding: 1vw 16vw;
  background-size: 400px;
}
.aboutus_row {
  width: 100%;
}
.aboutus-banner-container {
  position: relative;
}
.aboutus-banner-title {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
.aboutus-banner-title-text {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  padding: 15px;
  font-size: 3rem;
  font-weight: 500;
  color: #fff;
}
.aboutus-banner-title-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  display: table;
}
.about-text {
  line-height: 1.5;
}
.about-body-col {
  padding: 20px 30px;
}
@media only screen and (min-width: 768px) {
  .about-body-col-outer {
    padding: 20px 30px;
  }
  .about-text-container {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    text-align: center;
    margin-top: -60px;
    padding: 30px;
  }
  .aboutus_dark_container {
    background-color: rgba(0, 0, 0, 0.822);
    border-radius: 5px;
  }
  .aboutus_white_container {
    background-color: #fff;
    border-radius: 5px;
    text-align: center !important;
    padding: 35px 15px !important;
  }
}
.about-text-container {
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 30px;
}
.about-text-container .ant-typography {
  color: #000 !important;
}
.aboutus_benifits_col {
  padding: 30px;
}
.aboutus_benifits_circle {
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: #F3724F;
  position: relative;
  text-align: center;
  padding: 15px 20px;
  color: #fff;
}
.aboutus_benifits_circle_icon {
  width: 40px;
  margin-bottom: 10px;
}
.aboutus_dark_container {
  background-color: rgba(0, 0, 0, 0.822);
}
.aboutus_white_container {
  background-color: #fff;
  text-align: center !important;
  padding: 35px 15px !important;
}
.about-card-title-container {
  border-left: 3px solid #F3724F;
  padding: 5px 5px 5px 15px;
}
.about-card-title-container-r {
  border-right: 3px solid #F3724F;
  padding: 5px 15px 5px 5px;
}
.about-card-small-title-trxt {
  color: #F3724F !important;
}
.about-card-large-title-trxt {
  color: #fff !important;
  margin: 5px 0px -5px 0px !important;
}
.about-card-body-container {
  padding: 15px 5px 5px 15px;
}
.about-card--trxt {
  color: #fff !important;
  line-height: 1.5;
}
.d-text {
  font-size: 16px;
  font-weight: 500;
}
.play-store-link-row {
  padding-top: 25px;
}
.aboutus_white_container .share-link-table {
  background-color: #fff !important;
}
.about-media-share-link-col {
  display: table !important;
  padding: 0 !important;
}
.about-media-share-link-col .ant-avatar {
  display: table-cell !important;
}
.about-media-share-link-col .ant-avatar > img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
}
.aboutus-share-media-link-container {
  padding: 45px 15px 16px 15px !important;
}
.aboutus_benifits_circle > h4.ant-typography {
  font-size: 18px !important;
  line-height: 1 !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.aboutus_row_main {
  width: 100%;
  padding: 2vw 16vw 8vw 16vw;
  background-size: 400px;
}
.aboutus_row_main_m-site {
  width: 100%;
  padding: 3vw 3vw ;
  background-color: #fdf6f3;
  background-size: 400px;
}
.aboutus_row {
  width: 100%;
}
.aboutus_banner {
  height: 300px;
  background-image: url(/static/aboutus/Banner.webp);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutus-banner-container {
  position: relative;
}
.aboutus-banner-title {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}
.aboutus-banner-title-text-m {
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  padding: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
}
.aboutus-banner-title-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  display: table;
}
.about-text {
  line-height: 1.5;
}
.about-body-col {
  padding: 20px 30px;
}
@media only screen and (min-width: 768px) {
  .about-body-col-outer {
    padding: 20px 30px;
  }
  .about-text-container-m {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    text-align: center;
    margin-top: -60px;
    padding: 30px;
  }
  .aboutus_dark_container-m {
    background-color: rgba(0, 0, 0, 0.822);
    border-radius: 5px;
  }
  .aboutus_white_container-m {
    background-color: #fff;
    border-radius: 5px;
    text-align: center !important;
    padding: 35px 15px;
  }
  .float_right {
    float: right;
  }
}
.about-text-container-m {
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 30px;
}
.about-text-container .ant-typography {
  color: #000 !important;
}
.aboutus_benifits_col-m {
  padding: 15px;
}
.aboutus_benifits_circle-m {
  width: 150px;
  height: 150px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: #F3724F;
  position: relative;
  text-align: center;
  padding: 10px 15px;
  color: #fff;
}
.aboutus_benifits_circle_icon-m {
  width: 30px;
  margin-bottom: 3px;
}
.aboutus_dark_container-m {
  background-color: rgba(0, 0, 0, 0.822);
}
.aboutus_white_container-m {
  background-color: #fff;
  text-align: center !important;
  padding: 35px 15px;
}
.about-card-title-container {
  border-left: 3px solid #F3724F;
  padding: 5px 5px 5px 15px;
}
.about-card-title-container-r {
  border-right: 3px solid #F3724F;
  padding: 5px 15px 5px 5px;
}
.about-card-small-title-trxt {
  color: #F3724F !important;
}
.about-card-large-title-trxt {
  color: #fff !important;
  margin: 5px 0px -5px 0px !important;
}
.about-card-body-container {
  padding: 15px 5px 5px 15px;
}
.about-card--trxt {
  color: #fff !important;
  line-height: 1.5;
}
.d-text {
  font-size: 16px;
  font-weight: 500;
}
.play-store-link-row {
  padding-top: 25px;
}
.aboutus_white_container-m .share-link-table {
  background-color: #fff !important;
}
.about-media-share-link-col {
  display: table !important;
  padding: 0 !important;
}
.about-media-share-link-col .ant-avatar {
  display: table-cell !important;
}
.about-media-share-link-col .ant-avatar > img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
}
.aboutus-share-media-link-container {
  padding: 45px 15px 16px 15px !important;
}
.aboutus_benifits_circle-m > h4.ant-typography {
  line-height: 1 !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.collection-card {
  font-family: DIN Next;
}
.collection-card .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
.collection-card .ant-menu-item:hover,
.collection-card .ant-menu-item-active {
  background: none !important;
  color: #FFFFFF !important;
}
.collection-card ul > li {
  padding: 0 !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 0.8rem;
}
.collection-card .ant-card-head-title {
  white-space: unset !important;
}
.carouse-layout-block {
  width: 100%;
  max-width: 1920px;
}
.layout-block {
  width: 100%;
  max-width: 1680px;
}
.banner-layout-block {
  width: 100%;
}
.banner-layout-block img {
  width: 100%;
  object-fit: contain;
}
.banner-layout-block .ant-carousel .slick-prev {
  left: 0;
  margin-top: -36px;
  z-index: 10;
  cursor: pointer;
  width: 40px;
  height: 60px;
}
.banner-layout-block .ant-carousel .slick-next {
  right: 0;
  width: 40px;
  height: 60px;
  margin-top: -36px;
}
.banner-layout-block .slick-slider .slick-dots {
  bottom: 0 ;
}
.banner-layout-block .ant-carousel .slick-prev:hover,
.banner-layout-block .ant-carousel .slick-next:hover,
.banner-layout-block .ant-carousel .slick-prev:focus,
.banner-layout-block .ant-carousel .slick-next:focus {
  background: #F4F5F5;
  opacity: 0.3;
}
.banner-layout-block:lang(ar) {
  direction: rtl;
}
.end-to-end-block {
  width: 100% !important;
}
.static-banner {
  width: 100%;
  margin: 0 !important;
  padding: 0 3vw;
  white-space: nowrap;
  height: auto;
  margin-top: 10px;
}
.static-banner img {
  width: 100%;
  height: 100%;
}
.static-banner .ant-card-body {
  padding: 0 !important;
  height: 230px;
}
.category-cards {
  padding: 1vw 0;
}
.product-cards-title {
  margin: 10px;
}
.banner-grid-wrapper {
  width: '100%';
  margin: 0 !important;
  flex-flow: wrap !important;
}
.category {
  padding: 4%;
  background: #FFFFFF;
  padding: 10px 0;
}
.block-category,
.banner-grid-layout {
  width: 100%;
  margin: 0 !important;
}
.block-category-mobile,
.banner-grid-layout-mobile {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.banner-grid-mobile-margin {
  width: 100%;
  margin: 6px 0px !important;
  padding: unset;
}
.category-label {
  margin-right: 17px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom-width: 1px;
  margin-left: 17px;
  align-items: 'center';
  flex-direction: 'row';
}
.static-image {
  width: 100%;
  height: 100%;
}
.static-banner-view,
.inner-layout-block {
  margin-top: 2.5vw !important;
}
.static-banner-view-mobile {
  padding: 0;
}
.carousel-card-image {
  border-radius: 13px;
  height: 100%;
  width: 100%;
}
.carousel-card-image-view {
  height: 242px;
  padding: 0;
  width: 100%;
  display: inline-flex;
}
.carousel-card-view {
  display: inline-block;
}
.category-section-left-menu {
  width: 100%;
  height: 100%;
  padding-left: 30px;
}
.selected-menu-item {
  color: #00473c !important;
}
.left-menu-title {
  color: #000000;
  font: bold 18px DIN Next;
  text-transform: uppercase;
  margin: 35px 0;
}
.left-menu-item {
  color: #938F8F;
  font: bold 14px DIN Next;
  line-height: 35px;
}
.halfImage {
  height: 50%;
}
.stack-image {
  width: 100%;
}
@media screen and (max-width: 576px) {
  .stack-image {
    margin-top: 12px;
  }
  .hr {
    display: none;
  }
}
.gird-image-label-view {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25%;
  padding: 0 17px;
}
.gird-image-label {
  width: 100%;
  height: 100%;
  background: #000000;
  color: #FFFFFF;
  font: 18px DIN Next;
  letter-spacing: 0.8px;
  text-align: center;
  opacity: 0.5;
  border-radius: 0 0 12px 12px;
  text-transform: uppercase;
  line-height: 50px;
}
.banner-layout-block .slick-prev {
  width: 5% !important;
  left: 0% !important;
  z-index: 2;
  height: 40px !important;
}
.banner-layout-block .slick-next {
  z-index: 2;
  width: 5% !important;
  left: 95% !important;
  height: 40px !important;
}
.shop-by-category {
  overflow-x: auto !important;
  display: grid;
  grid-template-columns: repeat(6, calc(40% - 40px));
  grid-auto-flow: dense;
  list-style: none;
  padding: 0;
  max-width: 800px;
}
.shop-by-category::-webkit-scrollbar {
  width: 0 !important;
}
.shop-by-category {
  overflow: -moz-scrollbars-none;
}
.shop-by-category {
  -ms-overflow-style: none;
}
.products-container-stack {
  overflow-x: auto !important;
  display: grid;
  max-width: 800px;
  grid-template-columns: repeat(6, 60%);
  grid-gap: 0 0;
  grid-auto-flow: dense;
  list-style: none;
}
.products-container-stack-linear {
  display: flex !important;
  overflow-x: auto;
  list-style: none;
}
.products-container-stack > .ant-col-24:first-child .ant-row-flex {
  margin-left: 8px;
}
.products-container-stack > .ant-col-24:first-child .ant-row-flex:lang(ar) {
  margin-right: 8px;
  margin-left: 0;
}
.products-container-stack > .ant-col-24:last-child .ant-row-flex {
  margin-right: 8px;
}
.products-container-stack > .ant-col-24:last-child .ant-row-flex:lang(ar) {
  margin-left: 8px;
  margin-right: 0;
}
.grid-template {
  grid-template-columns: repeat(12, 46%);
  align-items: baseline !important;
}
.products-container {
  overflow-x: auto !important;
  display: grid;
  grid-template-columns: repeat(6, 46%);
  grid-gap: 10px 10px;
  grid-auto-flow: dense;
  list-style: none;
  padding: 0;
  max-width: 800px;
}
.products-container .am-flexbox-item {
  margin-left: 0px !important;
}
.products-container .am-card {
  padding-bottom: 0 !important;
  margin-top: 14px;
  height: 100%;
}
.products-container .am-card::before {
  border: 1px solid transparent !important;
}
.products-container .am-badge {
  top: 10px !important;
  position: absolute !important;
}
.products-container .am-badge .am-badge-text {
  position: absolute;
  top: -18px;
  margin-left: 5px;
  color: #FFFFFF;
  box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  font-size: 8px;
  background-color: #CE0000;
  padding: 1px 10px;
}
.products-container::-webkit-scrollbar,
.products-container-stack::-webkit-scrollbar {
  width: 0 !important;
}
.products-container,
.products-container-stack {
  overflow: -moz-scrollbars-none;
}
.products-container,
.products-container-stack {
  -ms-overflow-style: none;
}
.custom-collapse {
  width: 100%;
  background-color: #FFFFFF !important;
}
.custom-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 0px 4px !important;
}
.custom-collapse .ant-collapse-header {
  padding: 4px 12px !important;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border: unset !important;
}
.content-block-mob {
  width: 100%;
  padding: 0 8px;
  text-align: justify;
  font-size: 11px;
  color: #999999;
  line-height: 16.8px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  .brandScroll {
    overflow-x: auto !important;
  }
  .brandScroll::-webkit-scrollbar {
    display: none;
  }
  .brandScroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .brandLogo {
    min-width: 180px !important;
  }
}
@media only screen and (max-width: 600px) {
  .brandScroll {
    overflow-x: auto !important;
  }
  .brandScroll::-webkit-scrollbar {
    display: none;
  }
  .brandScroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .brandLogo {
    min-width: 160px !important;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.ant-modal-content {
  border-radius: unset !important;
}
.scart-header-wrapper .ant-btn:hover,
.scart-header-wrapper .ant-btn:focus,
.scart-header-wrapper .ant-btn:active {
  border-color: #000000 !important;
  color: #000000 !important;
  background-color: transparent !important;
}
.scart-title {
  align-items: baseline;
  font-family: DIN Next;
  color: #000000;
}
.scart-title > span:nth-child(1) {
  font-size: 1.8rem;
  font-weight: 600;
}
.scart-title > span:nth-child(2) {
  padding: 0 10px;
  font-size: 1vw;
}
.scart-shopping-btn {
  background-color: transparent;
  font-weight: 600;
  font-size: 0.9rem;
  width: auto;
  height: 40px;
  border: 1px solid #000000;
  border-radius: unset;
  color: #000000;
}
.scart-meta-ele {
  display: table-cell;
  vertical-align: middle;
  text-align: start;
  overflow: hidden;
  font-size: 0.8rem;
  font-weight: 500;
}
.meta-wrap {
  width: 100%;
  height: 80px;
  overflow: hidden;
  margin: 15px 0;
}
.meta-col {
  padding-left: 23px;
}
.meta-col:lang(ar) {
  padding-left: unset !important;
  padding-right: 23px !important;
}
.ci-wrap {
  width: 100%;
  margin: 0 !important;
  padding: 10px 0 20px 0;
}
.bordered {
  border-top: 1px solid rgba(177, 177, 177, 0.3);
  -webkit-background-clip: padding-box;
}
.ci-col-2 {
  padding: 0 20px;
  text-align: start;
}
.ci-col-1 {
  padding: 0 !important;
  text-align: center;
}
.ci-col-3 {
  padding: 0 17px;
  text-align: end;
}
.ci-snap {
  border: 1px solid #F5F4F2;
}
#ci-title {
  font-size: 0.9rem;
  color: #333333;
  font-weight: 500;
}
.ci-striked-pr {
  margin: 2px 0;
}
.ci-ele-qty .ant-select-sm .ant-select-selection--single {
  height: 40px;
  width: 100%;
  border-radius: unset;
  padding: 9px 6px;
  border-color: #999999 !important;
  color: #000000;
  font-weight: 500;
  font-size: 0.99vw;
}
.ci-ele-qty .ant-select-focused .ant-select-selection,
.ci-ele-qty .ant-select-selection:focus,
.ci-ele-qty .ant-select-selection:active {
  box-shadow: unset !important;
}
.ci-ele-qty .ant-select-arrow {
  color: #000000 !important;
}
.discounted-price {
  font-size: 1.28vw;
}
.original-price {
  font-size: 1.05vw;
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
  .ci-ele-qty .ant-select-sm .ant-select-selection--single {
    font-size: 1.9vw !important;
  }
  .cartPriceFontSize {
    font-size: 1.6vw !important;
  }
  .ci-ele-qty {
    margin-top: 5px !important;
  }
  .discounted-price {
    font-size: 1.48vw !important;
  }
  .original-price {
    font-size: 1.25vw !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .ci-ele-qty .ant-select-sm .ant-select-selection--single {
    font-size: 2vw !important;
  }
  .cartPriceFontSize {
    font-size: 1.6vw !important;
  }
  .ci-ele-qty {
    margin-top: 5px !important;
  }
  .discounted-price {
    font-size: 1.68vw !important;
  }
  .original-price {
    font-size: 1.45vw !important;
  }
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .ci-ele-qty .ant-select-sm .ant-select-selection--single {
    font-size: 2.1vw !important;
  }
  .cartPriceFontSize {
    font-size: 1.8vw !important;
  }
  .ci-ele-qty {
    margin-top: 5px !important;
  }
  .discounted-price {
    font-size: 1.98vw !important;
  }
  .original-price {
    font-size: 1.75vw !important;
  }
}
.cartPriceFontSize {
  font-size: 1.28vw;
}
.ci-ele-del > a > span {
  font-size: 0.8rem;
  color: #666666;
  margin: 0 5px;
}
#ci-modal-header {
  width: 100%;
}
#ci-modal-header span {
  font-size: 1.45rem;
  font-weight: 600;
  color: #333333;
}
#ci-modal-confirm {
  margin: 15px 20% 15px 0;
}
#ci-modal-confirm span {
  font-size: 0.85rem;
  color: #666666;
}
#ci-modal-confirm:lang(ar) {
  margin: 15px 0 15px 20%;
  text-align: start;
}
#ci-modal-sku {
  width: 90%;
  font-weight: 600;
  font-size: 0.9rem;
  color: #000000;
}
#ci-modal-sku:lang(ar) {
  text-align: start;
}
.ci-modal-actions {
  width: 100%;
  margin: 30px 0 0 0 !important;
}
.ci-modal-remove,
.ci-modal-discard {
  width: 116px;
  height: 45px;
  background-color: transparent !important;
  border: 1px solid #333333 !important;
  border-radius: 0 !important;
  color: #000000 !important;
}
.ci-modal-discard {
  background-color: #333333 !important;
  color: #ffffff !important;
}
.apply-cupon-text {
  font-size: 1.38vw;
  font-weight: 500;
  color: #333333;
}
.scart-qty-btn .ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 10px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.delivery-info-text {
  padding: 1px 5px;
  font-size: 8.5px;
}
.delivery-info-text span {
  font-weight: 400;
  color: #666666;
}
.delivery-info-text span + span {
  color: #000000 !important;
  font-weight: 500;
}
.productPolicyDescs {
  border: 1px solid #EDE3D2;
  height: 78px;
}
.productPolicyDescs:lang(ar) {
  border: 1px solid #EDE3D2;
  right: 4px;
  height: 83px;
}
.product-carousel {
  margin-bottom: 50px;
}
.product-carousel .slick-slide > div {
  padding: 0 8px;
}
.product-carousel .slick-slide:lang(ar) {
  float: left !important;
}
.product-carousel [dir=rtl] .slick-slide {
  float: left !important;
}
.product-carousel .slick-prev {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  background: #FFFFFF !important;
  height: 2vw !important;
  width: 2vw !important;
  padding: 10px;
  z-index: 2 !important;
  border-radius: 4px;
  left: -2.3% !important;
}
.product-carousel .slick-next {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  background: #FFFFFF !important;
  height: 2vw !important;
  width: 2vw !important;
  padding: 10px;
  border-radius: 4px;
  z-index: 2 !important;
  right: -2.3% !important;
}
.product-carousel .slick-next:lang(ar) {
  right: unset !important;
  left: 100%;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.pdp_footer_mobile {
  background-color: #FCF9F3;
  padding: 0vw 2.5vw 1.5vw 2.5vw;
}
.footer_qty_modal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #F2DAC3;
  color: #ffffff;
}
.menu-border-right-none {
  border-right: none !important;
}
@media screen and (orientation: landscape) {
  .pdp_footer_mobile {
    padding: 0.5vw;
  }
  .addTocart_mobile {
    height: 6vw !important;
  }
}
.slider-wrapper .slick-dots {
  bottom: 0px;
  right: 34%;
}
.slider-wrapper .slick-dots:lang(ar) {
  bottom: 0px;
  right: -39%;
}
.slick-dots li.slick-active button:before {
  font-size: 12px;
  color: #E77036;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #cccccc;
}
.slick-dots li button:before:lang(ar) {
  font-size: 12px;
  color: #cccccc;
}
.product-selection .ant-row {
  margin-bottom: 3px;
}
.product-card {
  position: relative;
  border: 2px solid transparent;
  margin-bottom: 16px;
}
.product-card-selected {
  border-color: #E77036 !important;
}
.product-card .ant-card-cover {
  background: #fff;
}
.product-card .ant-card-body {
  padding: 0px !important;
}
.product-card .ant-card-cover img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.product-checkbox {
  position: absolute;
  top: 8px;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  right: 7px;
}
.product-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.product-actions .ant-btn-primary {
  background: #E77036;
  border-color: #E77036 !important;
}
.product-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-item {
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
}
.product-item.selected {
  border-color: #E77036;
}
.ant-tag-orange {
  border-color: #E77036;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
}
/* Default styling for the cards */
.product-grid {
  display: flex;
  flex-wrap: wrap;
}
.product-col {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.bundleproduct-card-mobile,
.bundleproduct-card-selected-mobile {
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #E77036 !important;
}
.bundleproduct-card-selected-mobile {
  border: 3px solid #E77036 !important;
}
.product-checkboxmsite {
  position: absolute;
  top: 10px;
  right: 10px;
}
.bundleproduct-card-selected-mobile .product-checkboxmsite .ant-checkbox-inner {
  background-color: #E77036 !important;
  border-color: #E77036 !important;
  box-shadow: none;
}
.bundleproduct-card-mobile .product-checkboxmsite .ant-checkbox-inner {
  border: 1px solid #E77036 !important;
}
@media (min-width: 1201px) {
  .bundleproduct-card-mobile,
  .bundleproduct-card-selected-mobile {
    width: 23%;
    margin-right: 1%;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .bundleproduct-card-mobile,
  .bundleproduct-card-selected-mobile {
    width: 30%;
    margin-right: 3.33%;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .bundleproduct-card-mobile,
  .bundleproduct-card-selected-mobile {
    width: 45%;
    margin-right: 5%;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .bundleproduct-card-mobile,
  .bundleproduct-card-selected-mobile {
    width: 48%;
    margin-right: 4%;
  }
  .bundleproduct-card-mobile img,
  .bundleproduct-card-selected-mobile img {
    max-width: 60px;
  }
}
@media (max-width: 575px) {
  .bundleproduct-card-mobile,
  .bundleproduct-card-selected-mobile {
    width: 100%;
    margin-bottom: 10px;
  }
  .product-checkboxmsite {
    position: relative;
    margin-top: 10px;
  }
  .bundleproduct-card-mobile img,
  .bundleproduct-card-selected-mobile img {
    max-width: 50px;
  }
}
.product-selection {
  display: flex;
  flex-direction: column;
}
.bundle-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
  direction: ltr;
  /* Force LTR for grid alignment */
}
.checkable-tag-wrapper {
  box-sizing: border-box;
}
.checkable-tag-wrapper .checkable-tag {
  border: 1px solid grey;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  background-color: #FCF9F3;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: center;
  /* Center-align text */
}
.checkable-tag-wrapper .checkable-tag.checked {
  border: 2px solid #E77036;
}
/* RTL specific styles */
.bundle-container[dir="rtl"] {
  direction: rtl;
  /* Set direction to RTL for container */
}
.bundle-container[dir="rtl"] .checkable-tag-wrapper .checkable-tag {
  text-align: right;
  /* Ensure text is aligned to the right in RTL */
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #333333;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.checkout-summary-container-mob {
  width: 100%;
}
.checkout-snap-wrapper-mob {
  border-top: 1px solid #B1B1B1;
  margin-top: 10px;
}
.checkout-snap-row-mob {
  width: '100%';
  padding: '10px 0';
}
.checkout-action-container-mob {
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
}
.checkout-action-container-mob .ant-select-selection {
  border-radius: 0 !important;
  width: 57px !important;
  border: 1px solid #999999;
  color: #000000 !important;
}
.checkout-action-container-mob .ant-select-arrow {
  color: #000000 !important;
}
.checkout-action-container-mob .ant-select-focused .ant-select-selection,
.checkout-action-container-mob .ant-select-selection:focus,
.checkout-action-container-mob .ant-select-selection:active {
  box-shadow: none !important;
}
#checkout-action-name-mob {
  font-size: 0.8rem;
  color: #000000 !important;
}
#checkout-action-name-mob:hover {
  text-decoration: underline;
}
.select-quantity-ddn-mob {
  height: 'inherit';
  width: 'inherit';
  z-index: 100;
}
.pay-card-wrap-mob {
  font-weight: 700 !important;
  width: 100%;
  margin-right: 5px;
  margin-left: 5px;
  padding: 10px;
}
.pay-card-wrap2-mob {
  width: 100%;
  font-weight: 700 !important;
  margin-right: 5px;
  margin-left: 5px;
  padding: 10px;
}
.radio-group {
  width: '100% !important';
  justify-content: space-between;
}
.pay-saved-card-mob {
  text-align: center;
  font-size: 14px;
}
#header-account-mobile {
  color: crimson;
  text-transform: uppercase;
  font-weight: 700;
  text-align: 'center';
  justify-content: 'center';
  display: none;
}
.coupon-header {
  text-align: left;
}
.coupon-header p {
  font-weight: 700;
  font-size: larger;
  padding-top: 10px;
  float: left;
  color: #000000 !important;
  margin-bottom: 0 !important;
}
.coupon-header h4 {
  float: left;
  opacity: 0.8;
  font-weight: 500;
  font-size: 14px;
  margin-top: 0 !important;
}
.coupon-cards {
  width: 100% !important;
  text-align: left;
}
.coupon-apply-btn {
  text-align: center;
  align-items: center;
  top: 50%;
  left: 50%;
  border: 2px solid #000000;
}
.account-header {
  text-align: center;
  align-items: center;
  color: red;
  text-transform: uppercase;
  font-weight: 700 !important;
}
.address-form-mob {
  width: 100%;
  color: #000000 !important;
  overflow: hidden;
  padding: 5% 0% !important;
}
.address-form-mob .ginger-module-highlighter.ginger-module-highlighter-ghost {
  display: none !important;
}
.checkout-container-mob {
  width: 100%;
  max-width: 1680px;
  min-height: 70vh;
  background-color: #F7F7F7;
  font-family: DIN Next;
  font-size: 16px;
}
.checkout-wrapper-mob {
  margin: 2.5vw auto !important;
  width: 90%;
  position: relative;
}
button.ant-btn.place-order-btn:disabled:active {
  background-color: #fff;
  color: #000;
  opacity: 0.5;
}
.place-order-btn-mob button,
.place-order-btn-mob button:hover,
.place-order-btn-mob button:focus,
.place-order-btn-mob button:active {
  border: 0 !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  background-color: #E77036 !important;
  width: px;
  height: 40px;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 1;
}
.place-order-btn-mob:disabled button,
.place-order-btn-mob:disabled button:hover,
.place-order-btn-mob:disabled button:focus,
.place-order-btn-mob:disabled button:active {
  border: 0 !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  background-color: #E77036 !important;
  width: px;
  height: 40px;
  background: #E77036 0% 0% no-repeat padding-box;
  opacity: 0.5;
}
.cart-coupon-wrapper-mob {
  width: auto;
  margin: 10px;
  padding: 10px;
  height: auto;
}
#coupon-modal-header-mob {
  font-weight: 700;
  font-size: 20px;
  color: #333;
  letter-spacing: 0;
}
#coupon-modal-header-mob:lang(ar) {
  font-weight: 700;
  font-size: 20px;
  color: #333;
  letter-spacing: 0;
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #coupon-modal-header-mob:lang(ar) {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
  }
}
@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #coupon-modal-header-mob:lang(ar) {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
  }
}
@media screen and (min-device-width: 414px) and (max-device-width: 736px) {
  #coupon-modal-header-mob:lang(ar) {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
  }
}
@media screen and (min-device-width: 375px) and (max-device-width: 667px) {
  #coupon-modal-header-mob:lang(ar) {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
  }
}
#coupon-modal-desc-mob {
  text-align: left;
  padding-bottom: 10px;
  font-size: 16px;
}
.coupon-modal-cont-mob {
  width: 100% !important;
}
.coupon-modal-cont-mob .ant-btn:hover,
.coupon-modal-cont-mob .ant-btn:focus,
.coupon-modal-cont-mob .ant-btn:active {
  border: unset !important;
  color: #FFFFFF !important;
  background-color: #24554E !important;
}
.coupon-modal-cont-mob .ant-input:focus,
.coupon-modal-cont-mob .ant-input:hover {
  box-shadow: unset !important;
  border-color: unset;
}
.coupon-modal-msg-red-mob {
  width: 100%;
  font-size: 0.65rem;
  color: #FF0000;
  margin-top: 10px;
}
.coupon-modal-btn-mob {
  margin: 20px 0;
  height: 45px;
  width: 100%;
  background-color: #333333 !important;
  color: #FFFFFF !important;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0;
}
.coupon-modal-btn-mob:hover {
  margin: 20px 0;
  height: 45px;
  width: 100%;
  background-color: #333333 !important;
  color: #FFFFFF !important;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0;
}
.coupon-modal-inputbtn-mob {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 34px;
  padding: 0 5px;
  left: 0;
  float: right;
  text-decoration-line: underline;
  background-color: #ffffff;
}
.coupon-modal-inputbtn-moberr {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 58px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 0;
  float: right;
  text-decoration-line: underline;
}
.coupon-modal-inputbtn-moberr:hover {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 58px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 0;
  float: right;
  text-decoration-line: underline;
}
.coupon-modal-inputbtn-mob:hover {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 34px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 0;
  float: right;
  text-decoration-line: underline;
}
.coupon-modal-inputbtn-mob:lang(ar) {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 34px;
  padding: 0 5px;
  left: 0;
  float: left;
  text-decoration-line: underline;
  background-color: #ffffff;
}
.coupon-modal-inputbtn-moberr:lang(ar) {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 58px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 0;
  float: left;
  text-decoration-line: underline;
}
.coupon-modal-inputbtn-moberr:hover:lang(ar) {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 58px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 0;
  float: left;
  text-decoration-line: underline;
}
.coupon-modal-inputbtn-mob:hover:lang(ar) {
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  bottom: 34px;
  padding: 0 5px;
  background: #FFFFFF;
  left: 0;
  float: left;
  text-decoration-line: underline;
}
.coupon-hr-mob {
  margin-top: 15px;
  width: 100%;
  margin-bottom: 15px;
}
.coupon-hr-mob hr {
  border: none;
  color: #383838;
  overflow: visible;
  text-align: center;
  height: 5px;
}
.coupon-hr-mob hr:after {
  background: #FFFFFF;
  padding: 0 5px;
  position: relative;
  top: -13px;
}
.coupon-list-row-mob {
  width: 100%;
  padding: 3% 2%;
  text-align: start;
}
.coupon-list-row-mob #coupon-title-mob {
  font-size: 0.9rem;
  color: #111111;
  font-weight: 500 !important;
}
.coupon-list-row-mob #coupon-desc-mob {
  font-size: 0.65rem;
  color: #999999;
}
.coupon-list-row-mob #coupon-btn-mob {
  width: 110%;
  height: 40px;
  font-size: 0.9rem;
  color: #F2DAC3;
  border-color: #F2DAC3 !important;
  border-radius: 0;
  margin-left: 20px;
  margin-right: 40px;
}
.coupon-list-row-mob::-webkit-scrollbar {
  width: 0;
}
.payment-tab-mob {
  width: 100%;
}
.payment-tab-mob .ant-radio {
  margin: unset;
}
.pay-concent-mob .ant-checkbox-wrapper {
  font-size: '0.8rem' !important;
}
.cod-card-mob {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
.pay-now-btn-mob {
  left: 35%;
}
.proceed-btn-mob {
  left: 30%;
  background-color: #F2DAC3;
  color: #FFFFFF;
}
.chckout-account-user-mob {
  margin: 10px 0 10px 0;
  color: #666666;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 0 0 30px 10px;
}
.chckout-account-user-mob #border-between {
  border: 1px solid #666666;
  border-width: 0 1.5px 0 1.5px;
}
.selected-address-content-mob {
  font-weight: 500;
  margin: 30px 0;
  font-size: 0.8rem;
}
.checkout-account-header-mob {
  margin-bottom: 10px;
  width: 100%;
}
.checkout-account-header-mob #header-account {
  font-size: 1.2rem;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0.8px;
  padding-left: 20px;
}
.checkout-account-header-mob #header-account-unselect {
  font-size: 1.2rem;
  color: #666666;
  font-weight: 500;
  letter-spacing: 0.8px;
  padding-left: 20px;
}
.checkout-account-header-mob #login-success-avatar {
  flex-direction: row;
  padding: 0 0 5px 5px;
}
.address-card-dashed-mob {
  height: 100% !important;
  border: 2px dashed #999999;
  width: 80vw;
  margin: 10%;
  background-color: transparent !important;
}
.address-content-mob {
  font-size: 0.7rem;
  font-weight: 500;
  padding-inline-start: 10%;
}
.address-content-mob #address-label {
  font-size: 1rem;
  color: #000000;
  letter-spacing: 0ch;
  text-align: center;
}
.address-content-mob #address-name {
  color: #000000;
}
.address-content-mob #address-whole,
.address-content-mob #address-desc {
  margin: 7px 0;
  color: #999999;
}
.address-content-mob #address-time {
  margin: 15px 0;
  color: #383838;
  font-weight: 400;
}
.address-content-mob #address-subtitle {
  color: #999999;
  padding: 0% 0% 50% 15%;
  text-align: center;
}
.address-content-mob .ant-avatar > img {
  height: 80%;
  width: 80%;
  object-fit: contain;
}
.address-card-cont-mob {
  width: 100% !important;
  margin: 10px 0;
}
.address-actions-mob {
  padding: 0 8% 0 8%;
}
.address-add-btn-mob {
  width: 100%;
  border: 1px solid #FEAB49 !important;
  background-color: #FEAB49 !important;
  color: #FFFFFF !important;
  font-size: 1.1rem;
  border-radius: 0%;
  min-height: 45px;
}
.accountaddress-add-btn-mob {
  width: 100%;
  border: 1px solid #333333 !important;
  background-color: #333333 !important;
  color: #ffffff !important;
  font-size: 1.1rem;
  border-radius: 0%;
  min-height: 45px;
}
.address-form-mob-main {
  width: calc(100% - 10px);
  padding: 0;
  margin: 0;
}
.input-fields-mob {
  width: 100%;
  height: 20px;
  padding-left: 5%;
  padding-right: 5%;
}
.addr-title-mob {
  font-size: 1.4em;
  font-weight: 700;
  padding-bottom: 3%;
  padding: 5%;
  color: #000000;
}
.addr-cntr,
.address-form {
  width: 100%;
  color: #000000 !important;
  padding: 5%;
}
.addr-cntr .ant-select-selection,
.address-form .ant-select-selection,
.addr-cntr .ant-input,
.address-form .ant-input {
  border-radius: unset !important;
}
.addr-cntr .ant-form-item-control,
.address-form .ant-form-item-control {
  line-height: unset !important;
}
.addr-cntr #addr-title,
.address-form #addr-title {
  width: 100%;
  font-size: 1.5rem;
  margin-bottom: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.addr-cntr #addr-cid .ant-row ant-form-item,
.address-form #addr-cid .ant-row ant-form-item {
  margin: 0 !important;
}
.addr-cntr .addr-btn,
.address-form .addr-btn {
  background-color: #F2DAC3;
  color: #FFFFFF;
  border: unset;
  height: 40px;
  font-weight: 600;
  text-transform: capitalize;
  border-radius: 0;
}
.addr-cntr:lang(ar) {
  text-align: right;
}
.wrapper-avatar-mobile {
  box-shadow: 0px 3px 5px #00000059;
  top: 20px;
  left: -20px;
  border-radius: unset !important;
}
.checkout-children {
  width: 100%;
  margin: 0;
  padding: 0;
}
.paynow-btn {
  color: #FFFFFF;
  background-color: #F2DAC3;
  width: 100%;
  height: 40px;
  font-size: 20px;
}
.wrapper-container-mobile {
  width: 100%;
  padding: 0;
  margin: 0;
}
.address-cards-main .ant-radio-inner {
  border: 2px solid #E77036;
  width: 20px;
  height: 20px;
  position: absolute;
  margin-left: 17px;
}
.address-cards-main .ant-radio-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
}
.address-cards-main .ant-radio-wrapper span.ant-radio + * {
  display: block;
  width: 80%;
}
.address-cards-main .ant-radio-inner::after {
  top: 4px !important;
  left: 4px !important;
  height: 1.8vw;
  width: 1.8vw;
}
.address-cards-main:lang(ar) .ant-radio-inner {
  margin: 1vw -9vw 0;
}
.card-row-name {
  font-weight: 500;
  left: 0%;
  top: -3%;
  font-size: 1.1em;
  font-family: DIN Next;
}
.card-row-name:lang(ar) {
  left: 0;
  right: 0%;
}
.card-row-other {
  left: 0%;
  top: -3%;
  font-size: 1em;
  font-family: DIN Next;
}
.card-row-other:lang(ar) {
  left: 0;
  right: 0%;
}
.place-order-btn {
  float: right;
  background-color: #E77036 !important;
  color: #ffffff;
  border-radius: 0px;
  border: 1px solid #E77036 !important;
  left: 5%;
  width: 53%;
  min-height: 10vw;
}
.addr-continue-btn {
  background-color: #333333;
  border-radius: 0 !important;
  height: 12vw;
  color: #ffffff;
  width: 100%;
}
.addr-continue-btn:active,
.addr-continue-btn:focus,
.addr-continue-btn:hover {
  background-color: #333333;
  border-radius: 0 !important;
  height: 12vw;
  color: #ffffff;
  width: 100%;
  border-color: #000 !important;
}
.guest-continue-btn {
  background-color: #E77036;
  border-radius: 0 !important;
  height: 12vw;
  color: #FFFFFF;
  width: 100%;
}
.guest-continue-btn:active,
.guest-continue-btn:focus,
.guest-continue-btn:hover {
  background-color: #E77036;
  border-radius: 0 !important;
  height: 12vw;
  color: #FFFFFF;
  width: 100%;
  border-color: #000 !important;
}
.cust-form-mob {
  margin: 15px auto 15px auto;
}
.cust-form-mob .wpwl-apple-pay-button-white-with-line {
  -webkit-appearance: -apple-pay-button !important;
}
.cust-form-mob .wpwl-button-pay[aria-label="Show other payment methods"],
.cust-form-mob .wpwl-button-pay[data-action="show-initial-forms"] {
  display: none;
}
.cust-form-mob .wpwl-wrapper-registration-cvv:lang(ar) {
  width: 100%;
  margin: 8% -2% 5% 0%;
  z-index: 10000;
}
.cust-form-mob .wpwl-wrapper-registration-cvv:lang(en) {
  width: 100%;
  margin: 8% 0% 5% -2%;
  z-index: 10000;
}
.cust-form-mob .wpwl-wrapper-registration-cvv iframe {
  width: 35%;
}
.cust-form-mob .wpwl-form-card {
  border-radius: unset;
  background: unset;
  box-shadow: unset;
  -webkit-box-shadow: unset;
  padding: unset !important;
  border: unset !important;
  max-width: 400px !important;
  font-family: DIN Next;
  font-size: 0.8rem !important;
}
.cust-form-mob .wpwl-group-brand {
  display: none;
}
.cust-form-mob .cust-form > div.wpwl-wrapper,
.cust-form-mob div.wpwl-label,
.cust-form-mob div.wpwl-sup-wrapper {
  display: none !important;
}
.cust-form-mob .cust-form > div.wpwl-group-expiry {
  width: 70%;
  float: left;
}
.cust-form-mob .cust-form > div.wpwl-group-cvv {
  width: 28%;
  float: left;
  margin-left: 2%;
}
.cust-form-mob .wpwl-group-cardNumber,
.cust-form-mob .wpwl-group-expiry,
.cust-form-mob .wpwl-group-cardHolder,
.cust-form-mob .wpwl-group-cvv {
  height: 40px !important;
  width: 100% !important;
  border-radius: 0px !important;
  max-height: 40px !important;
}
.cust-form-mob .wpwl-control,
.cust-form-mob .wpwl-control-cardHolder {
  border-radius: unset;
  height: 3.125em !important;
  font-family: 'Arial';
  color: black;
}
.cust-form-mob .wpwl-control:focus {
  border-color: #000 !important;
}
.cust-form-mob .wpwl-button-pay {
  float: right !important;
  background-color: #E77036 !important;
  color: #FFFFFF !important;
  border-radius: 0px !important;
  border: 1px solid #E77036;
  width: 43%;
  min-height: 10vw;
  text-align: start;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1000;
  text-transform: uppercase !important;
}
.cust-form-mob .wpwl-group-registration.wpwl-selected {
  border: none !important;
}
.cust-form-mob .cust-form-mob .wpwl-wrapper-registration-cvv:lang(en) {
  margin: 8% 4% 10% 4% !important;
}
.cust-form-mob .wpwl-form-has-inputs {
  padding: 0px !important;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.cust-form-mob .wpwl-clearfix::after {
  clear: unset !important;
}
.cust-form-mob .card-det-row {
  font-family: DIN Next;
}
.cust-form-mob .save-check {
  display: inline;
}
.cust-form-mob .save-content {
  display: inline;
  vertical-align: text-top;
  padding-left: 3%;
  font-family: DIN Next;
  font-weight: 700;
  color: #000000;
}
.cust-form-mob .wpwl-wrapper-submit {
  padding-top: 10px;
}
.cust-form-mob .card-def-header {
  padding: 0 5%;
  font-family: DIN Next;
  font-weight: 700;
  color: #000000 !important;
  font-size: 1.1rem !important;
}
.cust-form-mob .mob-payment-card .card-def-icon {
  height: 50px !important;
  width: 70px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}
.cust-form-mob .card-def-msg {
  font-family: DIN Next;
  padding: unset !important;
  margin: unset !important;
  color: #666666;
}
.cust-form-mob .wpwl-wrapper-registration.wpwl-wrapper-registration-registrationId {
  display: none;
}
.cust-form-mob .customInput {
  width: 100% !important;
  color: #000;
}
.cust-form-mob .customLabel {
  padding-left: 1% !important;
  font-weight: inherit !important;
  padding-top: 1%;
}
.cust-form-mob .customInput:lang(ar) {
  text-align: right;
  width: 100% !important;
  color: #000;
}
.cust-form-mob .customLabel:lang(ar) {
  padding-right: 1% !important;
  font-weight: inherit !important;
}
.cust-form-mob .wpwl-wrapper > .wpwl-icon {
  position: absolute;
  top: 0.8em;
  right: 0.6em;
}
.cust-form-mob .wpwl-control .wpwl-control-expiry {
  font-size: 14px !important;
  opacity: 1;
  color: #000 !important;
  font-weight: "bold";
  padding-left: 3px;
  padding-right: 3px;
}
.cust-form-mob input.wpwl-control.wpwl-control-expiry::placeholder {
  opacity: 1;
  font-size: 14px !important;
  padding-left: 3px;
  font-weight: "bold";
  padding-right: 3px;
  color: #000 !important;
}
.cust-form-mob input.wpwl-control.wpwl-control-cardHolder::placeholder {
  opacity: 1;
  font-size: 14px !important;
  color: #000 !important;
  font-weight: "bold";
  padding-left: 3px;
  padding-right: 3px;
}
.cust-form-mob .wpwl-control .wpwl-control-cardHolder {
  font-size: 14px !important;
  font-weight: "bold";
  opacity: 1;
  color: #000 !important;
  padding-left: 3px;
  padding-right: 3px;
}
.cust-form-mob:lang(ar) .wpwl-wrapper > .wpwl-icon {
  position: absolute;
  top: 0.8em;
  right: 0.6em;
}
.am-swipe-content {
  background-color: transparent !important;
}
.address-form-mob::placeholder {
  color: #000 !important;
}
.address-form-mob #addressForm_country_id .ant-select-selection--single {
  height: 40px;
  border-color: #000;
  border-radius: 0px;
}
.address-form-mob #addressForm_country_id {
  margin-top: '2%';
}
.address-form-mob .ant-form-item {
  margin-bottom: 20px !important;
}
.address-form-mob .ant-form-item .css-1whdi77-control {
  border: 1px solid #ccc;
  box-shadow: none;
}
.address-form-mob .ant-form-item .css-1oovnnj-control {
  border: 1px solid #ccc !important;
}
.address-form-mob .ant-form-item .css-1oovnnj-control:hover:hover {
  box-shadow: none;
}
.address-form-mob .ant-form-item input {
  height: 40px !important;
  border-radius: 0px !important;
  color: #000 !important;
  font-size: 1rem !important;
  border: 1px solid #ccc;
  background-color: #fff !important;
}
.address-form-mob .ant-form-item .ant-select-lg .ant-select-selection__rendered {
  display: flex;
  align-items: center;
  height: 100% !important;
  line-height: 1;
}
.address-form-mob #addressForm_country_id .ant-select-selection__placeholder {
  display: 'inline-block !important';
}
.address-form-mob .ant-form-item textarea {
  margin-bottom: 0px;
  height: 70px !important;
  border-radius: 0px !important;
  color: #000 !important;
  font-size: 1rem !important;
  border: 1px solid #ccc;
  background-color: #fff !important;
}
.address-form-mob #addressForm_extCode .ant-select-selection--single {
  height: 40px !important;
  padding-top: 0px !important;
  border-radius: 0px;
  font-size: 4vw;
  padding-left: 10%;
  color: #333333;
  border: 1px solid #ccc;
  background-color: #fff !important;
}
.mob-radio-cont input[type='radio'] {
  border: 1.7px solid #E77036 !important;
  background: #E77036 !important;
}
.mob-radio-cont input[type='radio']::before {
  border: 1.7px solid #E77036 !important;
  border-radius: 50% !important;
  background-color: transparent !important;
}
.mob-radio-cont input[type='radio']:checked::before {
  border-color: #E77036;
}
.mob-radio-cont input[type='radio']:checked::after {
  background: #E77036;
  border-radius: 50%;
  content: " ";
}
.address-form-mob .ant-select-selection {
  border-radius: '0px';
  border-color: '#979797';
}
.address-form-mob button .anticon-caret-down svg[data-icon="caret-down"] {
  color: #fff;
}
.mob-address-card .address-cards-main:lang(ar) .ant-radio-inner {
  margin: 0.5vw -3.5vw;
}
.right-class .ant-select-selection-selected-value {
  float: right;
}
.mob-address-card .am-card {
  border-radius: 0px;
}
.mob-address-card .am-swipe-actions-right {
  right: 15px;
}
.mob-address-card .am-swipe-actions-left {
  left: 15px;
}
.caret-cont svg[data-icon="caret-down"] {
  color: #fff;
}
.mob-payment-card .am-card {
  border-radius: 0px;
}
@media screen and (orientation: landscape) {
  .mob-payment-card .address-cards-main .ant-radio-inner::after {
    top: 4px !important;
    left: 4px !important;
  }
  .mob-payment-card .address-cards-main .ant-radio-inner {
    border: 2px solid #E77036;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 17px;
    margin-top: 4px;
  }
  .mob-payment-card .am-swipe-btn:first-child {
    background-color: #E77036;
    color: #ffffff;
    height: 86% !important;
    width: 150% !important;
    margin: auto;
    display: inline-grid;
    justify-content: right;
  }
  .mob-payment-card .am-swipe-btn:nth-child(2) {
    background-color: #E77036;
    color: #ffffff;
    height: 86% !important;
    width: 50% !important;
    margin: auto;
    display: inline-grid;
    justify-content: right;
  }
}
.order-status-cont {
  min-height: 40vw;
  width: 100%;
}
.po-btn-cont .ant-btn:hover,
.po-btn-cont .ant-btn:focus,
.po-btn-cont .ant-btn:active {
  float: right;
  background-color: #FEAB49;
  color: #ffffff;
  border-radius: 0px;
  border: 1px solid #FEAB49;
  left: 5%;
  width: 53%;
  min-height: 10vw;
}
@media all and (orientation: landscape) {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
.mob-radio-cont .ant-radio-inner {
  border-color: #E77036 !important;
  border-width: 2px !important;
  width: 20px !important;
  height: 20px!important;
}
.mob-radio-cont .ant-radio-wrapper {
  display: table-cell;
  line-height: 0 !important;
  width: 15px !important;
}
.mob-radio-cont .ant-radio-checked .ant-radio-inner {
  border-color: #E77036 !important;
}
.mob-radio-cont .ant-radio-inner::after {
  top: 4px !important;
  left: 4px !important;
  background-color: #E77036 !important;
}
.address-form-mob .ant-form-item-label {
  position: absolute;
  z-index: 100;
  top: -20%;
  background-color: #fff;
  width: max-content;
  left: 5%;
  padding: 0% 1%;
  color: #000;
}
.address-form-mob .ant-form-item-required::before {
  display: none;
}
.temp-input-cont,
.filled-input-cont {
  position: relative;
  display: flex;
  flex-direction: column;
}
.temp-input-cont label {
  position: absolute !important;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 1rem !important;
  line-height: 1;
  left: 8px;
  opacity: 0.5;
  top: -10px;
  font-family: DIN Next;
  color: #000;
  transition: 0.2s;
}
.temp-input-cont label:lang(ar) {
  right: 8px;
  left: unset;
}
.temp-input-cont:focus-within label {
  transform: translate(0, 10px) scale(0.8);
  color: #000;
  top: -17px;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  font-size: 0.95rem !important;
}
.not-filled {
  position: absolute !important;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 1rem;
  line-height: 1;
  left: 12px;
  opacity: 0.5;
  top: -10px;
}
.filled {
  position: absolute !important;
  transform: translate(0, 10px) scale(0.8);
  color: #000;
  top: -16px;
  left: -1%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
}
.filled:lang(ar) {
  left: unset;
  right: -1%;
}
.filled-input-cont label {
  position: absolute !important;
  line-height: 1;
  font-size: 0.95rem !important;
  font-family: DIN Next;
  color: #000;
  display: flex;
  flex-grow: 1;
}
.select-cont-empty {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #000;
}
.select-cont-empty label {
  position: absolute;
  display: none;
}
.select-cont-filled {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #000;
}
.select-cont-filled label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #000;
  top: -18px;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  line-height: 1;
  font-family: DIN Next;
}
.outer-label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  left: 5%;
  background-color: #fff;
  z-index: 1000;
  padding: 0% 1%;
  line-height: 1;
}
.ta-value,
.ta-empty {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ta-value label,
.ta-not-filled {
  position: absolute !important;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 1rem !important;
  left: 8px;
  top: -5%;
  opacity: 0.5;
  font-family: DIN Next;
  color: #000;
  transition: 0.2s;
}
.ta-value label:lang(ar) {
  left: unset;
  right: 8px;
}
.ta-empty label,
.ta-filled {
  position: absolute !important;
  transform: translate(0, 10px) scale(0.8);
  color: #000;
  top: -17px;
  left: -1%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 0.95rem !important;
}
.ta-empty label:lang(ar) {
  left: unset;
  right: -1%;
}
.ta-value:focus-within label {
  position: absolute !important;
  transform: translate(0, 10px) scale(0.8);
  color: #000;
  top: -16px;
  left: 1.5%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 0.95rem !important;
}
.ta-value:focus-within label:lang(ar) {
  left: unset;
  right: 1.5%;
}
.otp-box-cont-cod-mob input[value=''] {
  border: 1px solid #999999;
  margin-right: 6vw;
}
.otp-box-cont-cod-mob input:not([value='']),
.otp-box-cont-cod-mob input:hover {
  border: 1px solid #000 !important;
  margin-right: 6vw;
}
.otp-box-cont-cod-mob input[value='']:lang(ar) {
  margin-right: 0px;
  margin-left: 6vw;
}
.otp-box-cont-cod-mob input:not([value='']):lang(ar),
.otp-box-cont-cod-mob input:hover:lang(ar) {
  margin-right: 0px;
  margin-left: 6vw;
}
.locate-on-map {
  width: 94%;
  height: 40px;
  border: 1px solid #333333;
  color: #333333;
}
.map-modal {
  height: calc(100% - 14vw);
  margin-top: 14vw;
}
.map-modal .am-modal-close {
  background-color: white !important;
}
.map-modal .am-modal-close-x {
  background-color: transparent !important;
}
.google-map-mobile .gm-fullscreen-control {
  display: none;
}
.google-map-mobile .locate-me-button-arabic {
  background-image: url('/static/content/current_location_ar.png');
  position: absolute;
  bottom: 30px;
  right: 20px;
  height: 35px;
  width: 90%;
  border-radius: 0px;
  cursor: pointer;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.google-map-mobile .locate-me-button-english {
  background-image: url('/static/content/current_location.png');
  position: absolute;
  bottom: 30px;
  right: 20px;
  height: 35px;
  width: 90%;
  border-radius: 0px;
  cursor: pointer;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #E77036 !important;
}
.ant-radio-checked .ant-radio-inner:after {
  background-color: #E77036;
}
.bg-color-onselect {
  background-color: #F8F5F0;
}
.add-addr-button img {
  object-fit: contain !important;
}
.show-summary-modal-cont .am-modal-close {
  padding-top: 10px;
}
.ant-checkbox-inner {
  border: 1px solid #333333 !important;
}
.checkout-edit-btn {
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
}
.checkout-delete-btn {
  width: 100%;
  padding: 0 5px;
  min-height: 40px;
  color: #FFFFFF;
  font-size: 0.9rem;
  border: unset !important;
  border-radius: unset !important;
  background-color: #FFFFFF !important;
  border: 1px solid #000000 !important;
  color: #000000 !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.continue-shopping-btn-mob {
  font-weight: 600;
  font-size: 1rem;
  width: 100%;
  height: 5vh;
  border: 1px solid black;
  color: black;
  border-radius: 0%;
  background-color: transparent !important;
}
.cart-sum-cont-mob:lang(ar) {
  box-shadow: -3px 3px 5px #00000059;
}
.cart-sum-cont {
  background-color: #F7F7F7;
}
.cart-summary {
  width: 100%;
  box-shadow: 0 4px 10px #B1B1B1;
}
.cart-summary .ant-card {
  background-color: white !important;
}
.cart-summary .ant-card-type-inner .ant-card-body {
  padding: 0;
}
.cart-summary .ant-card-head {
  padding: 0;
  background-color: #FFFFFF;
}
.cart-summary .subtotal-card,
.cart-summary .total-border {
  border: 0;
  font-size: 1rem;
}
.cart-summary .subtotal-card .ant-card-body,
.cart-summary .total-border .ant-card-body {
  border-bottom: 1px dashed #7F7F7F;
}
.cart-summary .payable-card .ant-card-head-title,
.cart-summary .deliveryFee .ant-card-head-title,
.cart-summary .payable-card .ant-card-extra,
.cart-summary .deliveryFee .ant-card-extra {
  font-size: 1rem;
  color: #000000;
  font-family: Poppins;
  font-weight: 500;
}
.cart-summary .subtotal-card .ant-card-head-title,
.cart-summary .subtotal-card .ant-card-extra {
  color: #000000;
  font-family: Poppins;
}
.cart-summary .checkout-btn {
  color: #FFFFFF;
  font-weight: 700;
  height: 10vw;
  font-size: 1rem;
  border: 0;
  background-color: #04C753;
  width: 100%;
}
.cart-summary .ant-input {
  width: 90%;
  border: 1px dashed #7F7F7F;
  background-color: #F4F5F5;
}
.cart-summary .coupon-btn {
  color: #333333 !important;
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #333333;
  width: 100%;
}
.cart-summary .coupon-btn:hover {
  color: #333333 !important;
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #333333;
  width: 100%;
}
.am-modal-close-x {
  background-color: transparent !important;
  color: #04C753;
  height: 2vh;
  width: 2vh;
  line-height: 2vh;
}
.am-modal-close {
  background-color: transparent !important;
  color: #04C753;
  height: 5vh;
  width: 5vh;
  position: absolute;
  top: 0%;
  right: 0%;
}
.am-modal-close:lang(ar) {
  background-color: transparent !important;
  color: #04C753;
  height: 5vh;
  width: 5vh;
  position: absolute;
  top: 0%;
  right: 88%;
}
.remove-coupon-btn {
  width: 100%;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 0;
}
.remove-coupon {
  font-family: Poppins;
  font-weight: 700;
  text-align: left;
  width: 100%;
}
.remove-coupon .remove-coupon-text {
  font-size: 0.9rem !important;
  float: left !important;
  margin: '3% 2%';
}
.cart-sum-card {
  font-family: Poppins;
  font-weight: 700;
  background-color: #F7F7F7;
}
.prod-cart-cont {
  font-family: DIN Next !important;
  background-color: #FFFFFF;
  color: #000000;
}
.prod-cart-name {
  color: #333;
  font-weight: 500;
  font-size: 16px;
}
.prod-remove-txt {
  font-size: 0.9em;
  font-weight: 500;
  color: #999;
  text-align: left !important;
  border-bottom: 1px solid #999;
}
.am-modal-popup .am-modal-content {
  padding: 0% !important;
}
.tooltip-span span {
  display: block !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}


.category-stack {
  display: flex;
  width: 25%;
}
.category-stack > div {
  padding: 0px !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
ul,
menu,
dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.category-wrapper {
  position: relative;
  margin-top: 91px !important;
  background: #24554E 0% 0% no-repeat padding-box;
  box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.2);
  opacity: 1;
  font-family: DIN Next;
}
.category-wrapper .ant-btn-primary:hover,
.category-wrapper .ant-btn-primary:focus {
  background-color: #FFFFFF;
  color: #000000;
}
.category-wrapper > div > div > nav > ul > button {
  color: #FFFFFF;
}
.listing-section {
  padding-bottom: 5px;
  justify-content: space-between;
}
.listing-section a:hover {
  color: #000000 !important;
}
.sub-category-col {
  text-align: start;
  width: max-content;
  padding-bottom: 10px;
}
.sub-category-name {
  margin-bottom: 0.65vw !important;
  padding-bottom: 12px;
}
.sub-category-name {
  margin-bottom: 10px !important;
  margin-top: 0px;
}
.sub-category-name a {
  font-size: 15px;
  font-weight: 400;
  color: #24554E;
  text-transform: capitalize;
}
.sub-category-name a:hover {
  color: #143a35 !important;
}
.child-category-name {
  margin-bottom: 13px !important;
}
.child-category-name a {
  font-size: 13px !important;
  font-weight: 400;
  color: #4a4a4a;
  text-transform: unset;
}
.child-category-name a:hover {
  color: #000000;
}
.shop-all-name a {
  font-size: 0.9vw;
  color: #000000;
  font-style: italic;
  text-transform: unset;
}
.tab-btn {
  font-family: DIN Next;
  margin: 0 5px;
  height: 2vmax !important;
  background: #FFFFFF;
  color: #000000;
  border-width: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.9vw;
  letter-spacing: 0.6px;
  font-weight: 600;
}
.tab-btn:hover {
  box-shadow: -6px 0 6px -5px #B1B1B1, 6px 0 6px -5px #B1B1B1;
}
.listing-section:lang(ar) {
  padding-right: 19px;
}
.nav-sections {
  text-align: center;
  margin: auto !important;
}
@media screen and (min-width: 1600px) {
  .nav-sections {
    width: calc(100% - 14vw);
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .nav-sections {
    width: calc(100% - 11vw) !important;
  }
}
@media (min-width: 993px) and (max-width: 1400px) {
  .nav-sections {
    width: calc(100% - 11.5vw);
  }
}
@media (min-width: 1024px) and (max-width: 1280px), (min-width: 1280px) and (max-width: 1400px) {
  .nav-sections {
    width: calc(100% - 12vw);
  }
}
.nav-sections .navigation {
  background-color: #FFFFFF;
  left: auto;
  overflow: inherit;
  padding: 0;
  position: relative;
  top: 0;
  width: calc(100% - 0vw);
  max-width: 1680px;
  z-index: 3;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.nav-sections-item-content > .navigation {
  display: block;
}
.navigation > ul {
  display: flex;
  justify-content: space-between;
  padding: 0;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none none;
  background-color: #24554E;
}
.navigation ul li.level0 {
  margin-right: 0;
  color: #000000;
  transition-delay: 0s;
  transition: 0.2s opacity;
}
.listing-section,
.category-container {
  z-index: 99 !important;
}
.navigation ul li.level0:focus,
.navigation ul li.level0:hover {
  border-radius: 0;
  border-bottom: 2px solid #EDE3D2 !important;
}
.navigation li.level0 > a.level-top {
  padding: 10px 0px 10px 15px;
  word-wrap: break-word;
}
.sw-megamenu.navigation > .submenu {
  visibility: visible;
  opacity: 1;
}
.sw-megamenu.navigation > .submenuitem {
  visibility: visible;
  opacity: 1;
}
.navigation:hover > .submenu {
  overflow: visible !important;
}
.navigation:hover > .submenuitem {
  overflow: visible !important;
}
.navigation li.level0 .ant-btn-primary:focus {
  color: #000000;
  background-color: #FFFFFF;
}
.navigation li.level0:hover > .ant-btn-primary,
.navigation li.level0 .ant-btn-primary:hover {
  color: #000000;
  background-color: #FFFFFF;
}
.navigation li.level0:hover > .ant-btn-primary,
.navigation li.level0 .ant-btn-primary {
  line-height: 2.5 !important;
}
.sw-megamenu.navigation ul li.level0.parent:hover .submenu {
  display: block;
  visibility: visible;
}
.submenu .container {
  padding: 0;
  width: 100% !important;
}
.sw-megamenu.navigation ul li.level0.parent:hover .submenuitem {
  display: block;
  visibility: visible;
}
.submenuitem .container {
  padding: 0;
  width: 100% !important;
}
.sw-megamenu.navigation .row {
  margin-left: -5px;
  margin-right: -5px;
}
.navigation ul li.level0 {
  display: inline-block;
  border-radius: 5px;
  border-top: none;
}
.navigation ul li.level0.fullwidth {
  position: static;
}
.highlightL1 {
  color: #45a055 !important;
}
.sw-megamenu.navigation .submenu {
  display: none;
  visibility: hidden;
  color: #838383;
  background: #F8F5F0;
  border-width: 0 0 3px 0;
  box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  padding-top: 2vw;
  position: absolute;
  z-index: 1;
  top: 52px;
  width: auto;
  max-width: 1680px;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  padding-bottom: 0.5vw;
}
.sw-megamenu.navigation .submenu:lang(ar) {
  display: none;
  visibility: hidden;
  color: #838383;
  background: #F8F5F0;
  font-weight: 500;
  padding-top: 2vw;
  position: absolute;
  z-index: 1;
  top: 52px;
  width: auto;
  max-width: 1680px;
  padding-left: 1.5vw;
  padding-right: 0;
  padding-bottom: 0.5vw;
  box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
}
.sw-megamenu.navigation .submenuitem {
  display: none;
  visibility: hidden;
  color: #838383;
  background: #F8F5F0;
  font-weight: 500;
  padding: 2vw 1.5vw;
  position: absolute;
  z-index: 1;
  top: 52px;
  min-width: 20%;
  max-width: 1680px;
  right: 0;
  box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
}
.sw-megamenu.navigation .submenuitem:lang(ar) {
  right: unset;
  left: 0;
  box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.1);
}
.mt_34 {
  margin-top: 15vw !important;
  height: auto !important;
}
.mt_0 {
  margin-top: 0 !important;
  height: auto !important;
}
.mt_0 {
  margin-top: 0 !important;
  height: auto !important;
}
@media screen and (orientation: landscape) {
  .mt_34 {
    margin-top: 50px !important;
  }
}
.ant-btn-primary {
  box-shadow: none !important;
}
.navigation,
.sw-megamenu1,
.nav-sections1 {
  background-color: blue;
}
.navigation li {
  height: 54px !important;
  padding-top: 10px;
}
.navigation li button {
  background-color: transparent !important;
  padding: 0 !important;
  height: auto;
}
.sw-megamenu ul li {
  list-style-type: none !important;
  display: inline-block !important;
  white-space: initial;
}
.menuRow ul {
  justify-content: space-between;
  width: 60% !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  /* Ensure each column takes equal space */
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menuRow ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  /* Adjust padding if needed */
  margin: 0;
  /* Adjust margin if needed */
}
.catLineHeight li {
  line-height: 25px;
  padding-top: 5px !important;
}
@media screen and (min-width: 993px) {
  .menuRow ul li a,
  .dropbtn {
    color: #333333;
  }
}
@media screen and (max-width: 1024px) {
  .menuRow ul li a,
  .dropbtn {
    color: #333333;
    line-height: 2.5;
  }
  .mobileLoginMenu .am-whitespace.am-whitespace-md {
    height: 0;
  }
  .mobileLoginMenu.font-14 {
    margin-bottom: 0;
  }
}
.menuRow ul li a,
.dropbtn {
  display: inline-block;
  text-decoration: none;
  border-bottom: 2px solid;
  border-bottom-color: transparent !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.menuRow ul li.dropdownLi {
  display: inline-block;
}
.dropdownLi:hover .tooltip {
  display: block ;
}
.tooltip {
  display: none;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F8F5F0;
  max-width: 70%;
  width: auto;
  z-index: 1;
  padding: 15px 15px 15px 10px;
}
@media screen and (min-width: 1500px) {
  .dropdown-content a:hover,
  .dropdown-content h4:hover {
    border-bottom: 0px !important;
    text-decoration: none !important;
  }
  .last-dropdown-content {
    right: 0%;
  }
  .last-dropdown-content-second-new {
    left: auto !important;
  }
  .last-dropdown-content-second-new-ar {
    right: auto !important;
  }
  .last-dropdown-content-second {
    right: auto !important;
  }
  .last-dropdown-content-ar {
    left: 0% !important;
  }
  .last-dropdown-content-second-ar {
    left: 11.5% !important;
  }
}
.dropdown-content a:hover,
.dropdown-content h4:hover {
  border-bottom: 0px !important;
  text-decoration: none !important;
}
.last-dropdown-content {
  right: 0%;
}
.last-dropdown-content-second-new {
  left: 60%;
}
.last-dropdown-content-second-new-ar {
  right: 40%;
}
.last-dropdown-content-second {
  right: 10%;
}
.last-dropdown-content-ar {
  left: 10% !important;
}
.last-dropdown-content-second-ar {
  left: 11.5% !important;
}
.dropdown-content h4 a {
  color: #333333;
  text-decoration: none;
  display: block;
  text-align: start;
}
.dropdown-content h4 a:hover {
  color: #333333 !important;
}
.dropdownLi:hover .dropdown-content {
  display: block;
}
.flexContainer {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.flexContainer::before,
.flexContainer::after {
  content: "";
}
.dropdown-content li,
.dropdown-content li a {
  padding: 0px;
  padding-left: 10px !important;
  color: #333333 !important;
  line-height: 15px !important;
  font-size: 14px;
  margin-top: 0px !important;
  margin-bottom: 2px;
  font-weight: 100 !important;
  border-bottom: 0px !important;
  text-transform: capitalize !important;
}
.dropdown-content li a:hover {
  text-decoration: underline !important;
}
.dropdown-content h4,
.dropdown-content h4 a {
  padding-left: 10px !important;
  text-align: start !important;
  font-size: 16px;
  font-weight: 900;
  color: #333333;
  line-height: 18px !important;
  padding: 0px;
  border-bottom: 0px !important;
  margin-top: 0px !important;
  text-transform: uppercase !important;
}
.dropdown-content h4 a:hover {
  text-decoration: underline !important;
}
.dropdown-content h4 a {
  margin-top: 12px !important;
  color: #333333 !important;
  font-size: 15px !important;
}
.dropdown-content h4 a {
  color: #333333;
}
.lang-hide {
  display: block;
}
.lang-hide:lang(ar) {
  display: none;
}
.last-dropdown-content-second-new {
  left: 60%;
}
.last-dropdown-content-second-new-ar {
  right: 40%;
}
.dropdown-content:lang(ar) h4,
.dropdown-content:lang(ar) li a {
  text-align: right !important;
}
@media screen and (min-width: 280px) and (max-width: 480px) {
  .menuRow ul {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .menuRow ul:lang(ar) {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .menuRow ul li {
    display: block;
  }
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .menuRow ul {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .menuRow ul:lang(ar) {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .menuRow ul li {
    display: block;
  }
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  .menuRow ul {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .menuRow ul:lang(ar) {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .menuRow ul li {
    display: block;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.global-search .ant-btn-primary {
  height: 39px;
  width: 60px;
}
@media only screen and (max-width: 1200px) {
  .header-container {
    height: 60px;
  }
  .global-search .ant-btn-primary {
    height: 36px;
    width: 60px;
  }
  .header-container .header-wrapper .header-searchbar {
    /* search form height */
  }
  .header-container .header-wrapper .header-searchbar .ant-input-affix-wrapper .ant-input-suffix,
  .header-container .header-wrapper .header-searchbar .ant-input-prefix {
    height: 36px !important;
  }
  .header-container .header-wrapper .header-searchbar .ant-select-auto-complete.ant-select .ant-select-search--inline,
  .header-container .header-wrapper .header-searchbar .ant-select-selection--single {
    height: 36px;
  }
}
.mobile-searchbar .ant-input-suffix {
  right: -10px !important;
}
.mobile-searchbar .ant-input-suffix:lang(ar) {
  right: -10px !important;
  top: -30%;
}
.mobile-searchbar .ant-input-prefix:lang(ar) {
  left: 2px !important;
}
.mobile-searchbar .ant-input-prefix {
  left: -10px !important;
  top: 14px;
}
.mobile-searchbar .ant-input:not(:first-child) {
  padding-left: 50px !important;
  top: -6px;
}
.mobile-searchbar .ant-input:not(:last-child) {
  padding-right: 40px !important;
  top: -6px;
}
.mobile-searchbar .ant-input:focus {
  border-color: transparent !important;
  border-right-width: 0 !important;
}
.mobile-searchbar .ant-input {
  font-size: 4vw;
}
.mobile-searchbar .ant-input:focus {
  box-shadow: none !important;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  margin-bottom: 5px;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-first-child {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  color: #B1B1B1 !important;
  font-size: 14pt !important;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-first-child:lang(ar) {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  color: #B1B1B1 !important;
  font-size: 14pt !important;
  margin-left: 25px;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-last-child {
  margin-left: 10px;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.history-mobile-last-child:lang(ar) {
  margin-right: 10px;
  right: unset!important;
  left: 0!important;
  position: absolute;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.normal-mobile-first-child {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 325px;
  color: #000 !important;
}
.ant-select-dropdown-menu .ant-select-dropdown-menu-item a span.normal-first-child {
  color: #000 !important;
}
.searchModal .ant-select-selection__rendered {
  line-height: 54px !important;
}
.searchModal .ant-select-selection__rendered .ant-select-selection__placeholder {
  font-size: 17px;
  text-align: left;
}
.searchModal .ant-select-selection__rendered .ant-select-selection__placeholder:lang(ar) {
  font-size: 17px;
  text-align: right;
}
.searchModal .ant-select-selection__rendered .mobile-searchbar:lang(ar) .ant-input-prefix {
  left: 0 !important;
}
.searchModal .ant-select-selection__rendered .mobile-searchbar:lang(ar) .ant-input-prefix .ant-btn-primary {
  width: 60px !important;
}
.searchModal .mobile-search-bar {
  margin-top: 10vw;
}
.searchModal .mobile-search-bar .normal-search-mobile a {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 86vw;
  display: inline-block;
  color: #000 !important;
}
.searchModal .mobile-search-bar .normal-search-mobile a span:first-child {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80vw;
  display: inline-block;
}
.searchModal .mobile-search-bar .history-search-mobile a {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 86vw;
  display: inline-block;
  color: #B1B1B1 !important;
}
.searchModal .mobile-search-bar .history-search-mobile a span:first-child {
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80vw;
  display: inline-block;
  color: #B1B1B1 !important;
}
.searchModal .mobile-search-bar .am-search .am-search-cancel {
  display: none;
}
.suggestion_search_mobile {
  list-style-type: none;
  margin-top: 0.5vw;
  padding-left: 0px;
  display: inline-block;
  max-height: 70vw;
  overflow-y: scroll;
  box-sizing: border-box;
  border-radius: 5px;
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.suggestion_search_mobile li {
  padding: 2vw;
}
.sidebar-footer-link {
  color: #333333 !important;
  font-weight: 600;
}
.sidebar-footer-link .sidebar-footer-text {
  margin: 0 10px;
}
.mobilesearchlist {
  background-color: #ffffff;
  z-index: 9;
  margin-left: 0px;
}
.mobilesearchlist:lang(ar) {
  background-color: #ffffff;
  left: 0% !important;
  z-index: 9;
}
@media screen and (min-width: 200px) and (max-width: 400px) {
  .mobilesearchlist {
    left: -3% !important;
  }
}
@media screen and (min-width: 401px) and (max-width: 500px) {
  .mobilesearchlist {
    left: -2.5%;
  }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
  .mobilesearchlist {
    left: -1.5%;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .mobilesearchlist {
    left: -1.5%;
  }
}
@media screen and (min-width: 993px) and (max-width: 1024px) {
  .mobile-searchbar .ant-input {
    font-size: 2vw !important;
  }
  .mobilesearchlist {
    left: -1%;
  }
  .mobile-searchbar {
    height: 5vw !important;
  }
  .mobile-search-bar .search-btn {
    margin-left: 85px;
  }
}
.l2cat .am-accordion .am-accordion-item .am-accordion-header i:lang(ar) {
  display: none;
}

.page-container {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 30vw;
  padding-bottom: 4vw;
  background-color: #FFFFFF;
}
.bannerimg {
  padding-bottom: 5px;
}
.banneri {
  padding-bottom: 0px !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.page-container {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 30vw;
  padding-bottom: 4vw;
  background-color: #FFFFFF;
}
.content-block-web {
  width: 100%;
  text-align: justify;
  font-size: 11px;
  color: #999999;
  line-height: 16.8px;
  overflow: hidden;
}
.bannerimgs {
  padding-bottom: 6px;
}
.banneri {
  padding-bottom: 0px !important;
}

.am-modal-popup {
  height: 100%;
}
.am-modal-popup .am-modal-content {
  padding: 60px 0;
}
.am-modal-popup .am-modal-content .am-modal-body {
  padding: 0 !important;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.white-text-color {
  color: #FFFFFF !important;
}
.secondary-color {
  background-color: #FFFFFF !important;
}
.height-51 {
  height: 51px !important;
}
.price-heading {
  margin: 0;
}
.price-filter-mobile-Row {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #B1B1B1;
}
.price-filter-mobile-Row .ant-radio-wrapper {
  margin: 0 !important;
}
.price-filter-mobile-Row .ant-slider-track,
.price-filter-mobile-Row .ant-slider-track:focus {
  background-color: #45A055 !important;
}
.price-filter-mobile-Row .ant-slider-handle,
.price-filter-mobile-Row .ant-slider-handle:focus {
  border: solid 1.5px #000000 !important;
  background-color: #45A055 !important;
  box-shadow: 0 5px 6px #838383;
}
.price-filter-mobile-Row .ant-input-sm {
  text-align: center;
  height: 16px !important;
  width: 5vw !important;
  padding: 1px 4px;
  border: solid 1px #BABABA;
}
.price-filter-mobile-Row .ant-input-sm:focus {
  box-shadow: unset;
}
.price-filter-mobile-Row .ant-input {
  font-family: DIN Next;
  color: #000000;
  font-size: 11px !important;
  font-weight: 600;
  border-radius: 3px;
  vertical-align: bottom !important;
}
.price-filter-mobile-Row .ant-radio-wrapper {
  color: rgba(0, 0, 0, 0.65);
  font-family: DIN Next;
  font-weight: 500;
}
.price-filter-mobile-Row p {
  font-weight: 500;
  color: #000000;
}
.filter-mobile-container .filter-title .filter-text {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}
.filter-mobile-container .filter-title .clear-all {
  font-size: 13px;
  line-height: 29px;
  color: #E77036;
  text-transform: uppercase;
}
.filter-mobile-container .filter-list .filter-option-mobile {
  border: none;
}
.filter-mobile-container .filter-list .ant-menu-submenu-title {
  padding: 0 10px!important;
  margin: 0!important;
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
}
.filter-mobile-container .filter-list .ant-menu-item {
  padding: 0 10px !important;
  margin-bottom: 10px !important;
  font-size: 11pt;
  font-weight: 600;
  color: #000000;
  height: 30px;
  line-height: 30px;
}
.filter-mobile-container .filter-list .ant-btn {
  height: 29px;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  border-color: #000000;
  border-radius: 0!important;
}
.filter-mobile-container .filter-list .collapse-button {
  padding: 10px;
}
.filter-mobile-container .filter-list .ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.filter-mobile-container .filter-list .ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.filter-mobile-container .filter-list .ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.filter-mobile-container .filter-list .ant-checkbox-inner {
  width: 18px !important;
  height: 18px !important;
  border: 1px solid #707070;
}
.filter-mobile-container .filter-list .ant-checkbox-inner::after {
  top: 44%;
  left: 22%;
  width: 5px;
  height: 10px;
}
.filter-list:lang(ar) .ant-menu .ant-menu-submenu-arrow {
  right: unset!important;
  left: 16px!important;
}
.filter-list:lang(ar) .ant-menu .ant-menu-submenu-title,
.filter-list:lang(ar) .ant-menu .ant-menu-item {
  text-align: right;
}
.center {
  text-align: center;
}
.light {
  color: #FFFFFF;
}
.display-grid {
  display: grid;
}
.line-height-15 {
  line-height: 15px;
}
.font-15 {
  font-size: 15px !important;
}
.header-icon-container {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  margin: 0px 0px 0px 0px !important;
}
.header-icon-container figcaption {
  display: block;
  padding-top: 8px;
}
.price-filter-mobile {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #B1B1B1;
}
.price-filter-mobile .ant-slider-track,
.price-filter-mobile .ant-slider-track:focus {
  background-color: #45A055 !important;
}
.price-filter-mobile .ant-slider-handle,
.price-filter-mobile .ant-slider-handle:focus {
  border: solid 1.5px #000000 !important;
  background-color: #45A055 !important;
  box-shadow: 0 5px 6px #838383;
}
.price-filter-mobile .ant-input-sm {
  text-align: center;
  height: 16px !important;
  width: 100% !important;
  padding: 1px 4px;
  border: solid 1px #BABABA;
}
.price-filter-mobile .ant-input-sm:focus {
  box-shadow: unset;
}
.price-filter-mobile .ant-input {
  font-family: DIN Next;
  color: #000000;
  font-size: 11px !important;
  font-weight: 600;
  border-radius: 3px;
  vertical-align: bottom !important;
}
.price-filter-mobile .ant-radio-wrapper {
  color: #000000;
  font-family: DIN Next;
  font-weight: 500;
  margin: 0;
}
.price-filter-mobile p {
  font-weight: 600;
  color: #000000;
}
.price-filter-mobile:lang(ar) {
  text-align: right;
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  .filter-sort-font {
    line-height: 1px;
    font-size: 3vw !important;
    color: #333333 !important;
  }
}
@media screen and (min-width: 200px) and (max-width: 600px) {
  .filter-sort-font {
    line-height: 1px;
    font-size: 5vw !important;
    color: #333333 !important;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.header_menu_mobile {
  align-items: center;
  justify-content: space-around !important;
}
.hnak-cart-badge span {
  color: white !important;
}
.mobile-header-menu {
  text-align: center;
  line-height: 40px;
}
.mobile-header-menu h4 {
  font-family: DIN Next;
  font-size: 14pt;
  color: #8E8E8E;
}
.mobile-sidebar-list .sidebar-top-icon {
  width: 25px;
  height: 25px;
}
.mobile-sidebar-list .sidebar-top-container {
  padding-top: 10px;
}
.mobile-sidebar-list .sidebar-top-container .font-14 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px !important;
}
.mobile-sidebar-list .am-list-content {
  padding-bottom: 17px !important;
}
.sidebar-accordions {
  background-color: #f7f7f7;
}
.sidebar-accordion .font-14 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.sidebar-accordion .sidebar-middle-list .font-12 {
  font-size: 15px;
  color: #333333;
}
.sidebar-accordion .sidebar-middle-list .font-12:hover {
  color: #fff;
}
.sidebar-accordion .am-list-item:hover {
  background-color: #24554E;
  color: #FFF;
}
.sidebar-accordion .am-list-item {
  background-color: #F7F7F7;
}
.highlightL1 {
  color: #45a055 !important;
  text-transform: uppercase;
}
.sidebar-topdeals-list .am-list-content {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-header-container {
  display: table;
}
.sidebar-header-container .sidebar-header-content {
  display: table-cell;
  vertical-align: middle;
}
.sidebar-bottom-container .sidebar-bottom-content img {
  width: 25px;
  height: 25px;
}
.sidebar-bottom-container .sidebar-bottom-content-text-en {
  padding-left: 15px;
  font-size: 15px;
  font-weight: 600;
}
.sidebar-bottom-container .sidebar-bottom-content-text-ar {
  padding-right: 15px;
  font-size: 15px;
  font-weight: 600;
}
.align-right {
  text-align: right;
}
.margin-right-10 {
  margin-right: 10px;
}
.pd-right-15 {
  padding-right: 15px;
}
@media screen and (min-width: 200px) and (max-width: 600px) {
  .navbarMenu {
    width: 77% !important;
  }
  .ant-drawer-content-wrapper {
    width: 77% !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 1024px) {
  .ant-drawer-content-wrapper {
    width: 40% !important;
  }
  .navbarMenu {
    width: 40% !important;
  }
}
.sidebar-accordion:lang(ar) .arrow {
  right: unset!important;
  left: 16px!important;
}
.sidebar-accordion:lang(ar) p {
  text-align: right;
}
.sidebar-accordion:lang(ar) .am-accordion-item .am-accordion-header {
  padding-right: 15px;
  padding-left: 30px;
}
.sales-styles .am-list-content {
  text-align: left !important;
  font-size: 15px !important;
}
.sales-styles:lang(ar) .am-list-content {
  text-align: right !important;
}
.wd-30 {
  width: 30%;
}
.header-navbar-mobile {
  z-index: 11 !important;
  width: 100% !important;
  top: 0 !important;
  min-height: auto !important;
}
.center {
  text-align: center;
}
.light {
  color: #FFFFFF;
}
.img-dimension {
  height: 35px;
  width: 147px;
}
.img-dimension-large {
  height: 50px;
  width: 50vw;
}
.line-height-15 {
  line-height: 15px;
}
.align-left {
  text-align: left;
}
.margin-left-10 {
  margin-left: 10px;
}
.no-style {
  list-style-type: none;
}
.pd-left-15 {
  padding-left: 15px;
}
.primary-color {
  background-color: #24554E !important;
}
.font-14 {
  font-size: 14px;
  margin-bottom: 2px !important;
}
.font-15 {
  font-size: 15px !important;
  letter-spacing: 1px;
}
.font-12 {
  font-size: 12px;
}
.height-147 {
  height: 147px;
}
.pt-147 {
  padding-top: 147px;
}
.header-icon-container {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  margin: 0px 0px 0px 0px !important;
}
.header-icon-container figcaption {
  display: block;
  padding-top: 8px;
}
.am-accordion-content {
  margin-left: 0px !important;
  background-color: #24554E;
}
.am-accordion-content:lang(ar) {
  padding-left: 0 !important;
  background-color: #F7F7F7 !important;
}
.margin-0 {
  margin: 0;
}
.menu-icon-style {
  cursor: pointer;
}
.header-flex-mobile {
  height: 17vw;
  padding: 5px 0;
}
.header-flex-mobile > div > a > img {
  height: 50px;
}
.head_nav_img {
  height: auto;
  width: 6vw !important;
  margin-bottom: 3px;
}
.head_nav_cart_img {
  height: auto;
  width: 6vw !important;
  margin-bottom: 3px;
}
.right-icon {
  display: flex;
}
.right-icon .icon_margin {
  margin-top: 3px;
}
.right-icon .rtl_margin {
  margin-left: 15px;
}
.right-icon .ltr_margin {
  margin-right: 20px;
}
.mobile-search-bar {
  width: 97%;
}
.mobile-search-bar .ant-btn-secondary {
  border: none;
}
.displayNone {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .header-flex-mobile {
    display: none;
  }
  .head_nav_img {
    width: 3vw;
    margin-bottom: 3px;
  }
  .head_nav_cart_img {
    width: 3vw;
    margin-bottom: 3px;
  }
  .header-navbar-mobile {
    min-height: unset !important;
  }
  .header_menu_mobile {
    align-items: center;
    padding: 5px 25px ;
    justify-content: space-between;
  }
  .header_menu_mobile > div {
    font-size: 11px !important;
  }
  .disable_landscape {
    display: none !important;
  }
  .head_logo {
    display: unset;
  }
  .head_logo img {
    height: 25px;
  }
  .head_logo_slider img {
    height: 40px;
  }
  .landscape-right-icons {
    display: flex;
  }
  .landscape-right-icons .icon_margin {
    margin-top: 3px;
  }
  .landscape-right-icons .rtl_margin {
    margin-left: 15px;
  }
  .landscape-right-icons .ltr_margin {
    margin-right: 15px;
  }
  .landScape {
    display: unset !important;
  }
  .sidebar-header-container {
    height: 50px;
  }
  .sidebar-header-container .sidebar-header-content {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .pt-147 {
    padding-top: 50px;
  }
}
.header_menu_mobile ::-webkit-input-placeholder {
  color: #999999CC;
  font-size: 13px;
}
.header_menu_mobile ::-moz-placeholder {
  color: #999999CC;
  font-size: 13px;
}
.header_menu_mobile :-ms-input-placeholder {
  color: #999999CC;
  font-size: 13px;
}
.header_menu_mobile ::placeholder {
  color: #999999CC;
  font-size: 13px;
}
.am-accordion .am-accordion-item .am-accordion-header {
  position: relative;
  color: #000;
  font-size: 17px;
  height: auto !important;
  line-height: 44px;
  background-color: #f7f7f7;
  box-sizing: content-box;
  padding-left: 15px;
  padding-right: 81px;
  border-bottom: 0px !important;
}
.am-accordion .am-accordion-item .am-accordion-header i {
  position: absolute;
  display: block;
  top: 11px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("/static/footer/list.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
.sidebar-accordions {
  background-color: #F7F7F7;
}
.am-accordion .am-accordion-item .am-accordion-header:lang(ar) {
  padding-left: 15px;
  padding-right: 17px;
}
.allcat {
  font-size: 15px;
  padding-top: 10px;
  padding-left: 16px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 7px;
}
.allcat:lang(ar) {
  font-size: 15px;
  padding-top: 10px;
  padding-right: 21px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 7px;
}
.am-accordion .am-accordion-item .am-accordion-header i:lang(ar) {
  right: auto !important;
  left: 20px !important;
}
.sidebar-accordion:hover {
  border-bottom: 1px solid #24554E !important;
  border-top: 1px solid #24554E !important;
  width: 90vw;
}
.sidebar-accordion {
  width: 90vw;
}
.sidebar-accordions:hover {
  border-bottom: 1px solid #24554E !important;
  border-top: 1px solid #24554E !important;
}
.sidebar-accordion .am-list-item:lang(ar) {
  padding-right: 32px;
}
.sidebar-accordions .am-list-item {
  background-color: #F7F7F7;
}
.sidebar-accordion {
  margin-bottom: 12px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-list-body::after {
    background-color: #f7f7f7;
  }
}
.sidebar-accordion .am-list-item {
  padding-left: 30px;
}
.font-12:lang(ar) {
  padding-left: 83%;
  padding-right: 5%;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-accordion::before {
    background-color: #f7f7f7;
  }
}
.nochild {
  position: absolute;
  display: block;
  top: 11px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: transform 0.2s ease;
  background-color: #f7f7f7;
}
.nochild:lang(ar) {
  background-color: #f7f7f7;
  transform: rotate(180deg);
  right: auto !important;
  left: 20px !important;
}
.nochilds {
  position: absolute;
  display: block;
  top: 11px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: transform 0.2s ease;
  background-color: #f7f7f7;
}
.nochilds:lang(ar) {
  right: auto !important;
  left: 20px !important;
  background-color: #f7f7f7;
  transform: rotate(180deg);
}
.headercat {
  visibility: visible;
}
.headerbackicon:lang(ar) {
  transform: rotate(180deg);
}
.sidebar-middle-list .font-12-all-category {
  font-size: 15px;
  color: #333333;
}
.sidebar-middle-list .font-12-all-category:hover {
  color: #fff;
}
.font-12-all-category {
  font-size: 12px;
}
.banner img {
  width: 100%;
  height: auto;
}
.l1Categories {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.l1Categories {
  overflow: auto;
  height: 100vh;
}
.l1Categories::-webkit-scrollbar {
  display: none;
}
.l1Categories {
  scrollbar-width: none;
}
.l1Categories {
  -ms-overflow-style: none;
}
.l1Category {
  text-align: center;
  cursor: pointer;
  width: 100%;
  background-color: #F7F7F7;
  border: 1px solid #E0DBDB;
}
.l1Category img {
  max-width: 50px;
  height: auto;
  padding-top: 12px;
}
.selectedL1Category {
  background-color: white;
}
.l1Category p {
  font-size: 14px;
  margin-top: 10px;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: normal;
  overflow: hidden;
  word-break: break-word;
  width: 100%;
  padding: 1px 10px;
  /* Optional: adds padding to ensure text doesn't touch the edges */
  box-sizing: border-box;
}
.l2AndL3Categories {
  overflow: auto;
  height: 100vh;
}
.l2AndL3Categories::-webkit-scrollbar {
  display: none;
}
.l2AndL3Categories {
  scrollbar-width: none;
}
.l2AndL3Categories {
  -ms-overflow-style: none;
}
.l2AndL3Categories {
  padding-left: 20px;
  padding-top: 12px;
  padding-right: 0px;
}
.l2AndL3Categories:lang(ar) {
  padding-right: 20px;
  padding-left: 0px;
  padding-top: 12px;
}
.l2Category {
  margin-bottom: 1px;
}
.l2Header {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}
.arrowIcon {
  margin-left: 10px;
  cursor: pointer;
}
.l3Categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.l3Category {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(33.3333% - 20px);
  /* 3 columns with gap */
  cursor: pointer;
}
.l3Category img {
  max-width: 92%;
  height: auto;
}
.l3Category p {
  text-align: center;
  padding-top: 10px;
  color: #000;
  font-size: 12px;
}
.l1Category.selectedL1Category {
  background-color: #ffffff;
  /* Background color for selected category */
  border-right: 2px solid #333333;
  /* Left border to indicate selection */
  width: 100%;
  border-left: none;
}
.l1Category.selectedL1Category:lang(ar) {
  background-color: #ffffff;
  /* Background color for selected category */
  border-left: 1px solid #333333;
  /* Left border to indicate selection */
  width: 100%;
  border-right: none;
}
.viewl1 {
  font-size: 14px;
  color: #000000;
  display: flex;
  justify-content: flex-end;
  width: 50%;
  text-decoration: underline;
}
.viewProductscat {
  font-size: 14px;
  color: #000000;
  width: 50%;
}
.viewl1:hover {
  text-decoration: underline;
}
.viewAllL3 {
  display: flex;
  /* padding: 10px 0; */
  border: 1px solid #f1f1f1;
  cursor: pointer;
  transition: background-color 0.3s;
  background: #F2DAC3;
  height: 62px;
  border-radius: 8px;
  width: 64px;
  justify-content: center;
  align-items: center;
}
.l3viewall {
  padding-top: 5px;
  font-size: 12px;
  color: #333333;
}
.l3viewall:lang(ar) {
  padding-top: 0px;
  font-size: 12px;
  color: #333333;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #f5222d;
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.val-prop-divider-left {
  border-left: 1px solid #000000;
}
.background-cararra {
  background: #F2EBDF;
}
.background-mineShaft {
  background: #383838;
}
.background-black {
  background: #000000;
}
.val-prop-height-width {
  height: 8vw !important;
  max-height: 156px;
}
.sup-chan-heigh-width {
  height: 9vw !important;
  max-height: 179px;
}
.val-prop-wrapper,
.sup-chan-wrapper {
  width: 100%;
  padding: 0 3vw;
  text-align: center;
}
.val-prop-icon {
  margin: 0 10px;
}
.val-prop-icon img {
  height: auto;
  width: 3.7vw !important;
}
.val-prop-icon:lang(ar) {
  margin-left: 10px;
}
.val-prop-text,
.sup-chan-text {
  text-align: start;
  letter-spacing: 1px;
}
.val-prop-title {
  font-size: 1.3vw;
  font-weight: 600;
  color: #000000;
}
.sup-chan-title {
  font-size: 0.65vw;
  color: #FFFFFF;
  margin-bottom: 7px;
}
.sup-chan-desc {
  font-size: 1.3vw;
  font-weight: 600;
  color: #FFFFFF;
}
.val-prop-actions,
.sup-chan-actions {
  display: inline-flex;
  align-items: center;
}
.sup-chan-intro-title {
  font-size: 1.3vw;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 7px;
}
.sup-chan-intro-desc {
  font-size: 0.65vw;
  color: #FFFFFF;
}
@media screen and (max-width: 1000px) {
  .topbar-icon img {
    height: 4vw;
    width: 4vw;
  }
}
.footer-category-wrapper {
  background: #F4F5F9;
  width: 100%;
  padding: 3vw 1.6vw 0;
}
.play-share-wrapper {
  background: #FFFFFF;
  width: 100%;
  padding: 2vw 1vw;
}
.footer-category {
  width: 100%;
  border-bottom: 1px solid #B1B1B1;
}
.footer-cat-table {
  display: table;
  margin: auto !important;
  float: left;
}
.footer-cat-table-row {
  display: table-row;
}
.footer-cat-table-cell {
  display: table-cell;
  padding: 0 2.4vw;
  font-family: DIN Next;
  color: #000000;
  letter-spacing: 1px;
}
.footer-cat-list-ul {
  list-style-type: none;
  padding: 10px 0 !important;
}
.footer-cat-list-ul li a {
  color: #333333;
}
.footer-cat-list-ul li a:hover {
  color: #333333;
  text-decoration: underline;
}
.footer-cat-header {
  padding-bottom: 9px;
  font-size: 1.3vw;
  font-weight: 500;
  letter-spacing: 1px;
}
.footer-cat-li {
  padding: 3.5px 0;
  font-size: 0.85vw;
}
.app-text {
  text-align: center;
  padding-bottom: 1vw;
  color: #FFFFFF;
  font-size: 1vw;
  letter-spacing: 1px;
}
.share-link-table {
  background: #FFFFFF;
  display: table;
  margin: 0 auto;
  text-align: center;
}
.share-link-row {
  display: table-row;
}
.share-link-row div {
  display: table-cell;
  padding: 10px;
}
.share-font {
  color: #000000;
  font-weight: 600;
}
.divider-left {
  border-left: 1px solid #FFFFFF;
}
.divider-right {
  border-right: 1px solid #000000;
}
.play-share {
  width: 100%;
}
.copyright-table {
  display: table;
  width: 100%;
}
.copyright-table:lang(ar) {
  display: table;
  width: 100%;
}
.copyright-wrappermob,
.footer-copyrightmob {
  width: 100%;
  height: 6vw;
  padding: 0 2.5vw;
  background: #24554E 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright-wrappermob a,
.footer-copyrightmob a,
.copyright-wrappermob span,
.footer-copyrightmob span {
  color: #EBE3D4;
  letter-spacing: 0.5px;
  font-size: 12px;
  font-weight: 400;
}
.copyright-wrappermob,
.footer-copyrightmob:lang(ar) {
  width: 100%;
  height: 6vw;
  padding: 0 0.1vw;
  background: #24554E 0% 0% no-repeat padding-box;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright-wrappermob a,
.footer-copyrightmob:lang(ar) a,
.copyright-wrappermob span,
.footer-copyrightmob:lang(ar) span {
  color: #EBE3D4;
  letter-spacing: 0.2px;
  font-size: 7px;
  font-weight: 400;
}
.copyright-table div {
  display: table-row;
}
.copyright-table div > div {
  display: table-cell;
  padding: 0px 7px;
}
.sup-chan-mob-wrapper,
.sup-chan-mob-chans {
  display: flex;
  margin: auto !important;
  font-family: DIN Next;
  font-weight: 500;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.sup-chan-mob {
  display: table-row;
  width: 100%;
  margin: auto !important;
}
.sup-chan-mob-title {
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-size: 15px;
  color: #333333;
  padding-top: 16%;
  font-weight: 500;
}
.sup-chan-mob-icon,
.sup-chan-mob-text {
  display: table-cell;
  padding: 4px;
  font-size: 13px;
  color: #24554E;
  letter-spacing: 0.8px;
  vertical-align: middle;
  text-decoration-line: underline;
}
.help-content-container:lang(ar) {
  text-align: right;
  color: #FFFFFF;
}
.help-content-container:lang(ar) .help-footer-image {
  padding-bottom: 7px;
}
.help-content-container:lang(ar) .help-footer-image img {
  width: 10vw;
}
.help-content-container:lang(ar) .help-heading-value-container {
  padding-right: 7px;
  padding-left: 0;
  text-align: right;
}
.help-content-container:lang(ar) .help-heading-value-container .help-heading {
  font-size: 11px;
}
.help-content-container:lang(ar) .help-heading-value-container .help-value {
  font-size: 13px;
  font-weight: bold;
}
.footer-menu-mobile-container {
  background-color: #24554E;
  border-bottom: #ccc;
  padding: 10% 0;
  text-align: center;
  color: #EBE3D4;
}
.footer-menu-mobile-container .ant-menu-submenu-title {
  color: #EBE3D4;
}
.footer-menu-mobile-container .img-container {
  height: 100px;
  width: auto;
  color: black;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile {
  background-color: #F4F5F9;
  padding-left: 9rem;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: 22px!important;
  display: none;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu-submenu-title:hover {
  color: #EBE3D4;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)) !important;
  background-color: #FFFFFF;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu {
  background-color: #F4F5F9;
  color: #EBE3D4 !important;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu .ant-menu-item a span {
  color: #EBE3D4;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu .ant-menu-item::after {
  border-right: 0;
}
.footer-menu-mobile-container .footer-menu-mobile .footer-submenu-mobile .ant-menu .ant-menu-item-selected a span {
  color: rgba(0, 0, 0, 0.65);
}
.footer-menu-mobile-container:lang(ar) {
  background-color: #24554E;
  border-bottom: #ccc;
  padding: 20px 0;
  text-align: center;
}
.footer-menu-mobile-container:lang(ar) .img-container {
  height: 100px;
  width: auto;
}
.footer-menu-mobile-container:lang(ar) .footer-menu-mobile:lang(ar) .footer-submenu-mobile {
  background-color: #24554E;
  color: #000000;
  padding-right: 9rem;
}
.footer-menu-mobile-container:lang(ar) .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu-submenu-title {
  text-align: right;
  padding-right: 0px;
  padding-left: 34px;
}
.footer-menu-mobile-container:lang(ar) .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: unset!important;
  left: 16px!important;
}
.footer-menu-mobile-container:lang(ar) .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu {
  background-color: #24554E;
  color: #000000;
}
.footer-menu-mobile-container:lang(ar) .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu .footer-submenu-item {
  padding-right: 40px !important;
  text-align: right;
  color: #EBE3D4;
}
.val-prop-tablemob {
  /* display: table; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* align-content: center; */
  flex-wrap: nowrap;
  flex-direction: column;
  margin-bottom: 7%;
}
.val-prop-cell {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}
.divider-lefts {
  border-left: 1px solid #000000;
}
.divider-rights {
  border-right: 1px solid #000000;
}
.social-icons-footer .ant-avatar img {
  height: 35px !important;
  width: auto;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-cat-table-cell {
    display: table-cell;
    padding: 0 1.8vw;
    font-family: DIN Next;
    color: #EBE3D4;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .footer-cat-table-cell {
    display: table-cell;
    padding: 0 1vw;
    font-family: DIN Next;
    color: #EBE3D4;
    letter-spacing: 1px;
  }
}
.sup-chan-iconmobile,
.sup-chan-mobile {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
  text-decoration-line: underline;
  color: #24554E;
}
.sup-chan-iconmobile img,
.sup-chan-mobile img {
  height: auto;
  width: 3.5vw !important;
}
.newslettermob {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
}
.newslettermob .ant-input-group-addon {
  position: relative;
  padding: 0;
  color: #24554E;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #24554E;
  border: 0;
  border-radius: 0;
  transition: all 0.3s;
}
.newslettermob .ant-input {
  height: 43px;
}
@media (max-width: 768px) {
  .custom-footer-bottom-nav {
    width: 100%;
    min-height: 4vw;
    height: auto;
    padding: 0vw;
    padding-bottom: 50px !important;
    background: #ffffff !important;
    opacity: 1;
  }
  .custom-footer-bottom-nav a,
  .custom-footer-bottom-nav span {
    color: #333333;
    letter-spacing: 0.5px;
    font-size: 12px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-content {
  color: rgba(0, 0, 0, 0.65);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.auth-popover-account-text span,
.auth-popover-welcome-text span {
  color: #666666 !important;
}
.auth-popover-account-text:lang(ar),
.auth-popover-welcome-text:lang(ar) {
  text-align: right;
}
.signin-text span {
  color: #FFFFFF !important;
}
.signup-text span {
  color: #000000 !important;
}
.sigin-card {
  width: 100% !important;
}
.register-card {
  box-shadow: 0 3px 15px #B1B1B1;
  height: auto;
  width: 500px !important;
  max-width: 90vw !important;
  margin: 1vw auto;
  border-radius: 0px;
  margin-bottom: 0px !important;
}
.privacy-row {
  margin-top: 30px;
  color: #000000;
  font-size: 15px;
  padding: 0 10px;
}
.privacy-mobile {
  text-align: center;
  margin: 0 auto;
}
.signin-form .ant-form-explain,
.signup-form .ant-form-explain,
.forgotPassword-form .ant-form-explain,
.setpassword-form .ant-form-explain {
  position: relative !important;
  color: #f5222d;
  font-size: 0.85rem !important;
  padding-top: 7px !important;
  line-height: 1;
  font-weight: 600;
}
.signin-form .ant-form-item-with-help,
.signup-form .ant-form-item-with-help,
.forgotPassword-form .ant-form-item-with-help,
.setpassword-form .ant-form-item-with-help {
  padding: 0% 3%;
}
.signin-form .has-error .ant-form-explain,
.signup-form .has-error .ant-form-explain,
.forgotPassword-form .has-error .ant-form-explain,
.setpassword-form .has-error .ant-form-explain,
.signin-form .has-error .ant-form-split,
.signup-form .has-error .ant-form-split,
.forgotPassword-form .has-error .ant-form-split,
.setpassword-form .has-error .ant-form-split {
  position: absolute;
  font-size: 0.8rem;
  padding-top: 2px;
}
.signin-form .ant-form-explain:lang(ar),
.signup-form .ant-form-explain:lang(ar),
.forgotPassword-form .ant-form-explain:lang(ar),
.setpassword-form .ant-form-explain:lang(ar) {
  position: absolute;
  font-size: 10px;
  left: unset;
  padding-top: 4px;
}
.signin-form .has-error .ant-input-affix-wrapper .ant-input,
.signup-form .has-error .ant-input-affix-wrapper .ant-input,
.forgotPassword-form .has-error .ant-input-affix-wrapper .ant-input,
.setpassword-form .has-error .ant-input-affix-wrapper .ant-input {
  border-color: #999999;
}
.signin-form .ant-form-item-children-icon:lang(ar),
.signup-form .ant-form-item-children-icon:lang(ar),
.forgotPassword-form .ant-form-item-children-icon:lang(ar),
.setpassword-form .ant-form-item-children-icon:lang(ar) {
  position: absolute !important;
  right: 90% !important;
}
.signin-form .ant-input-suffix:lang(ar),
.signup-form .ant-input-suffix:lang(ar),
.forgotPassword-form .ant-input-suffix:lang(ar),
.setpassword-form .ant-input-suffix:lang(ar) {
  position: absolute !important;
  right: 92.2% !important;
}
.signin-form .ant-input-lg,
.signup-form .ant-input-lg,
.forgotPassword-form .ant-input-lg,
.setpassword-form .ant-input-lg {
  height: 45px;
  min-height: 45px;
}
.signin-form .ant-input-sm,
.signup-form .ant-input-sm,
.forgotPassword-form .ant-input-sm,
.setpassword-form .ant-input-sm {
  height: 40px;
}
.signin-form .ant-form-item:not(:last-child),
.signup-form .ant-form-item:not(:last-child),
.forgotPassword-form .ant-form-item:not(:last-child),
.setpassword-form .ant-form-item:not(:last-child) {
  margin: 0;
}
.signin-form .ant-form-item,
.signup-form .ant-form-item,
.forgotPassword-form .ant-form-item,
.setpassword-form .ant-form-item {
  font-size: 12px;
}
.signin-form .ant-input-password-large input,
.signup-form .ant-input-password-large input,
.forgotPassword-form .ant-input-password-large input,
.setpassword-form .ant-input-password-large input {
  border-radius: 0px !important;
  border-color: #999999;
}
.signin-form .ant-input-group > .ant-input:first-child,
.signup-form .ant-input-group > .ant-input:first-child,
.forgotPassword-form .ant-input-group > .ant-input:first-child,
.setpassword-form .ant-input-group > .ant-input:first-child,
.signin-form .ant-input-group-addon:first-child,
.signup-form .ant-input-group-addon:first-child,
.forgotPassword-form .ant-input-group-addon:first-child,
.setpassword-form .ant-input-group-addon:first-child {
  border-radius: 0 0 0 9px !important;
}
.signin-form .ant-input-group > .ant-input:last-child,
.signup-form .ant-input-group > .ant-input:last-child,
.forgotPassword-form .ant-input-group > .ant-input:last-child,
.setpassword-form .ant-input-group > .ant-input:last-child,
.signin-form .ant-input-group-addon:last-child,
.signup-form .ant-input-group-addon:last-child,
.forgotPassword-form .ant-input-group-addon:last-child,
.setpassword-form .ant-input-group-addon:last-child {
  border-radius: 0 0 9px 0 !important;
}
.signin-form .ant-form-item-with-help.signup_telephone > div > div > div,
.signup-form .ant-form-item-with-help.signup_telephone > div > div > div,
.forgotPassword-form .ant-form-item-with-help.signup_telephone > div > div > div,
.setpassword-form .ant-form-item-with-help.signup_telephone > div > div > div {
  left: 118px !important;
}
.signin-form .ant-form-item-with-help.signup_telephone > div > div > div:lang(ar),
.signup-form .ant-form-item-with-help.signup_telephone > div > div > div:lang(ar),
.forgotPassword-form .ant-form-item-with-help.signup_telephone > div > div > div:lang(ar),
.setpassword-form .ant-form-item-with-help.signup_telephone > div > div > div:lang(ar) {
  left: unset !important;
  right: 118px !important;
}
.signin-form .ant-select-lg .ant-select-selection--single,
.signup-form .ant-select-lg .ant-select-selection--single,
.forgotPassword-form .ant-select-lg .ant-select-selection--single,
.setpassword-form .ant-select-lg .ant-select-selection--single {
  height: 43px;
  border: none;
}
.signin-form .ant-select-lg .ant-select-selection__rendered,
.signup-form .ant-select-lg .ant-select-selection__rendered,
.forgotPassword-form .ant-select-lg .ant-select-selection__rendered,
.setpassword-form .ant-select-lg .ant-select-selection__rendered {
  line-height: 43px;
  margin: 0% 5% !important;
  font-size: 14px !important;
  padding-bottom: 5px !important;
}
.signin-form .ant-input-affix-wrapper .ant-input:not(:last-child):lang(ar),
.signup-form .ant-input-affix-wrapper .ant-input:not(:last-child):lang(ar),
.forgotPassword-form .ant-input-affix-wrapper .ant-input:not(:last-child):lang(ar),
.setpassword-form .ant-input-affix-wrapper .ant-input:not(:last-child):lang(ar) {
  padding-right: 10px !important;
}
.signin-form .ant-input-affix-wrapper .ant-input:not(:last-child),
.signup-form .ant-input-affix-wrapper .ant-input:not(:last-child),
.forgotPassword-form .ant-input-affix-wrapper .ant-input:not(:last-child),
.setpassword-form .ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-left: 0px !important;
}
.signin-form-mobile .has-error .ant-form-explain,
.signup-form-mobile .has-error .ant-form-explain,
.forgotPassword-form-mobile .has-error .ant-form-explain,
.setpassword-form-mobile .has-error .ant-form-explain,
.signin-form-mobile .has-error .ant-form-split,
.signup-form-mobile .has-error .ant-form-split,
.forgotPassword-form-mobile .has-error .ant-form-split,
.setpassword-form-mobile .has-error .ant-form-split {
  color: #f5222d !important;
  padding-top: 2% !important;
  line-height: 1 !important;
  font-size: 0.75rem !important;
  margin: 0px 0px 1px 0px !important;
  font-weight: 600;
}
.signin-form-mobile .ant-form-explain:lang(ar),
.signup-form-mobile .ant-form-explain:lang(ar),
.forgotPassword-form-mobile .ant-form-explain:lang(ar),
.setpassword-form-mobile .ant-form-explain:lang(ar) {
  color: #f5222d !important;
  padding-top: 1% !important;
  line-height: 1 !important;
  font-size: 0.75rem !important;
  margin: 0px 0px 1px 0px !important;
}
.signin-form-mobile .ant-form-item-children-icon:lang(ar),
.signup-form-mobile .ant-form-item-children-icon:lang(ar),
.forgotPassword-form-mobile .ant-form-item-children-icon:lang(ar),
.setpassword-form-mobile .ant-form-item-children-icon:lang(ar) {
  position: absolute !important;
  right: 90% !important;
}
.signin-form-mobile .ant-input-suffix:lang(ar),
.signup-form-mobile .ant-input-suffix:lang(ar),
.forgotPassword-form-mobile .ant-input-suffix:lang(ar),
.setpassword-form-mobile .ant-input-suffix:lang(ar) {
  position: absolute !important;
  right: 92.2% !important;
}
.signin-form-mobile .ant-input-lg,
.signup-form-mobile .ant-input-lg,
.forgotPassword-form-mobile .ant-input-lg,
.setpassword-form-mobile .ant-input-lg {
  min-height: 45px;
}
.signin-form-mobile .ant-input-sm,
.signup-form-mobile .ant-input-sm,
.forgotPassword-form-mobile .ant-input-sm,
.setpassword-form-mobile .ant-input-sm {
  height: fit-content;
  min-height: 40px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.signin-form-mobile .ant-select-lg .ant-select-selection--single,
.signup-form-mobile .ant-select-lg .ant-select-selection--single,
.forgotPassword-form-mobile .ant-select-lg .ant-select-selection--single,
.setpassword-form-mobile .ant-select-lg .ant-select-selection--single {
  height: 42px;
  border: none;
}
.signin-form-mobile .ant-select-sm .ant-select-selection--single,
.signup-form-mobile .ant-select-sm .ant-select-selection--single,
.forgotPassword-form-mobile .ant-select-sm .ant-select-selection--single,
.setpassword-form-mobile .ant-select-sm .ant-select-selection--single {
  height: 42px !important;
  border: none;
}
.signin-form-mobile .ant-select-sm .ant-select-selection__rendered,
.signup-form-mobile .ant-select-sm .ant-select-selection__rendered,
.forgotPassword-form-mobile .ant-select-sm .ant-select-selection__rendered,
.setpassword-form-mobile .ant-select-sm .ant-select-selection__rendered {
  line-height: 43px;
  margin: 0% 5% !important;
}
.signin-form-mobile .ant-form-item:not(:last-child),
.signup-form-mobile .ant-form-item:not(:last-child),
.forgotPassword-form-mobile .ant-form-item:not(:last-child),
.setpassword-form-mobile .ant-form-item:not(:last-child) {
  margin: 5% 0%;
}
.signin-form-mobile .ant-form-item,
.signup-form-mobile .ant-form-item,
.forgotPassword-form-mobile .ant-form-item,
.setpassword-form-mobile .ant-form-item {
  font-size: 12px;
}
.signin-form-mobile .ant-input-password-large .ant-input,
.signup-form-mobile .ant-input-password-large .ant-input,
.forgotPassword-form-mobile .ant-input-password-large .ant-input,
.setpassword-form-mobile .ant-input-password-large .ant-input {
  border-radius: 9px !important;
  border: 1px solid #000 !important;
}
.signin-form-mobile .ant-input-password-small input,
.signup-form-mobile .ant-input-password-small input,
.forgotPassword-form-mobile .ant-input-password-small input,
.setpassword-form-mobile .ant-input-password-small input {
  border-radius: 0px !important;
  border-color: #999999;
}
.signin-form-mobile .has-error .ant-input-affix-wrapper .ant-input,
.signup-form-mobile .has-error .ant-input-affix-wrapper .ant-input,
.forgotPassword-form-mobile .has-error .ant-input-affix-wrapper .ant-input,
.setpassword-form-mobile .has-error .ant-input-affix-wrapper .ant-input {
  border-color: #999999;
}
.signin-form-mobile .has-error .ant-input-group-addon,
.signup-form-mobile .has-error .ant-input-group-addon,
.forgotPassword-form-mobile .has-error .ant-input-group-addon,
.setpassword-form-mobile .has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border: none !important;
}
.signin-form-mobile .ant-input-group > .ant-input:last-child,
.signup-form-mobile .ant-input-group > .ant-input:last-child,
.forgotPassword-form-mobile .ant-input-group > .ant-input:last-child,
.setpassword-form-mobile .ant-input-group > .ant-input:last-child,
.signin-form-mobile .ant-input-group-addon:last-child,
.signup-form-mobile .ant-input-group-addon:last-child,
.forgotPassword-form-mobile .ant-input-group-addon:last-child,
.setpassword-form-mobile .ant-input-group-addon:last-child {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  line-height: 2 !important;
  border: none !important;
  border-bottom-right-radius: 9px !important;
  border-top-right-radius: 9px !important;
}
.signin-form-mobile .ant-input-group > .ant-input:first-child,
.signup-form-mobile .ant-input-group > .ant-input:first-child,
.forgotPassword-form-mobile .ant-input-group > .ant-input:first-child,
.setpassword-form-mobile .ant-input-group > .ant-input:first-child,
.signin-form-mobile .ant-input-group-addon:first-child,
.signup-form-mobile .ant-input-group-addon:first-child,
.forgotPassword-form-mobile .ant-input-group-addon:first-child,
.setpassword-form-mobile .ant-input-group-addon:first-child {
  line-height: 2 !important;
  border: none !important;
  border-top-left-radius: 9px !important;
  border-bottom-left-radius: 9px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.signup-que > span {
  color: #B1B1B1;
}
.signup-que {
  font-size: 15px;
}
.signup-que-mobile {
  font-size: 15px;
}
.signin-container .ant-card-head,
.forgot-pwd-container .ant-card-head,
.verify-otp-container .ant-card-head,
.register-container .ant-card-head {
  background-color: #fff;
}
.forgotPassword-form .ant-input-sm {
  min-height: 40px;
}
.forgotPassword-form .ant-input:focus,
.signup-form .ant-input:focus,
.signin-form .ant-input:focus,
.setpassword-form .ant-input:focus {
  outline-width: 0;
  box-shadow: none;
}
.forgotPassword-form .ant-input-password-large,
.signup-form .ant-input-password-large,
.signin-form .ant-input-password-large,
.setpassword-form .ant-input-password-large {
  outline-width: 0;
  box-shadow: none;
}
.forgotPassword-form .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.signup-form .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.signin-form .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.setpassword-form .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #000 !important;
}
.forgotPassword-form .show-placeholder,
.signup-form .show-placeholder,
.signin-form .show-placeholder,
.setpassword-form .show-placeholder,
.forgotPassword-form .show-label,
.signup-form .show-label,
.signin-form .show-label,
.setpassword-form .show-label {
  position: relative;
  display: flex;
  flex-direction: column;
}
.forgotPassword-form .show-placeholder label,
.signup-form .show-placeholder label,
.signin-form .show-placeholder label,
.setpassword-form .show-placeholder label {
  position: absolute;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 18px !important;
  left: 0%;
  top: -50%;
  opacity: 0.5;
  font-family: DIN Next;
  color: #000;
  transition-timing-function: ease-in;
}
.forgotPassword-form .show-placeholder label:lang(ar),
.signup-form .show-placeholder label:lang(ar),
.signin-form .show-placeholder label:lang(ar),
.setpassword-form .show-placeholder label:lang(ar) {
  left: unset;
  right: 3%;
}
.forgotPassword-form .show-label label,
.signup-form .show-label label,
.signin-form .show-label label,
.setpassword-form .show-label label {
  position: absolute;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 18px !important;
  left: -1% !important;
  top: -50%;
  opacity: 0.5;
  font-family: DIN Next;
  color: #000;
  transition-timing-function: ease-in;
}
.forgotPassword-form .show-label label:lang(ar),
.signup-form .show-label label:lang(ar),
.signin-form .show-label label:lang(ar),
.setpassword-form .show-label label:lang(ar) {
  left: unset;
  right: -6% !important;
}
.forgotPassword-form .show-placeholder input,
.signup-form .show-placeholder input,
.signin-form .show-placeholder input,
.setpassword-form .show-placeholder input {
  z-index: 2;
  background-color: transparent !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
}
.forgotPassword-form .show-placeholder input:hover,
.signup-form .show-placeholder input:hover,
.signin-form .show-placeholder input:hover,
.setpassword-form .show-placeholder input:hover {
  border-color: #999999;
  background-color: transparent !important;
}
.forgotPassword-form .show-placeholder input[type='password'],
.signup-form .show-placeholder input[type='password'],
.signin-form .show-placeholder input[type='password'],
.setpassword-form .show-placeholder input[type='password'] {
  border-color: #999999;
  z-index: 2;
  background-color: transparent !important;
  border-radius: 0px !important;
  box-shadow: none;
}
.forgotPassword-form .show-placeholder input[type='password']:hover,
.signup-form .show-placeholder input[type='password']:hover,
.signin-form .show-placeholder input[type='password']:hover,
.setpassword-form .show-placeholder input[type='password']:hover {
  border-color: #999999;
  background-color: transparent !important;
}
.forgotPassword-form .show-label label,
.signup-form .show-label label,
.signin-form .show-label label,
.setpassword-form .show-label label,
.forgotPassword-form .show-label:focus-within label,
.signup-form .show-label:focus-within label,
.signin-form .show-label:focus-within label,
.setpassword-form .show-label:focus-within label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #999999;
  font-weight: 600;
  top: -17px;
  left: -2%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 1rem !important;
  transition: 0.2s ease-in;
}
.forgotPassword-form .show-label label .ant-select-arrow .ant-select-arrow-icon,
.signup-form .show-label label .ant-select-arrow .ant-select-arrow-icon,
.signin-form .show-label label .ant-select-arrow .ant-select-arrow-icon,
.setpassword-form .show-label label .ant-select-arrow .ant-select-arrow-icon,
.forgotPassword-form .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon,
.signup-form .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon,
.signin-form .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon,
.setpassword-form .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon {
  color: #333333;
}
.forgotPassword-form .show-label label:lang(ar),
.signup-form .show-label label:lang(ar),
.signin-form .show-label label:lang(ar),
.setpassword-form .show-label label:lang(ar) {
  left: unset;
  right: -2%;
}
.forgotPassword-form .show-label input,
.signup-form .show-label input,
.signin-form .show-label input,
.setpassword-form .show-label input {
  color: #333333;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
}
.forgotPassword-form .ant-input-lg,
.signup-form .ant-input-lg,
.signin-form .ant-input-lg,
.setpassword-form .ant-input-lg {
  padding: 0px !important;
}
.forgotPassword-form .show-label input[type='password']:hover,
.signup-form .show-label input[type='password']:hover,
.signin-form .show-label input[type='password']:hover,
.setpassword-form .show-label input[type='password']:hover {
  border: none;
  background-color: transparent !important;
}
.forgotPassword-form .ant-select-arrow,
.signup-form .ant-select-arrow,
.signin-form .ant-select-arrow,
.setpassword-form .ant-select-arrow {
  color: #000 !important;
  margin-top: -10px !important;
}
.forgotPassword-form .ant-select-selection-selected-value,
.signup-form .ant-select-selection-selected-value,
.signin-form .ant-select-selection-selected-value,
.setpassword-form .ant-select-selection-selected-value {
  margin-top: -4px !important;
}
.password-cont-empty,
.password-cont-filled {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 350px;
}
.password-cont-empty input {
  border: none;
  height: 45px;
  border-radius: 0px;
  min-width: 22.5vw;
  border-bottom: 2px solid #000;
}
.password-cont-empty input:focus {
  box-shadow: none;
}
.password-cont-empty label {
  display: none;
}
.password-cont-filled input {
  border: none !important;
  height: 44px;
  border-radius: 0px;
  min-width: 22.5vw;
  border-bottom: 2px solid #000 !important;
}
.password-cont-filled label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #333333;
  top: -17px;
  left: -2%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 0.95rem !important;
  transition: 0.2s ease-in;
}
.password-cont-filled label:lang(ar) {
  left: unset;
  right: 0% !important;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #333333 !important;
  border-color: #333333 !important;
  box-shadow: none;
}
.step-field-cont .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #F2DAC3;
  box-shadow: none;
}
.step-field-cont .ant-input[type='password']:focus {
  box-shadow: none;
  border-color: #F2DAC3;
}
.step-field-cont .ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.step-field-cont .ant-input-affix-wrapper .ant-input-suffix:lang(ar) {
  right: unset !important;
  left: 12px !important;
}
.step-field-cont-mob .ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.step-field-cont-mob .ant-input-affix-wrapper .ant-input-suffix:lang(ar) {
  right: unset !important;
  left: 12px !important;
}
.otp-box-container input[value=''] {
  border: none;
  border-bottom: 2px solid #999999;
}
.otp-box-container input:not([value='']),
.otp-box-container input:hover {
  border: none;
  border-bottom: 2px solid #000;
}
.otp-box-container input[value='']:lang(ar) {
  margin-right: 0px;
}
.otp-box-container input:not([value='']):lang(ar),
.otp-box-container input:hover:lang(ar) {
  margin-right: 0px;
}
.otp-box-container > form > div {
  justify-content: space-between;
}
.signup-form .ant-form-item-with-help {
  padding-bottom: 5px !important;
}
.otp-box-container-check input[value=''] {
  border: none;
  border-bottom: 2px solid #999999;
}
.otp-box-container-check input:not([value='']),
.otp-box-container-check input:hover {
  border: none;
  border-bottom: 2px solid #000;
}
.otp-box-container-check input[value='']:lang(ar) {
  margin-right: 0px;
}
.otp-box-container-check input:not([value='']):lang(ar),
.otp-box-container-check input:hover:lang(ar) {
  margin-right: 0px;
}
.otp-box-container-check > form > div {
  justify-content: space-between;
}
.signup-form-mobile .show-placeholder,
.signin-form-mobile .show-placeholder,
.forgotPassword-form-mobile .show-placeholder,
.setpassword-form-mobile .show-placeholder,
.signup-form-mobile .show-label,
.signin-form-mobile .show-label,
.forgotPassword-form-mobile .show-label,
.setpassword-form-mobile .show-label {
  position: relative;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.signup-form-mobile .show-placeholder label,
.signin-form-mobile .show-placeholder label,
.forgotPassword-form-mobile .show-placeholder label,
.setpassword-form-mobile .show-placeholder label {
  position: absolute;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 0.9rem !important;
  left: 0%;
  top: -45%;
  opacity: 0.5;
  font-family: DIN Next;
  color: #000;
  transition-timing-function: ease-in;
  padding: 0%;
}
.signup-form-mobile .show-label label,
.signin-form-mobile .show-label label,
.forgotPassword-form-mobile .show-label label,
.setpassword-form-mobile .show-label label {
  position: absolute;
  transform: translate(0, 20px) scale(1);
  transform-origin: top left;
  font-size: 18px !important;
  left: -1% !important;
  top: -50%;
  opacity: 0.5;
  font-family: DIN Next;
  color: #000;
  transition-timing-function: ease-in;
}
.signup-form-mobile .show-label label:lang(ar),
.signin-form-mobile .show-label label:lang(ar),
.forgotPassword-form-mobile .show-label label:lang(ar),
.setpassword-form-mobile .show-label label:lang(ar) {
  left: unset;
  right: -7% !important;
}
.signup-form-mobile .show-label label,
.signin-form-mobile .show-label label,
.forgotPassword-form-mobile .show-label label,
.setpassword-form-mobile .show-label label,
.signup-form-mobile .show-label:focus-within label,
.signin-form-mobile .show-label:focus-within label,
.forgotPassword-form-mobile .show-label:focus-within label,
.setpassword-form-mobile .show-label:focus-within label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #333333;
  font-weight: 600;
  top: -17px;
  left: -1%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 0.95rem !important;
  transition: 0.2s ease-in;
}
.signup-form-mobile .show-label label .ant-select-arrow .ant-select-arrow-icon,
.signin-form-mobile .show-label label .ant-select-arrow .ant-select-arrow-icon,
.forgotPassword-form-mobile .show-label label .ant-select-arrow .ant-select-arrow-icon,
.setpassword-form-mobile .show-label label .ant-select-arrow .ant-select-arrow-icon,
.signup-form-mobile .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon,
.signin-form-mobile .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon,
.forgotPassword-form-mobile .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon,
.setpassword-form-mobile .show-label:focus-within label .ant-select-arrow .ant-select-arrow-icon {
  color: #333333;
}
.signup-form-mobile .show-placeholder label:lang(ar),
.signin-form-mobile .show-placeholder label:lang(ar),
.forgotPassword-form-mobile .show-placeholder label:lang(ar),
.setpassword-form-mobile .show-placeholder label:lang(ar) {
  left: unset;
  right: 3%;
}
.signup-form-mobile .show-placeholder input,
.signin-form-mobile .show-placeholder input,
.forgotPassword-form-mobile .show-placeholder input,
.setpassword-form-mobile .show-placeholder input {
  z-index: 10;
  background-color: transparent !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
  padding: 0%;
}
.signup-form-mobile .show-placeholder input:hover,
.signin-form-mobile .show-placeholder input:hover,
.forgotPassword-form-mobile .show-placeholder input:hover,
.setpassword-form-mobile .show-placeholder input:hover {
  border-color: #999999;
  background-color: transparent !important;
}
.signup-form-mobile .show-placeholder input[type='password'],
.signin-form-mobile .show-placeholder input[type='password'],
.forgotPassword-form-mobile .show-placeholder input[type='password'],
.setpassword-form-mobile .show-placeholder input[type='password'] {
  border-color: #999999;
  z-index: 10;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.signup-form-mobile .show-placeholder input[type='password']:hover,
.signin-form-mobile .show-placeholder input[type='password']:hover,
.forgotPassword-form-mobile .show-placeholder input[type='password']:hover,
.setpassword-form-mobile .show-placeholder input[type='password']:hover {
  border-color: #999999;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.signup-form-mobile .show-label label:lang(ar),
.signin-form-mobile .show-label label:lang(ar),
.forgotPassword-form-mobile .show-label label:lang(ar),
.setpassword-form-mobile .show-label label:lang(ar) {
  left: unset;
  right: -2%;
}
.signup-form-mobile .show-label input,
.signin-form-mobile .show-label input,
.forgotPassword-form-mobile .show-label input,
.setpassword-form-mobile .show-label input {
  color: #333333;
  border-radius: 0px !important;
  border: none;
  border-bottom: 2px solid #000 !important;
  padding: 0%;
}
.signup-form-mobile .ant-input:focus,
.signin-form-mobile .ant-input:focus,
.forgotPassword-form-mobile .ant-input:focus,
.setpassword-form-mobile .ant-input:focus {
  outline-width: 0;
  box-shadow: none;
}
.signup-form-mobile .ant-input-password-small,
.signin-form-mobile .ant-input-password-small,
.forgotPassword-form-mobile .ant-input-password-small,
.setpassword-form-mobile .ant-input-password-small {
  outline-width: 0;
  box-shadow: none;
}
.signup-form-mobile .show-label input[type='password'],
.signin-form-mobile .show-label input[type='password'],
.forgotPassword-form-mobile .show-label input[type='password'],
.setpassword-form-mobile .show-label input[type='password'] {
  border-color: #333333;
}
.signup-form-mobile .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.signin-form-mobile .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.forgotPassword-form-mobile .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.setpassword-form-mobile .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #000 !important;
}
.signup-form-mobile #email-label,
.signin-form-mobile #email-label,
.forgotPassword-form-mobile #email-label,
.setpassword-form-mobile #email-label {
  left: 0% !important;
}
.signup-form-mobile #email-label:lang(ar),
.signin-form-mobile #email-label:lang(ar),
.forgotPassword-form-mobile #email-label:lang(ar),
.setpassword-form-mobile #email-label:lang(ar) {
  left: unset;
  right: 0% !important;
}
.signup-form-mobile .ant-select-arrow,
.signin-form-mobile .ant-select-arrow,
.forgotPassword-form-mobile .ant-select-arrow,
.setpassword-form-mobile .ant-select-arrow {
  color: #000 !important;
}
.password-cont-empty-mob,
.password-cont-filled-mob {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 75vw !important;
  white-space: nowrap;
}
.password-cont-empty-mob .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.password-cont-filled-mob .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #000;
  box-shadow: none;
  border-radius: 0px !important;
  border: none;
  border-bottom: 2px solid #000 !important;
  min-width: 77vw;
}
.password-cont-empty-mob .ant-input[type='password']:focus,
.password-cont-filled-mob .ant-input[type='password']:focus {
  box-shadow: none;
  border-color: #000;
  border-radius: 0px !important;
}
.password-cont-empty-mob input {
  border: none !important;
  height: 40px !important;
  border-radius: 0px !important;
  min-width: 77vw !important;
  border-bottom: 2px solid #000 !important;
}
.password-cont-empty-mob input:focus {
  box-shadow: none;
}
.password-cont-empty-mob label {
  display: none;
}
.password-cont-filled-mob label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #333333;
  top: -17px;
  left: -1%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 0.95rem !important;
  transition: 0.2s ease-in;
}
.password-cont-filled-mob label:lang(ar) {
  left: unset;
  right: 0% !important;
}
.otp-box-container-mob input[value=''] {
  border: none;
  margin-right: 7vw;
  border-bottom: 2px solid #999999 !important;
}
.otp-box-container-mob input:not([value='']),
.otp-box-container-mob input:hover {
  border: none;
  margin-right: 7vw;
  border-bottom: 2px solid #000 !important;
}
.otp-box-container-mob input[value='']:lang(ar) {
  margin-right: 0px;
  margin-left: 7vw;
}
.otp-box-container-mob input:not([value='']):lang(ar),
.otp-box-container-mob input:hover:lang(ar) {
  margin-right: 0px;
  margin-left: 7vw;
}
.check-password-cont-empty,
.check-password-cont-filled {
  position: relative;
  display: flex;
  flex-direction: column;
}
.check-password-cont-empty input {
  border: none;
  height: 45px;
  border-radius: 0px;
  min-width: 20vw;
  border-bottom: 2px solid #000 !important;
}
.check-password-cont-empty input:focus {
  box-shadow: none;
}
.check-password-cont-empty label {
  display: none;
}
.check-password-cont-filled input {
  border: none !important;
  height: 45px;
  border-radius: 0px;
  min-width: 22.5vw;
  border-bottom: 2px solid #000 !important;
}
.check-password-cont-filled label {
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  color: #333333;
  top: -17px;
  left: 0%;
  opacity: 1;
  background-color: #fff;
  width: fit-content;
  padding: 0% 1%;
  font-family: DIN Next;
  line-height: 1;
  font-size: 0.95rem !important;
  transition: 0.2s ease-in;
}
.check-password-cont-filled label:lang(ar) {
  left: unset;
  right: 0% !important;
}
.ant-input-affix-wrapper .ant-input:lang(ar):not(:last-child) {
  padding-right: 0px;
}
.sl-wrap-container {
  width: 100% !important;
  height: auto !important;
  background-color: #ffffff !important;
  padding: 10px 0px !important;
}
.sl-wrap-container #sl-wrap-row {
  font-weight: 500;
  font-size: 1rem;
  color: #666666;
  justify-content: space-evenly;
  min-height: 25px !important;
  max-height: 120px !important;
  align-items: center;
}
.sl-wrap-container #sl-wrap-row > button:nth-child(1) {
  background-color: #3c5899 !important;
}
.sl-wrap-container #sl-wrap-row > button:nth-child(2) {
  background-color: #f6f6f6 !important;
}
.sl-wrap-container .kep-login-facebook.metro {
  width: 30px !important;
  height: 30px !important;
  padding: 0% !important;
  border-radius: 50% !important;
}
.sl-wrap-container .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  width: 29px !important;
  height: 29px !important;
}
.sl-wrap-container-empty {
  width: 100% !important;
  background-color: #fff !important;
  height: 60px !important;
  content: '' !important;
}
.auth-footerlinks {
  margin: 30px auto 10px;
  justify-content: center;
}
.auth-footerlinks a {
  color: #666666 !important;
  font-weight: 500;
  font-size: 13px !important;
}
.auth-footerlinks #period-links {
  font-size: 35px;
  padding: 0px 10px !important;
  line-height: 1px;
  text-align: center;
}
.ext-avatars {
  width: 20px;
  height: 15px;
  padding: 0 !important;
  margin: 0px 0px 0px !important;
  border-radius: 0px !important;
}
.ext-avatars-mob {
  width: 15px;
  height: 12px;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
}
.resend-container > button {
  padding: 0px 10px !important;
}
.resend-container > button > i {
  margin: unset !important;
}
.resend-container:lang(ar) > button > i {
  margin: unset !important;
  margin-left: 5px !important;
}
.nsm7Bb-HzV7m-LgbsSe {
  border: none !important;
  max-width: 45px !important;
  min-width: 45px !important;
  height: 40px !important;
  width: 45px !important;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  display: none;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
  display: none;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  display: none;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin-left: 0px !important;
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin-right: 0px !important;
}
.kep-login-facebook.metro {
  border-radius: 4px !important;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nsm7Bb-HzV7m-LgbsSe {
  padding: 0% !important;
}
.registerMainContainer {
  margin: auto;
}
@media screen and (min-width: 1301px) and (max-width: 8000px) {
  .registerMainContainer {
    width: 38% !important;
  }
  .loginMainContainer {
    width: 30% !important;
  }
  .loginHdr {
    font-size: 1.5rem;
  }
  .login-signin-input {
    height: 45px;
    min-height: 45px;
    font-size: 17px !important;
    padding: 0px !important;
  }
  .verify-otp-main-container {
    width: 30% !important;
  }
  .back-btn-top-margin {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1300px) {
  .registerMainContainer {
    width: 45% !important;
  }
  .loginMainContainer {
    width: 40% !important;
  }
  .loginHdr {
    font-size: 1.5rem;
  }
  .login-signin-input {
    height: 45px;
    min-height: 45px;
    font-size: 17px !important;
    padding: 0px !important;
  }
  .verify-otp-main-container {
    width: 45% !important;
  }
  .back-btn-top-margin {
    margin-top: 85px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .registerMainContainer {
    width: 60% !important;
  }
  .loginMainContainer {
    width: 55% !important;
  }
  .loginHdr {
    font-size: 1.5rem;
  }
  .login-signin-input {
    height: 45px;
    min-height: 45px;
    font-size: 17px !important;
    padding: 0px !important;
  }
  .verify-otp-main-container {
    width: 55% !important;
  }
  .back-btn-top-margin {
    margin-top: 70px !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .registerMainContainer {
    width: 80% !important;
  }
  .loginMainContainer {
    width: 75% !important;
  }
  .loginHdr {
    font-size: 1.3rem;
  }
  .login-signin-input {
    height: 45px;
    min-height: 45px;
    font-size: 17px !important;
    padding: 0px !important;
  }
  .verify-otp-main-container {
    width: 65% !important;
  }
  .back-btn-top-margin {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 600px) {
  .registerMainContainer {
    width: 92% !important;
  }
  .loginMainContainer {
    width: 85% !important;
  }
  .loginHdr {
    font-size: 1.3rem;
  }
  .login-signin-input {
    height: 45px;
    min-height: 45px;
    font-size: 16px !important;
  }
  .haAclf {
    max-width: 200px;
    margin-left: 10px;
  }
  .verify-otp-main-container {
    width: 85% !important;
  }
  .back-btn-top-margin {
    margin-top: 61px !important;
  }
}
@media screen and (min-width: 280px) and (max-width: 480px) {
  .registerMainContainer {
    width: 92% !important;
  }
  .loginMainContainer {
    width: 92% !important;
  }
  .loginHdr {
    font-size: 1.3rem;
  }
  .login-signin-input {
    height: 45px;
    min-height: 45px;
    font-size: 16px !important;
  }
  .haAclf {
    max-width: 200px;
    margin-left: 10px;
  }
  .verify-otp-main-container {
    width: 90% !important;
  }
  .back-btn-top-margin {
    margin-top: 55px !important;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
#divider::after {
  content: '|';
  padding: 0 7px;
  position: relative;
}
.order-container {
  width: 100%;
  max-width: 1680px;
  min-height: 40vw;
  background-color: #FFFFFF;
  font-family: DIN Next;
  font-size: 16px;
  margin-top: 2%;
}
.order-wrapper {
  margin: 2.5vw auto !important;
  width: 90%;
  position: relative;
}
#order-success-header {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
}
#order-success-desc {
  font-size: 0.8rem;
  color: #666666;
}
#order-failure-desc {
  font-size: 28px;
  color: #333333;
  padding-bottom: 2%;
  font-weight: 600;
  text-align: center;
}
#order-failure-descmob {
  font-size: 22px;
  color: #333333;
  padding-bottom: 2%;
  font-weight: 600;
  text-align: center;
  width: 90%;
}
#order-success-headermob {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
}
.order-info-cont {
  margin-bottom: 10px;
}
.order-info-cont .ant-row {
  margin: 7px 0;
}
.order-sup-cont .ant-row {
  margin: 5px 0;
}
#order-print > span {
  margin: 0 5px;
}
#order-print:hover {
  cursor: pointer;
  text-decoration: underline;
}
.order-info-support {
  font-weight: 600;
}
.divider-horizontal {
  border-bottom: 1px solid rgba(177, 177, 177, 0.3);
  width: 80%;
  margin: 10px auto;
}
.order-btn,
.order-btn:hover,
.order-btn:focus,
.order-btn:active {
  border-radius: unset;
  border: 1px solid #333333;
  font-size: 0.8rem;
  background: #333333;
  color: #FFFFFF;
}
.cont-shopping-btn,
.cont-shopping-btn:hover,
.cont-shopping-btn:focus,
.cont-shopping-btn:active {
  height: 40px;
  min-width: 155px;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0 20px;
  border: unset;
  background: #FFFFFF !important;
  color: #333333;
  border: 1px solid #333333;
}
.cont-shopping-btnmob,
.cont-shopping-btnmob:hover,
.cont-shopping-btnmob:focus,
.cont-shopping-btnmob:active {
  height: 40px;
  min-width: 155px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 0px;
  border: unset;
  background: #FFFFFF !important;
  color: #333333;
  border-bottom: 2px solid #333333;
}
.view-ordr-btn {
  margin: 0 24px;
  height: 40px;
  min-width: 155px;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0 20px;
  background-color: #333333;
  color: #FFFFFF;
}
.setpassword-btn {
  margin: 0 24px;
  height: 40px;
  min-width: 157px;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 20px;
  background-color: #333333;
  color: #FFFFFF;
}
.setpassword-btnmob {
  margin: 0 24px;
  height: 40px;
  min-width: 170px;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 20px;
  background-color: #333333;
  color: #FFFFFF;
}
.setpassword-btnmob:lang(ar) {
  margin: 0 80px;
  height: 40px;
  min-width: 170px;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 0 20px;
  background-color: #333333;
  color: #FFFFFF;
}
.order-error-msg {
  font-weight: 500;
  font-size: 0.8rem;
  color: #FF0000;
}
#order-sts-msg {
  padding-bottom: 10px;
  margin: 5px 0;
  border: 1px solid rgba(177, 177, 177, 0.3);
  border-width: 1px 0px 1px 0px;
}
#payment-method {
  padding: 10px 0px;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}
#payment-brand {
  margin-bottom: 10px;
}
.cont-shopping-btnmob,
.cont-shopping-btnmob:hover,
.cont-shopping-btnmob:focus,
.cont-shopping-btnmob:active {
  height: 40px;
  min-width: 155px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 0px;
  border: unset;
  background: #FFFFFF !important;
  color: #333333;
  border-bottom: 2px solid #333333;
}
#order-fail-bottomdesc {
  font-size: 20px;
  color: #666666;
  margin: 16%;
  margin-top: 0px;
  margin-bottom: 8px;
}
.cont-shopping-btnweb,
.cont-shopping-btnweb:hover,
.cont-shopping-btnweb:focus,
.cont-shopping-btnweb:active {
  height: 40px;
  min-width: 155px;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0 20px;
  border: unset;
  background: #333333 !important;
  color: #ffffff;
  width: 34%;
}
#order-fail-bottomdescmob {
  font-size: 16px;
  color: #666666;
  width: 90%;
}
.sup-chan-cancel {
  font-size: 1.3vw;
  font-weight: 600;
  color: #333333;
  text-decoration-line: underline;
}
.sup-chan-icon,
.sup-chan-cancel {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}
.sup-chan-icon img,
.sup-chan-cancel img {
  height: auto;
  width: 1.5vw !important;
}
.sup-chan-mob-titlemob {
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-size: 15px;
  color: #333333;
}
.sup-chan-mob-icon,
.sup-chan-mob-textmob {
  display: table-cell;
  padding: 4px;
  font-size: 13px;
  color: #333333;
  letter-spacing: 0.8px;
  vertical-align: middle;
  text-decoration-line: underline;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.5;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
}
.ant-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
}
.ant-calendar-header a:hover {
  color: #40a9ff;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #40a9ff;
}
.ant-calendar-today .ant-calendar-date {
  color: #1890ff;
  font-weight: bold;
  border-color: #1890ff;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #bae7ff;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #1890ff;
  background: #bae7ff;
  border-color: #1890ff;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #1890ff;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #1890ff;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f7ff;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff;
}
.ant-calendar-time-picker-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: #40a9ff;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bae7ff;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #e6f7ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  color: #1890ff;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.custom-footer {
  font-family: DIN Next;
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  padding: 0;
  z-index: 1;
  /* Remove header border */
}
.custom-footer .ant-card-body {
  padding: 0;
}
.custom-footer .middlebar-container {
  width: 100%;
}
.custom-footer .middlebar-container .middlebar {
  width: 100%;
  padding: 20px 0;
}
.custom-footer .middlebar-container .middlebar .ant-card,
.custom-footer .middlebar-container .middlebar .ant-card-body {
  width: 100%;
}
.custom-footer .middlebar-container .middlebar .subscribe {
  margin-top: 15px;
  text-align: center;
}
.custom-footer .middlebar-container .middlebar .subscribe .subscribe-title {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFFFFF;
}
.custom-footer .middlebar-container .middlebar .subscribe .subscribe-desc {
  margin: 10px 0;
  width: 100%;
  font-size: 0.8rem;
}
.custom-footer .middlebar-container .middlebar .subscribe .subscribe-bar {
  width: 100%;
  margin-top: 5px;
}
.custom-footer .middlebar-container .middlebar .payment {
  border-bottom: 1px solid #B1B1B1;
  height: 40%;
}
.custom-footer .middlebar-container .middlebar .payment .safe-online-payment {
  align-items: center;
  width: 100%;
  opacity: 0.5;
  font-size: 20px;
  font-size: 1.2vw;
  font-weight: bold;
}
.custom-footer .middlebar-container .middlebar .payment .payment-methods {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.custom-footer .middlebar-container .middlebar .payment .payment-methods div {
  text-align: center;
}
.custom-footer .middlebar-container .middlebar .payment .payment-methods span {
  width: 50%;
  height: 50%;
}
.custom-footer .middlebar-container .middlebar .custom-support {
  margin-top: 15px;
  text-align: center;
}
.custom-footer .middlebar-container .middlebar .custom-support .custom-support-title {
  width: 100%;
  font-size: 24px;
  font-size: 1.3vw;
  font-weight: 600;
  color: #000000;
}
.custom-footer .middlebar-container .middlebar .custom-support .custom-support-desc {
  width: 100%;
  font-size: 0.8vw;
  color: #B1B1B1;
  letter-spacing: 1.5px;
  margin-top: 5px;
}
.custom-footer .middlebar-container .middlebar .custom-support .custom-support-bar {
  width: 100%;
  margin-top: 15px;
}
.custom-footer .middlebar-container .middlebar .custom-support .mobile-info {
  letter-spacing: 1.5px;
}
.custom-footer .middlebar-container .middlebar .custom-support .mobile-number {
  padding: 5px;
  background: #000000;
  border-radius: 5px;
  width: 14vw;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.8vw;
  align-items: center;
}
.custom-footer .middlebar-container .middlebar .custom-support .mobile-number-under {
  margin-top: 5px;
  color: #B1B1B1;
  font-size: 0.7vw;
}
.custom-footer .middlebar-container .middlebar .custom-support .seperator {
  padding-top: 22px;
  font-size: 1vw;
  background: #FFFFFF;
}
.custom-footer .middlebar-container .middlebar .custom-support .seperator span {
  background: #FFFFFF;
  position: relative;
  z-index: 999999;
}
.custom-footer .middlebar-container .middlebar .custom-support .padd-left {
  padding-left: 20px;
  padding-left: 1.3vw;
}
.custom-footer .middlebar-container .middlebar .custom-support .padd-right {
  padding-right: 25px;
}
.custom-footer .middlebar-container .middlebar .custom-support .email-info {
  padding: 5px 0px 5px 30px;
}
.custom-footer .middlebar-container .middlebar .custom-support .email-info .email-at {
  color: #B1B1B1;
  letter-spacing: 1px;
  font-size: 16px;
  font-size: 0.8vw;
}
.custom-footer .middlebar-container .middlebar .custom-support .email-info .email-id {
  color: #000000;
  font-size: 16px;
  font-size: 0.8vw;
  width: 100%;
}
.custom-footer .middlebar-container .middlebar .custom-support .email-info .email-id img {
  padding: 3px 8px 0 0;
}
.custom-footer .middlebar-container .middlebar .custom-support .email-info .email-id img:lang(ar) {
  padding: 3px 0 0 8px;
}
.custom-footer .middlebar-container .middlebar .custom-support .email-info:lang(ar) {
  padding: 5px 30px 5px 0px;
}
.custom-footer .middlebar-container .border-left {
  border-left: 1px solid #B1B1B1;
}
.custom-footer .footer-menu {
  border-bottom: 0.1px solid #B1B1B1;
  margin: 0 0 0 20px;
  padding: 0 25px 50px;
}
.custom-footer .footer-menu:lang(ar) {
  margin: 0 20px 0 0 !important;
}
.custom-footer .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu-submenu-title {
  text-align: right;
  padding-right: 24px;
  padding-left: 34px;
}
.custom-footer .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: unset!important;
  left: 16px!important;
}
.custom-footer .footer-menu-mobile:lang(ar) .footer-submenu-mobile .ant-menu .footer-submenu-item {
  padding-right: 40px !important;
  text-align: right;
}
.custom-footer .footer-menu-mobile .footer-submenu-mobile .ant-menu .ant-menu-item::after {
  border-right: 0;
}
.custom-footer .footer-menu-mobile .footer-submenu-mobile .ant-menu .ant-menu-item-selected a span {
  color: rgba(0, 0, 0, 0.65);
}
.custom-footer .ant-list-grid .ant-list-item {
  border-bottom: none;
  padding-top: 0;
  margin-bottom: 0;
}
.custom-footer .ant-list-header {
  border-bottom: 0 !important;
  padding: 0 0 5px;
}
.custom-footer .ant-list-grid .ant-list-item {
  margin: 0 !important;
}
.custom-footer .ant-input-search > .ant-input-suffix > .ant-input-search-button {
  padding: 43px;
}
.custom-footer .menu-header {
  font-size: 20px;
  font-size: 1vw;
  font-weight: 600;
  color: #000000;
}
.custom-footer .menu-item {
  font-size: 16px;
  font-size: 0.8vw;
  color: #B1B1B1;
}
.custom-footer .subscribe-bar > span > input,
.custom-footer .subscribe-bar > span > span > button > span {
  font-size: 0.8rem;
}
.custom-footer .ant-input-affix-wrapper .ant-input-suffix {
  right: 0;
}
.custom-footer .ant-input-affix-wrapper .ant-input-prefix {
  left: 0;
}
.custom-footer .bottom-bar-container {
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000000;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper {
  width: 100%;
  max-width: 1680px;
  padding: 10px 10px;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper a,
.custom-footer .bottom-bar-container .bottom-bar-wrapper span {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper span {
  display: inline-block;
  padding: 0 5px;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper .bottom-bar-divider {
  padding: 0;
  line-height: 20px;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper-mobile {
  width: 100%;
  max-width: 1680px;
  padding: 10px 10px;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper-mobile a,
.custom-footer .bottom-bar-container .bottom-bar-wrapper-mobile span {
  font-size: 11px;
  color: #FFFFFF;
  font-weight: 600;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper-mobile span {
  display: inline-block;
  padding: 0 1px;
}
.custom-footer .bottom-bar-container .bottom-bar-wrapper-mobile .bottom-bar-divider {
  padding: 0;
  line-height: 20px;
}
.topbar-mobile {
  padding: 4% 2%;
  width: 100%;
}
.topbar-mobile .topbar-mobile-element {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 12pt 0;
}
.topbar-mobile .topbar-mobile-element h4 {
  font-family: DIN Next;
  font-size: 4vw;
  color: #000000;
  margin: 0;
}
.topbar-mobile .topbar-mobile-element p {
  font-family: DIN Next;
  font-size: 3vw;
  color: #7F7F7F;
  margin: 0;
}
.topbar-container-mobile .ant-col-12 .ant-col-16 {
  text-align: left;
}
.topbar-container-mobile .ant-col-12:lang(ar) {
  float: right;
}
.topbar-container-mobile .ant-col-12:lang(ar) .ant-col-8 {
  float: right;
}
.topbar-container-mobile .ant-col-12:lang(ar) .ant-col-16 {
  text-align: right;
}
.logo-applink {
  padding: 20px;
  align-items: center;
  line-height: 0;
}
.logo-applink .logo {
  padding: 0 2vw;
}
.logo-applink .logo img {
  width: 90%;
}
.logo-applink .app-link {
  text-align: center;
}
.logo-applink .app-link-section {
  justify-content: space-around;
  margin-top: 20px;
}
.logo-applink .app-link-section a {
  margin: 0 5px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.logo-applink .app-link-section a + a {
  padding: 2px 0;
}
.data-center {
  justify-content: center;
}
.deals-mobile-col {
  padding: 0 !important;
  width: 100%;
}
.deals-mobile-link-nav {
  display: block;
  text-align: center;
}
.deals-mobile-avatar > img {
  width: 70%;
  border-radius: 4px;
  margin: auto;
}
.custom-support .ant-row-flex-space-between {
  justify-content: space-between;
  align-items: center;
}
.background-color {
  background-color: #F4F5F5;
}
.payment-mobile {
  background-color: #F4F5F5;
  text-align: center;
}
.payment-mobile p {
  display: inline;
}
.border-left {
  border-left: 1px solid #B1B1B1;
}
.border-right {
  border-right: 1px solid #B1B1B1;
}
.footer-right-align {
  text-align: right;
}
.footer-left-align {
  text-align: left;
}
.center {
  text-align: center;
}
.display-inline {
  display: inline-block;
}
.font-9 {
  font-size: 9px;
}
.mb-5 {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.font-family-arial {
  font-family: arial;
}
.bold {
  font-weight: bold;
}
.footer-submenu-mobile .ant-menu-sub.ant-menu-inline > .ant-menu-item {
  padding-left: 40px !important;
  padding-right: 0;
}
.font-13 {
  font-size: 13px !important;
}
.primary-text-color {
  color: #FFFFFF !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-15:lang(ar) {
  font-size: 10px !important;
}
.color-black {
  color: #000000;
}
.font-18 {
  font-size: 18px;
}
.font-weight-500 {
  font-weight: 500;
}
.color-333 {
  color: #333333;
}

.body-container {
  width: 100% !important;
  min-height: 80vh;
  background-color: #FFFFFF;
  background-size: cover;
}
@media screen and (min-width: 1025px) and (max-width: 8000px) {
  .body-container {
    padding-top: 96px !important;
  }
  .body-container-cart {
    padding-top: 58px !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1024px) {
  .body-container {
    padding-top: 60px !important;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.bottom-nav {
  display: none;
}
@media (max-width: 768px) {
  .bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    z-index: 1000;
  }
  .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #555;
  }
  .nav-item span {
    font-size: 12px;
    margin-top: 4px;
  }
  .nav-item:hover {
    color: #000;
  }
}

.am-steps {
  font-size: 0;
  width: 100%;
  line-height: 1.5;
  display: flex;
}
.am-steps,
.am-steps * {
  box-sizing: border-box;
}
.am-steps-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  flex: 1;
  overflow: hidden;
}
.am-steps-item:last-child {
  flex: none;
}
.am-steps-item:last-child .am-steps-item-tail,
.am-steps-item:last-child .am-steps-item-title:after {
  display: none;
}
.am-steps-item-icon,
.am-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.am-steps-item-icon {
  border: 1px solid #bbb;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 22px;
  text-align: center;
  font-size: 14px;
  margin-right: 8px;
  transition: background-color 0.3s, border-color 0.3s;
}
.am-steps-item-icon > .am-steps-icon {
  line-height: 1;
  top: -1px;
  color: #108ee9;
  position: relative;
}
.am-steps-item-icon > .am-steps-icon .am-icon {
  font-size: 12px;
  position: relative;
  float: left;
}
.am-steps-item-tail {
  position: absolute;
  left: 0;
  width: 100%;
  top: 12px;
  padding: 0 10px;
}
.am-steps-item-tail:after {
  content: '';
  display: inline-block;
  background: #ddd;
  height: 1px;
  border-radius: 1px;
  width: 100%;
  transition: background 0.3s;
  position: relative;
  left: -2px;
}
.am-steps-item-content {
  margin-top: 3px;
}
.am-steps-item-title {
  font-size: 16px;
  margin-bottom: 4px;
  color: #000;
  font-weight: bold;
  display: inline-block;
  padding-right: 10px;
  position: relative;
}
.am-steps-item-description {
  font-size: 15px;
  color: #bbb;
}
.am-steps-item-wait .am-steps-item-icon {
  border-color: #ccc;
  background-color: #fff;
}
.am-steps-item-wait .am-steps-item-icon > .am-steps-icon {
  color: #ccc;
}
.am-steps-item-wait .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
  background: #ccc;
}
.am-steps-item-wait .am-steps-item-title {
  color: #000;
}
.am-steps-item-wait .am-steps-item-title:after {
  background-color: #ddd;
}
.am-steps-item-wait .am-steps-item-description {
  color: #000;
}
.am-steps-item-wait .am-steps-item-tail:after {
  background-color: #ddd;
}
.am-steps-item-process .am-steps-item-icon {
  border-color: #108ee9;
  background-color: #fff;
}
.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
  color: #108ee9;
}
.am-steps-item-process .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
  background: #108ee9;
}
.am-steps-item-process .am-steps-item-title {
  color: #000;
}
.am-steps-item-process .am-steps-item-title:after {
  background-color: #ddd;
}
.am-steps-item-process .am-steps-item-description {
  color: #000;
}
.am-steps-item-process .am-steps-item-tail:after {
  background-color: #ddd;
}
.am-steps-item-process .am-steps-item-icon {
  background: #108ee9;
}
.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
  color: #fff;
}
.am-steps-item-finish .am-steps-item-icon {
  border-color: #108ee9;
  background-color: #fff;
}
.am-steps-item-finish .am-steps-item-icon > .am-steps-icon {
  color: #108ee9;
}
.am-steps-item-finish .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
  background: #108ee9;
}
.am-steps-item-finish .am-steps-item-title {
  color: #000;
}
.am-steps-item-finish .am-steps-item-title:after {
  background-color: #108ee9;
}
.am-steps-item-finish .am-steps-item-description {
  color: #000;
}
.am-steps-item-finish .am-steps-item-tail:after {
  background-color: #108ee9;
}
.am-steps-item-error .am-steps-item-icon {
  border-color: #f4333c;
  background-color: #fff;
}
.am-steps-item-error .am-steps-item-icon > .am-steps-icon {
  color: #f4333c;
}
.am-steps-item-error .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
  background: #f4333c;
}
.am-steps-item-error .am-steps-item-title {
  color: #f4333c;
}
.am-steps-item-error .am-steps-item-title:after {
  background-color: #ddd;
}
.am-steps-item-error .am-steps-item-description {
  color: #f4333c;
}
.am-steps-item-error .am-steps-item-tail:after {
  background-color: #ddd;
}
.am-steps-item.am-steps-next-error .am-steps-item-title:after {
  background: #f4333c;
}
.am-steps-item.error-tail .am-steps-item-tail:after {
  background-color: #f4333c;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item {
  margin-right: 10px;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item:last-child {
  margin-right: 0;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-tail {
  display: none;
}
.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-description {
  max-width: 100px;
}
.am-steps-item-custom .am-steps-item-icon {
  background: none;
  border: 0;
  width: auto;
  height: auto;
}
.am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
  font-size: 22px;
  top: 1px;
  width: 22px;
  height: 22px;
}
.am-steps-item-custom.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
  color: #108ee9;
}
.am-steps-small .am-steps-item-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 18px;
  font-size: 14px;
  margin-right: 8px;
}
.am-steps-small .am-steps-item-icon > .am-steps-icon {
  font-size: 12px;
  transform: scale(0.75);
  top: -2px;
}
.am-steps-small .am-steps-item-content {
  margin-top: 0;
}
.am-steps-small .am-steps-item-title {
  font-size: 16px;
  margin-bottom: 3px;
  color: #000;
  font-weight: bold;
}
.am-steps-small .am-steps-item-description {
  font-size: 12px;
  color: #bbb;
}
.am-steps-small .am-steps-item-tail {
  top: 8px;
  padding: 0 8px;
}
.am-steps-small .am-steps-item-tail:after {
  height: 1px;
  border-radius: 1px;
  width: 100%;
  left: 0;
}
.am-steps-small .am-steps-item-custom .am-steps-item-icon {
  background: none;
}
.am-steps-small .am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
  font-size: 18px;
  top: -2px;
  transform: none;
}
.am-steps-vertical {
  display: block;
}
.am-steps-vertical .am-steps-item {
  display: block;
  overflow: visible;
}
.am-steps-vertical .am-steps-item-icon {
  float: left;
}
.am-steps-vertical .am-steps-item-icon-inner {
  margin-right: 16px;
}
.am-steps-vertical .am-steps-item-content {
  min-height: 48px;
  overflow: hidden;
  display: block;
}
.am-steps-vertical .am-steps-item-title {
  line-height: 26px;
}
.am-steps-vertical .am-steps-item-title:after {
  display: none;
}
.am-steps-vertical .am-steps-item-description {
  padding-bottom: 12px;
}
.am-steps-vertical .am-steps-item-tail {
  position: absolute;
  left: 13px;
  top: 0;
  height: 100%;
  width: 1px;
  padding: 30px 0 4px 0;
}
.am-steps-vertical .am-steps-item-tail:after {
  height: 100%;
  width: 1px;
}
.am-steps-vertical.am-steps-small .am-steps-item-tail {
  position: absolute;
  left: 9px;
  top: 0;
  padding: 22px 0 4px 0;
}
.am-steps-vertical.am-steps-small .am-steps-item-title {
  line-height: 18px;
}
.am-steps-label-vertical .am-steps-item {
  overflow: visible;
}
.am-steps-label-vertical .am-steps-item-tail {
  padding: 0 24px;
  margin-left: 48px;
}
.am-steps-label-vertical .am-steps-item-content {
  display: block;
  text-align: center;
  margin-top: 8px;
  width: 100px;
}
.am-steps-label-vertical .am-steps-item-icon {
  display: inline-block;
  margin-left: 36px;
}
.am-steps-label-vertical .am-steps-item-title {
  padding-right: 0;
}
.am-steps-label-vertical .am-steps-item-title:after {
  display: none;
}

.am-swipe {
  overflow: hidden;
  position: relative;
}
.am-swipe-content {
  position: relative;
  background-color: #fff;
}
.am-swipe-cover {
  position: absolute;
  z-index: 2;
  background: transparent;
  height: 100%;
  width: 100%;
  top: 0;
  display: none;
}
.am-swipe .am-swipe-content,
.am-swipe .am-swipe-actions {
  transition: all 250ms;
}
.am-swipe-swiping .am-swipe-content,
.am-swipe-swiping .am-swipe-actions {
  transition: none;
}
.am-swipe-swiping .am-list-item-active {
  background-color: #FFF;
}
.am-swipe-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.am-swipe-actions-left {
  left: 0;
}
.am-swipe-actions-right {
  right: 0;
}
.am-swipe-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.am-swipe-btn-text {
  padding: 0 8px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.items-in-cart {
  margin-top: 48px;
  width: 72vw;
}
.items-in-cart__header {
  height: 48px;
  background: #838383;
  box-shadow: 0px 4px 10px #00000029;
  border-radius: 5px 5px 0px 0px;
  text-transform: uppercase;
  font-size: 18px;
}
.items-in-cart__header__title {
  line-height: 48px;
  color: #FFFFFF;
}
.items-in-cart__header__title:lang(ar) {
  text-align: right;
}
.items-in-cart__header__action {
  line-height: 48px;
  text-align: right;
}
.items-in-cart__header__action button,
.items-in-cart__header__action button:hover {
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  background-color: transparent;
}
.items-in-cart__header__action:lang(ar) {
  text-align: left;
}
.items-in-cart__body__table .ant-table-wrapper {
  font-family: inherit;
  font-weight: inherit;
}
.items-in-cart__body__table .ant-card-body {
  padding: 0 25px;
  text-align: start;
  color: #000000;
}
.items-in-cart__body__table .ant-card-head {
  border: 0;
  font-size: 1.4rem;
  text-align: left;
}
.items-in-cart__body__table .ant-card-head:lang(ar) {
  border: 0;
  font-size: 1.4rem;
  text-align: right;
}
.items-in-cart__body__table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: none;
  border-radius: 0px 0px 5px 5px;
}
.items-in-cart__body__table .ant-table-row:hover {
  background-color: #FFFFFF;
}
.items-in-cart__body__table .ant-table-thead {
  font-size: 1rem;
  background-color: #FFFFFF !important;
  text-transform: uppercase;
  color: #000000;
}
.items-in-cart__body__table .ant-input-number {
  width: 50px;
}
.items-in-cart__body__table .product-price1,
.items-in-cart__body__table .product-name,
.items-in-cart__body__table .product-quantity,
.items-in-cart__body__table .product-action {
  background-color: #FFFFFF;
  font-weight: bold;
  color: #000000;
}

.user-login {
  width: 72vw;
  margin-top: 48px;
}
.user-login--selected {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 0px;
}
.user-login--selected__label {
  display: flex;
}
.user-login--selected__label__index {
  background-color: #00473c;
  color: #FFFFFF;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
  font-size: 18px;
}
.user-login--selected__label__title {
  color: #00473c;
  font-weight: bold;
  font-size: 20px;
  line-height: 48px;
}
.user-login--selected__cta {
  font-size: 18px;
  padding: 0px 12px;
  color: #00473c;
  border: 1px solid #00473c;
  border-radius: 4px;
  height: 48px;
  line-height: 46px;
  margin-right: 24px;
  text-transform: uppercase;
}
.user-login__header {
  height: 48px;
  background: #838383;
  box-shadow: 0px 4px 10px #00000029;
  border-radius: 5px 5px 0px 0px;
  text-transform: uppercase;
  font-size: 18px;
  display: flex;
}
.user-login__header--expanded {
  background-color: #45A055;
}
.user-login__header--expanded > div:first-child {
  color: #85B068;
}
.user-login__header__index {
  background-color: #FFFFFF;
  color: #838383;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
}
.user-login__header__title {
  line-height: 48px;
  color: #FFFFFF;
  font-weight: 600;
}
.user-login__body {
  background-color: #FFFFFF;
  padding: 24px 48px;
}
.user-login__body__container {
  display: flex;
}
.user-login__body__container__login,
.user-login__body__container__guest {
  width: 50%;
}
.user-login__body__container__login {
  display: flex;
  flex-direction: column;
}
.user-login__body__container__login > input {
  width: 60%;
  height: 48px;
  border: none;
  border-bottom: 1px solid #707070;
  border-radius: 0;
  outline: 0;
}
.user-login__body__container__login > input:focus {
  outline: 0;
  border: none;
}
.user-login__body__container__login > button {
  width: 60%;
  height: 48px;
  background-color: #00473c;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  line-height: 48px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 16px;
}
.user-login__body__container__guest {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-login__body__container__guest > button {
  width: 60%;
  color: #00473c;
  border: 1px solid #00473c;
  background-color: #FFFFFF;
  border-radius: 4px;
  line-height: 48px;
  font-size: 20px;
  font-weight: 600;
}
.user-login__body__container__guest > div {
  width: 60%;
  height: 48px;
  text-align: center;
  margin-top: 16px;
}
.user-login__body__container__guest > div > span {
  line-height: 48px;
}
.user-login__body__container__guest > div > span:first-child {
  text-transform: capitalize;
}
.user-login__body__container__guest > div > span:last-child {
  text-transform: uppercase;
  color: #85B068;
  font-weight: 600;
}

html {
  --antd-wave-shadow-color: #00473c;
}
.delivery-address {
  width: 72vw;
  margin-top: 48px;
}
.delivery-address--selected {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 0px;
}
.delivery-address--selected__label {
  display: flex;
}
.delivery-address--selected__label__index {
  background-color: #00473c;
  color: #FFFFFF;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
  font-size: 18px;
}
.delivery-address--selected__label__title__header {
  color: #00473c;
  font-weight: bold;
  font-size: 20px;
  line-height: 48px;
  text-transform: uppercase;
}
.delivery-address--selected__label__title__name {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
}
.delivery-address--selected__label__title__phone-number {
  color: #B1B1B1;
  font-size: 18px;
}
.delivery-address--selected__label__title__address {
  color: #B1B1B1;
  font-size: 18px;
}
.delivery-address--selected__cta {
  font-size: 18px;
  padding: 0px 12px;
  color: #00473c;
  border: 1px solid #838383;
  border-radius: 4px;
  height: 48px;
  line-height: 46px;
  margin-right: 24px;
  text-transform: uppercase;
}
.delivery-address__header {
  height: 48px;
  background: #838383;
  border-radius: 5px 5px 0px 0px;
  text-transform: uppercase;
  font-size: 18px;
  display: flex;
}
.delivery-address__header--expanded {
  background-color: #45A055;
}
.delivery-address__header--expanded > div:first-child {
  color: #85B068;
}
.delivery-address__header__index {
  background-color: #FFFFFF;
  color: #838383;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
}
.delivery-address__header__title {
  line-height: 48px;
  color: #FFFFFF;
}
.delivery-address__body {
  padding: 24px 48px;
  background-color: #FFFFFF;
}
.delivery-address__body__list {
  width: 100%;
}
.delivery-address__body__list > .ant-radio-group {
  width: 100%;
}
.delivery-address__body__list__option {
  border-bottom: 1px solid #838383;
  margin-top: 12px;
}
.delivery-address__body__list__option__wrapper {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.delivery-address__body__list__option__wrapper > span {
  font-size: 18px;
  color: #00473c;
}
.delivery-address__body__list__option__wrapper > label {
  font-size: 20px;
  font-weight: bold;
}
.delivery-address__body__list__option__wrapper > label > span > input::selection {
  background-color: #00473c;
}
.delivery-address__body__list__option__wrapper > label > span > .ant-radio-inner {
  border-color: #04C753;
}
.delivery-address__body__list__option__wrapper > label > span > .ant-radio-inner::after {
  background-color: #04C753;
}
.delivery-address__body__list__option__address-wrapper {
  font-size: 18px;
  padding-left: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  height: 48px;
}
.delivery-address__body__list__option__cta > button {
  height: 48px;
  background-color: #000000;
  line-height: 48px;
  border-radius: 4px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0px 12px 0px 12px;
}
.delivery-address__add-new-address {
  color: #00473c;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 16px;
}
.delivery-address__add-new-address__error {
  color: red;
  font-size: 10px;
  margin-top: -11px;
}
.delivery-address__add-new-address > label {
  font-size: 20px;
  color: #00473c;
}
.delivery-address__add-new-address > label > span > input::selection {
  background-color: #00473c;
}
.delivery-address__add-new-address > label > span > .ant-radio-inner {
  border-color: #00473c;
}
.delivery-address__add-new-address > label > span > .ant-radio-inner::after {
  background-color: #00473c;
}
.delivery-address__add-new-address__first-name,
.delivery-address__add-new-address__last-name,
.delivery-address__add-new-address__city,
.delivery-address__add-new-address__state,
.delivery-address__add-new-address__country,
.delivery-address__add-new-address__zip,
.delivery-address__add-new-address__phone-number,
.delivery-address__add-new-address__alt-phone-number {
  height: 48px;
  margin-bottom: 16px;
  width: calc(100% - 6px);
}
.delivery-address__add-new-address__first-name,
.delivery-address__add-new-address__city,
.delivery-address__add-new-address__state,
.delivery-address__add-new-address__phone-number {
  margin-right: 6px;
}
.delivery-address__add-new-address__last-name,
.delivery-address__add-new-address__country,
.delivery-address__add-new-address__zip,
.delivery-address__add-new-address__alt-phone-number {
  margin-left: 6px;
}
.delivery-address__add-new-address__last-name + div,
.delivery-address__add-new-address__country + div,
.delivery-address__add-new-address__zip + div,
.delivery-address__add-new-address__alt-phone-number + div {
  margin-left: 6px;
}
.delivery-address__add-new-address__street-address {
  height: 72px !important;
  margin-bottom: 16px;
}
.delivery-address__add-new-address__cta-container {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.delivery-address__add-new-address__save-and-deliver {
  height: 48px;
  font-size: 20px;
  line-height: 48px;
  font-weight: bold;
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 0px 12px 0px 12px;
}
.delivery-address__add-new-address__cancel {
  text-align: center;
  color: #333333;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 48px;
  height: 48px;
  width: 256px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.shipping-methods {
  width: 72vw;
  margin-top: 48px;
}
.shipping-methods--selected {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 0px;
}
.shipping-methods--selected__label {
  display: flex;
}
.shipping-methods--selected__label__index {
  background-color: #00473c;
  color: #FFFFFF;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
  font-size: 18px;
}
.shipping-methods--selected__label__title {
  text-transform: uppercase;
}
.shipping-methods--selected__label__title__header {
  color: #00473c;
  font-weight: bold;
  font-size: 20px;
  line-height: 48px;
}
.shipping-methods--selected__label__title__selected-method {
  color: #B1B1B1;
  font-size: 18px;
}
.shipping-methods--selected__cta {
  font-size: 18px;
  padding: 0px 12px;
  color: #00473c;
  border: 1px solid #00473c;
  border-radius: 4px;
  height: 48px;
  line-height: 46px;
  margin-right: 24px;
  text-transform: uppercase;
}
.shipping-methods__header {
  height: 48px;
  background: #838383;
  box-shadow: 0px 4px 10px #00000029;
  border-radius: 5px 5px 0px 0px;
  text-transform: uppercase;
  font-size: 18px;
  display: flex;
}
.shipping-methods__header--expanded {
  background-color: #85B068;
}
.shipping-methods__header--expanded > div:first-child {
  color: #85B068;
}
.shipping-methods__header__index {
  background-color: #FFFFFF;
  color: #838383;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
}
.shipping-methods__header__title {
  line-height: 48px;
  color: #FFFFFF;
}
.shipping-methods__body {
  background-color: #FFFFFF;
  padding: 24px 48px 0px 48px;
}
.shipping-methods__body > div {
  width: 100%;
}
.shipping-methods__body > div .ant-table-wrapper {
  font-family: inherit;
  font-weight: inherit;
}
.shipping-methods__body > div .ant-card-body {
  padding: 0 25px;
  text-align: start;
}
.shipping-methods__body > div .ant-card-head {
  border: 0;
  font-size: 1.4rem;
  text-align: left;
}
.shipping-methods__body > div .ant-card-head:lang(ar) {
  border: 0;
  font-size: 1.4rem;
  text-align: right;
}
.shipping-methods__body > div .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: none;
  border-radius: 0px 0px 5px 5px;
}
.shipping-methods__body > div .ant-table-row:hover {
  background-color: #FFFFFF;
}
.shipping-methods__body > div .ant-table-thead {
  font-size: 1rem;
  background-color: #FFFFFF !important;
  text-transform: uppercase;
  color: #000000;
}
.shipping-methods__body > div .ant-table-thead > tr > th {
  background-color: #FFFFFF;
  font-weight: bold;
}
.shipping-methods__footer {
  background-color: #FFFFFF;
  padding: 24px 48px 24px 48px;
  display: flex;
  justify-content: flex-end;
}
.shipping-methods__footer > button {
  height: 48px;
  color: #FFFFFF;
  background-color: #00473c;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
  line-height: 48px;
  border-radius: 4px;
  border: none;
  padding: 0px 16px;
}

.order-summary {
  margin-top: 48px;
  width: 72vw;
}
.order-summary--selected {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 0px;
}
.order-summary--selected__label {
  display: flex;
}
.order-summary--selected__label__index {
  background-color: #00473c;
  color: #FFFFFF;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
  font-size: 18px;
}
.order-summary--selected__label__title__header {
  color: #00473c;
  font-weight: bold;
  font-size: 20px;
  line-height: 48px;
  text-transform: uppercase;
}
.order-summary--selected__label__title__item-count {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}
.order-summary--selected__cta {
  font-size: 18px;
  padding: 0px 12px;
  color: #00473c;
  border: 1px solid #838383;
  border-radius: 4px;
  height: 48px;
  line-height: 46px;
  margin-right: 24px;
  text-transform: uppercase;
}
.order-summary__header {
  height: 48px;
  background: #838383;
  box-shadow: 0px 4px 10px #00000029;
  border-radius: 5px 5px 0px 0px;
  text-transform: uppercase;
  font-size: 18px;
  display: flex;
}
.order-summary__header--expanded {
  background-color: #85B068;
}
.order-summary__header--expanded > div:first-child {
  color: #85B068;
}
.order-summary__header__index {
  background-color: #FFFFFF;
  color: #838383;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 12px 24px 12px 24px;
}
.order-summary__header__title {
  line-height: 48px;
  color: #FFFFFF;
}
.order-summary__body > div {
  margin-top: 0px !important;
}
.order-summary__footer {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-transform: uppercase;
}
.order-summary__footer > div {
  width: 40%;
  display: flex;
  justify-content: space-between;
  padding: 16px 96px 16px 0px;
  font-size: 16px;
}
.order-summary__footer > div:last-child {
  font-weight: 600;
}
.order-summary__footer__bottom {
  padding: 8px 96px;
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
}
.order-summary__footer__bottom > span {
  color: #B1B1B1;
  font-size: 16px;
  line-height: 48px;
}
.order-summary__footer__bottom > button {
  font-size: 16px;
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 4px;
  text-transform: uppercase;
  height: 48px;
  line-height: 48px;
  padding: 0px 16px;
  border: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f7ff;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

.am-toast {
  position: fixed;
  width: 100%;
  z-index: 1999;
  font-size: 14px;
  text-align: center;
}
.am-toast > span {
  max-width: 50%;
}
.am-toast.am-toast-mask {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  transform: translateZ(1px);
}
.am-toast.am-toast-nomask {
  position: fixed;
  max-width: 50%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translateZ(1px);
}
.am-toast.am-toast-nomask .am-toast-notice {
  transform: translateX(-50%) translateY(-50%);
}
.am-toast-notice-content .am-toast-text {
  min-width: 60px;
  border-radius: 3px;
  color: #fff;
  background-color: rgba(58, 58, 58, 0.9);
  line-height: 1.5;
  padding: 9px 15px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon {
  border-radius: 5px;
  padding: 15px 15px;
}
.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
  margin-top: 6px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.support-title:after {
  content: '*';
  color: #e02b27;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.support-title {
  margin: 0 0 8px;
  display: inline-block;
}
.fieldset {
  border: 0;
  margin: 0 0 36px;
  padding: 0;
}
.fieldset-mobile {
  border: 0;
  margin: 0 !important;
  padding: 0;
}
.support-container {
  min-height: 70vh;
  padding: 20px 20px;
  display: grid;
  width: 100%;
}
.fieldset > .field {
  margin: 0 0 18px;
}
.support-action {
  margin: 20px 0 0;
}
.support-action-mobile {
  margin: 0;
}
.legend {
  border-width: 0 !important;
  color: #000000 !important;
  margin-bottom: 10px !important;
}
.success-container {
  padding-top: 0;
  padding-bottom: 10px;
}
.product-list {
  width: 100%;
  display: block;
  padding-left: 12px;
}
.control:lang(ar) .ant-select-arrow {
  left: 0;
}
.control:lang(ar) .ant-select-arrow .ant-select-arrow-icon {
  text-align: left;
  margin-left: 11px;
}
.control:lang(ar) .ant-select {
  margin-right: 0 !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.am-card {
  min-height: 96px;
  padding-bottom: 6px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.am-card:not(.am-card-full) {
  border: 1PX solid #ddd;
  border-radius: 5px;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-card:not(.am-card-full) {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .am-card:not(.am-card-full)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #ddd;
    border-radius: 10px;
    transform-origin: 0 0;
    transform: scale(0.5);
    box-sizing: border-box;
    pointer-events: none;
  }
}
.am-card.am-card-full {
  position: relative;
  border-top: 1PX solid #ddd;
  border-bottom: 1PX solid #ddd;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-card.am-card-full {
    border-top: none;
  }
  html:not([data-scale]) .am-card.am-card-full::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-card.am-card-full::before {
    transform: scaleY(0.33);
  }
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-card.am-card-full {
    border-bottom: none;
  }
  html:not([data-scale]) .am-card.am-card-full::after {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-card.am-card-full::after {
    transform: scaleY(0.33);
  }
}
.am-card-header {
  display: flex;
  align-items: center;
  font-size: 17px;
  padding: 9px 15px;
}
.am-card-header-content {
  flex: 1;
  text-align: left;
  color: #000;
  display: flex;
  align-items: center;
}
.am-card-header-content img {
  margin-right: 5px;
}
.am-card-header-extra {
  flex: 1;
  text-align: right;
  font-size: 17px;
  color: #888;
}
.am-card-body {
  position: relative;
  border-top: 1PX solid #ddd;
  padding: 15px 15px 6px;
  font-size: 15px;
  color: #333;
  min-height: 40px;
  flex: 1;
}
@media (min-resolution: 2dppx) {
  html:not([data-scale]) .am-card-body {
    border-top: none;
  }
  html:not([data-scale]) .am-card-body::before {
    content: '';
    position: absolute;
    background-color: #ddd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 50%;
    transform: scaleY(0.5);
  }
}
@media (min-resolution: 2dppx) and (min-resolution: 3dppx) {
  html:not([data-scale]) .am-card-body::before {
    transform: scaleY(0.33);
  }
}
.am-card-footer {
  font-size: 14px;
  color: #888;
  padding: 0 15px;
  display: flex;
}
.am-card-footer-content {
  flex: 1;
}
.am-card-footer-extra {
  flex: 1;
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.page-container {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 30vw;
  padding-bottom: 4vw;
  background-color: #FFFFFF;
}
.content-block-web {
  width: 100%;
  text-align: justify;
  font-size: 11px;
  color: #999999;
  line-height: 16.8px;
  overflow: hidden;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.error img {
  display: block;
  margin: auto;
  position: relative;
}
@media screen and (max-width: 576px) {
  .error img {
    width: 100% !important;
    right: 11px;
  }
}
.error-500 {
  width: 100%;
  height: 100vh;
  background-color: #00473c;
  text-align: justify;
}
.error-500 h1 {
  font-size: 5vw;
  font-weight: 600;
  color: #FFFFFF;
}
.error-500 h2 {
  font-size: 2vw;
  font-weight: 600;
  color: #FFFFFF;
}
.error-500 h3 {
  font-size: 1.5vw;
  font-weight: 500;
  color: #FFFFFF;
}
.errormsite {
  padding-top: 8%;
  width: 100%;
  flex-Grow: 1;
  height: auto;
  padding-bottom: 2%;
}
.errormsite:lang(ar) {
  padding-top: 8%;
  width: 100%;
  flex-Grow: 1;
  height: auto;
  padding-bottom: 2%;
}
.errorwebsite {
  padding-top: 5%;
  width: 96%;
  flex-Grow: 1;
  height: auto;
  padding-bottom: 2%;
  margin-left: 13%;
  max-width: 400px;
}
.errorwebsite:lang(ar) {
  padding-top: 5%;
  width: 96%;
  flex-Grow: 1;
  height: auto;
  padding-bottom: 2%;
  padding-right: 1%;
  max-width: 400px;
}

@font-face {
  font-family: "DIN Next";
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf');
  src: url('https://www.sensiksa.com/fonts/DINNextW1G-Medium.otf') format("opentype");
}
@font-face {
  font-family: "DIN Next LT Arabic Medium";
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf");
  src: url("https://www.sensiksa.com/fonts/DIN Next LT Arabic Medium.ttf") format("truetype");
}
.ant-spin-nested-loading {
  width: 100% !important;
}
.ant-breadcrumb a:hover {
  color: #000000 !important;
}
body {
  background: #FFFFFF !important;
}
:lang(ar) {
  font-family: DIN Next LT Arabic Medium;
}
:lang(en) {
  font-family: DIN Next;
}
.scrollbox {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  max-height: 140px;
  margin: 0 auto;
  background: #FFFFFF no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 14px;
}
.scrollbox:before,
.scrollbox:after {
  content: "";
  position: relative;
  z-index: -1;
  display: block;
  height: 30px;
  margin: 0 0 -30px;
  background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0));
}
.scrollbox:after {
  margin: -30px 0 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF);
}
.page-container {
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 30vw;
  padding-bottom: 4vw;
  background-color: #FFFFFF;
}