@charset "UTF-8";
/****** Primary Colors ******/
/****** Secondary Colors ******/
.orderProgressTracker .orderTitle {
  background: #004e7d;
  color: #fff;
  padding: 12px 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.orderProgressTracker .orderTitle span {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle span {
    display: block;
  }
}
.orderProgressTracker .orderTitle .orderNumber {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 767.98px) {
  .orderProgressTracker .orderTitle .orderNumber {
    font-size: 16px;
  }
}
.orderProgressTracker .orderTitle .orderNumber a.orderDetailslink {
  color: #fff;
}
.orderProgressTracker .orderTitle .orderNumber span {
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .orderProgressTracker .orderTitle .orderNumber span {
    font-size: 16px;
  }
}
.orderProgressTracker .orderTitle .MuiCardHeader-action {
  margin: 0;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle .MuiCardHeader-action {
    flex: auto 1;
  }
}
.orderProgressTracker .orderTitle .MuiTypography-caption {
  line-height: normal;
  text-transform: capitalize;
  letter-spacing: normal;
  font-weight: 300;
}
.orderProgressTracker .orderTitle .MuiTypography-caption:nth-child(2) {
  margin: 0 10px;
  width: 1px;
  background: #fff;
  display: block;
  height: 24px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle .MuiTypography-caption span {
    display: block;
  }
  .orderProgressTracker .orderTitle .MuiTypography-caption:nth-child(2) {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle .MuiCardHeader-content {
    flex: 0 1 auto;
    width: 35%;
  }
  .orderProgressTracker .orderTitle .flexDisplay {
    justify-content: space-between;
  }
}
.orderProgressTracker .orderProgress {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(163, 163, 163, 0.5);
}
.orderProgressTracker .cancelledOrder .orderTitle {
  background: #424c5b;
  color: #fff;
}
.orderProgressTracker .cancelledOrder .cancelHelp {
  font-size: 14px;
  color: #4A4A4A;
  border-top: 1px solid #DADADA;
  font-weight: 300;
  margin: 16px -16px -10px;
  padding: 16px 16px 0;
  line-height: 1.5;
}
.orderProgressTracker .cancelledOrder .cancelHelp span {
  font-weight: 600;
  line-height: 1.5;
}

.orderProgressTracker.cancelled .orderTitle {
  background: #424c5b;
  color: #fff;
}

.orderProgressTrackerClass .newShopButton {
  background: #fff;
  padding: 16px;
  box-shadow: 0 1px 4px 0 rgba(163, 163, 163, 0.5);
  border-radius: 5px;
  margin-bottom: 15px;
}
.orderProgressTrackerClass .newShopButton .cardDescription {
  margin-bottom: 16px;
}
.orderProgressTrackerClass .newShopButton .buttonLogin:hover {
  background: #d41e3d;
}
.orderProgressTrackerClass .MuiPaper-root {
  background: transparent;
}
.orderProgressTrackerClass .headerClass, .orderProgressTrackerClass .headerTitle {
  padding: 40px 0 10px;
  border-bottom: 0 !important;
  /*@include for-phone-only{
  	padding: 40px 16px 10px;
  }*/
}
.orderProgressTrackerClass .headerClass .MuiCardHeader-action, .orderProgressTrackerClass .headerTitle .MuiCardHeader-action {
  margin: 0;
  align-self: flex-end;
}
@media (max-width: 767.98px) {
  .orderProgressTrackerClass .headerClass .MuiCardHeader-action, .orderProgressTrackerClass .headerTitle .MuiCardHeader-action {
    align-self: center;
  }
}
.orderProgressTrackerClass .headerClass .flexDisplay p.MuiTypography-caption:nth-child(2), .orderProgressTrackerClass .headerTitle .flexDisplay p.MuiTypography-caption:nth-child(2) {
  margin: 0 10px;
  width: 1px;
  background: #000;
  display: block;
  height: 20px;
}
.orderProgressTrackerClass .headerClass .viewOrderHistory, .orderProgressTrackerClass .headerTitle .viewOrderHistory {
  font-size: 16px;
  font-weight: 500;
  color: #004e7d;
  letter-spacing: normal;
  margin-bottom: -5px;
}
.orderProgressTrackerClass .headerClass .MuiTypography-h5, .orderProgressTrackerClass .headerTitle .MuiTypography-h5 {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.orderProgressTrackerClass .MuiPaper-rounded {
  box-shadow: none;
  overflow: visible;
}
.orderProgressTrackerClass .stepperBoxClass {
  padding: 0;
}
.orderProgressTrackerClass .orderProgressTracker {
  margin-bottom: 25px;
  background: #ffffff;
}
.orderProgressTrackerClass .stepper .MuiStepConnector-line {
  display: block;
  border-color: #C9C9C9;
  height: 3px;
  border-top-style: solid;
}
@media (max-width: 767.98px) {
  .orderProgressTrackerClass .MuiCardHeader-root.orderTitle {
    padding: 16px 12px;
  }
  .orderProgressTrackerClass .MuiCardHeader-root.orderTitle .MuiCardHeader-action {
    margin-top: 0px;
  }
}

.cardContent {
  padding: 12px 16px;
  background: #fff;
  height: 100%;
}
.cardContent .cardDescription {
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.newShopButton {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.newShopButton button {
  padding: 10px 30px;
  background-color: #d41e3d;
  color: #fff;
  border-radius: 5px;
  border: 0;
  font-size: 14px;
  font-weight: 400;
}

.flexDisplay p {
  font-size: 16px;
}

.orderProgress {
  border: 1px solid #efefef;
}
.orderProgress:firstchild {
  border-top: 0;
}
.orderProgress .MuiTypography-caption {
  font-size: 16px;
  font-weight: 300;
}
.orderProgress .MuiTypography-caption:first-child {
  flex: 1 1 auto;
  letter-spacing: normal;
}
.orderProgress .MuiTypography-caption:first-child span {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .orderProgress .MuiTypography-caption:first-child span {
    display: block;
  }
}
.orderProgress .MuiTypography-caption.itemQty {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .orderProgress .MuiTypography-caption.itemQty {
    display: flex;
  }
}
.orderProgress .MuiTypography-caption.itemQty span {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .orderProgress .MuiTypography-caption.itemQty span {
    display: block;
  }
}
.orderProgress .MuiPaper-root.MuiStepper-root {
  background: transparent;
  width: 100%;
  margin: 0;
  padding: 20px 0 10px;
  overflow-wrap: anywhere;
}
.orderProgress .stepper .MuiStepLabel-label {
  color: #ccc !important;
  text-transform: capitalize;
  font-weight: normal;
}
.orderProgress .stepper .MuiStepLabel-label.MuiStepLabel-completed {
  color: #333 !important;
}
.orderProgress .MuiStepConnector-lineHorizontal {
  border-top: 3px solid #c9c9c9;
}
.orderProgress .MuiStepConnector-horizontal {
  left: calc(-50% + 12px);
  right: calc(50% + 12px);
}
.orderProgress .MuiStepConnector-completed .MuiStepConnector-lineHorizontal {
  border-color: #4e832e;
}
.orderProgress .MuiStepConnector-cancelled .MuiStepConnector-lineHorizontal {
  border-color: #F4A681;
}
.orderProgress .MuiSvgIcon-root {
  border: 4px solid #c9c9c9;
  border-radius: 50%;
  fill: none;
}
.orderProgress .MuiSvgIcon-root.MuiStepIcon-completed {
  color: #4e832e;
  fill: currentColor;
  border: 0;
}
.orderProgress .MuiSvgIcon-root.MuiStepIcon-cancelled {
  color: #E25411;
  fill: currentColor;
  border-top: 3px solid #F4A681;
}

.accountPage {
  background: #fafafa;
}

.trackOrder {
  position: relative;
}
.trackOrder .trackOrderPopup.accountPopup > div::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px;
  border-color: transparent transparent #ffffff transparent;
  top: -28px;
  left: calc(50% - 1px);
  z-index: 2;
}
.trackOrder .trackOrderPopup.accountPopup > div::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 14px;
  border-bottom-color: #c1c3c5;
  top: -28px;
  left: 50%;
  z-index: 0;
}

.trackOrderPopup.accountPopup {
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -182px;
  background: #fff;
  width: 364px;
  border-radius: 3px;
  z-index: 11;
}
.trackOrderPopup.accountPopup > div {
  border: 1px solid #e1e1e1;
  padding: 20px;
  text-align: center;
}
.trackOrderPopup.accountPopup .MuiTypography-caption {
  font-size: 0.85rem;
}
.trackOrderPopup.accountPopup .headerClass {
  padding: 16px;
  background: #fff;
}
.trackOrderPopup.accountPopup .headerClass .MuiTypography-caption {
  font-size: 0.9rem;
  font-weight: 400;
}
.trackOrderPopup.accountPopup .orderTitle {
  background: #f5f8fa;
  color: #333;
  align-items: flex-start;
}
.trackOrderPopup.accountPopup .orderTitle span {
  font-size: 14px;
  font-weight: 600;
  color: #004e7d;
  text-align: right;
}
.trackOrderPopup.accountPopup .orderTitle .MuiCardHeader-action {
  margin: 0;
}
.trackOrderPopup.accountPopup .orderTitle .MuiCardHeader-action span {
  display: block;
  color: #212934;
  font-size: 16px;
}
.trackOrderPopup.accountPopup .orderProgress {
  background: #f5f8fa;
  margin-bottom: 4px;
  border: 0;
  padding: 0 16px;
}
.trackOrderPopup.accountPopup .orderProgress .MuiSvgIcon-root {
  width: 0.75em;
  height: 0.75em;
}
.trackOrderPopup.accountPopup .orderProgress .stepper .MuiStepLabel-label {
  font-size: 0.75rem;
}
.trackOrderPopup.accountPopup .orderProgress .MuiStepConnector-horizontal {
  left: calc(-50% + 9px);
  right: calc(50% + 9px);
  top: 8px;
}
.trackOrderPopup.accountPopup .MuiStepLabel-root {
  flex-direction: column;
}

.creatNewList .trackclose {
  justify-content: center;
  position: relative;
  /* @include for-phone-only {
  	justify-content: end;
  } */
}
.creatNewList .trackclose h2 {
  font-weight: 500;
  color: #004e7d;
}
.creatNewList .trackclose .modalClose {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 10px 20px;
  font-size: 24px;
  color: #6a7681;
}
@media (max-width: 767.98px) {
  .creatNewList .trackclose .modalClose {
    font-size: 20px;
  }
}
.creatNewList .trackOrderForm {
  width: 450px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .creatNewList .trackOrderForm {
    width: 100%;
  }
}
.creatNewList .trackOrderForm .fullStretch {
  margin-bottom: 30px;
}
.creatNewList .trackOrderForm .errorMsg {
  margin-bottom: 10px;
  display: inline-block;
}
.creatNewList .trackOrderForm .textReq {
  color: #d41e3d;
  margin-bottom: 16px;
}
.creatNewList .trackOrderForm button span .MuiButton-label {
  font-size: 20px;
  font-weight: 500;
}

.breadCrumbText a {
  color: #424C5B;
}
.breadCrumbText a:hover {
  text-decoration: underline !important;
}
.breadCrumbText .MuiBreadcrumbs-separator {
  color: #68707C;
  font-size: 25px;
  font-weight: 500;
  margin-left: 8px;
  margin-right: 8px;
}
.breadCrumbText .breadCrumbActive {
  color: #4A5462;
  font-weight: bold;
}
.breadCrumbText .MuiBreadcrumbs-ol {
  font-size: 15px !important;
  padding-left: 36px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1399px) {
  .breadCrumbText .MuiBreadcrumbs-ol {
    padding-left: 0px;
  }
}
@media (max-width: 767.98px) {
  .breadCrumbText .MuiBreadcrumbs-ol {
    display: block;
    overflow: auto;
    padding: 10px 0;
  }
}
@media (max-width: 767.98px) {
  .breadCrumbText .MuiBreadcrumbs-ol li {
    display: inline !important;
    font-size: 14px !important;
    word-wrap: break-word;
  }
}
.breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li h1 {
  font-size: 15px !important;
  padding: 0;
  margin: 0;
  line-height: unset;
  display: inline;
  font-weight: 400;
  color: #424C5B;
}
@media (max-width: 767.98px) {
  .breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li h1 {
    font-size: 14px !important;
  }
}
.breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li:last-child {
  font-weight: 400;
}
.breadCrumbText .MuiBreadcrumbs-ol .MuiBreadcrumbs-li:last-child a {
  color: #424C5B !important;
  font-weight: 400;
  text-transform: capitalize;
}

.account:hover .sharePopup, .account .sharePopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 226px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 23px 0 rgba(89, 108, 119, 0.15), 0 2px 15px 0 rgba(89, 108, 119, 0.15), 0 1px 5px 0 rgba(89, 108, 119, 0.15);
  position: absolute;
  z-index: 12;
  right: 0px;
  top: 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .account:hover .sharePopup, .account .sharePopup {
    top: 38px;
  }
}
@media (max-width: 767.98px) {
  .account:hover .sharePopup, .account .sharePopup {
    top: 38px;
  }
}
.account:hover .sharePopup::before, .account:hover .sharePopup::after, .account .sharePopup::before, .account .sharePopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
}
.account:hover .sharePopup::before, .account .sharePopup::before {
  top: -9px;
  border-bottom: solid 6px #DADADA;
}
.account:hover .sharePopup::after, .account .sharePopup::after {
  top: -8px;
  border-bottom: solid 8px #fff;
}

@media (min-width: 768px) {
  .sharePopup {
    width: 674px;
  }
}
.sharePopup .flexDisplay:not(:first-of-type) {
  margin-top: 16px;
}

.copied {
  color: #71B946;
}

.shareModalPopup {
  max-height: 100vh;
}
.shareModalPopup .MuiPaper-elevation1 {
  box-shadow: none;
}
.shareModalPopup * {
  box-sizing: border-box;
}
.shareModalPopup h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  color: #212934;
  margin: 30px 35px 10px 35px;
}
.shareModalPopup .shareHead {
  padding: 35px 35px 15px;
  box-shadow: none;
}
.shareModalPopup section, .shareModalPopup .searchWrapper {
  margin: 20px 35px;
}
.shareModalPopup .shareTitleBar {
  position: relative;
}
.shareModalPopup .modalClose {
  position: absolute;
  right: 35px;
  font-size: 20px;
  color: #6a7681;
}
.shareModalPopup .flexDisplay {
  margin: 10px 35px;
  justify-content: center;
  border-bottom: 1px solid #BCBEC0;
  padding: 0 0 10px;
}
.shareModalPopup .MuiFormControl-marginNormal {
  margin: 0;
  width: 100%;
}
.shareModalPopup .MuiOutlinedInput-adornedEnd {
  padding: 0;
}
.shareModalPopup .MuiGrid-spacing-xs-1 {
  margin: 0;
  width: 100%;
}
.shareModalPopup .MuiGrid-spacing-xs-1 > .MuiGrid-item {
  padding: 0;
  align-self: center;
}
.shareModalPopup .MuiOutlinedInput-input {
  padding: 12px 14px;
  height: 48px;
  box-sizing: border-box;
}
.shareModalPopup .MuiTypography-h4 {
  color: #212934;
  font-size: 16px;
  font-weight: 500;
  line-height: 17px;
}
.shareModalPopup .MuiTypography-subtitle1 {
  color: #424C5B;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
}
.shareModalPopup .MuiButton-root {
  color: #004E7D;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.shareModalPopup .MuiButton-root:hover {
  background-color: none;
}
.shareModalPopup .stickToBottom {
  margin: 35px;
  display: flex;
}
.shareModalPopup .stickToBottom .MuiButton-root {
  width: 214px;
  margin: auto;
}
.shareModalPopup .noResultFound {
  margin: 114px 35px 164px;
}
.shareModalPopup .info {
  color: #212934;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  display: block;
  width: 65%;
  margin: auto;
}
.shareModalPopup .infoCaption {
  color: #424C5B;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  display: block;
  margin-top: 6px;
}

.inlineFlexWrapper {
  padding-bottom: 16px;
  padding-left: 16px;
}

.searchIcon {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.fas.fa-search-minus {
  font-size: 50px;
  font-weight: 300;
  color: rgba(0, 78, 125, 0.5);
}

.tabContainer .MuiAppBar-root {
  background-color: #ffffff;
  box-shadow: none;
}
.tabContainer .MuiTabs-indicator {
  display: none;
}
.tabContainer .MuiTab-root {
  padding: 0 12px;
  color: #424c5b;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  border-bottom: 1px solid #bcbec0;
  font-family: "Kanit";
}
.tabContainer .MuiTab-root.Mui-selected {
  color: #004e7d;
  border-bottom: 3px solid #004e7d;
}
.tabContainer .MuiTab-wrapper {
  align-items: baseline;
  width: 100%;
}

.tooltipBox {
  border-right: 2px solid #004e7d;
  margin-right: 16px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .tooltipBox {
    border: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #004e7d;
    padding-bottom: 16px;
  }
}
.tooltipBox.auto-reorder-toolTip {
  padding: 5px !important;
  border: 0;
}
.tooltipBox.auto-reorder-toolTip .tooltip {
  margin-left: -240px;
  width: 480px;
  padding: 20px 35px;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
}
.tooltipBox.auto-reorder-toolTip .tooltip::before {
  top: -8px;
}
.tooltipBox.auto-reorder-toolTip .tooltip span {
  margin-bottom: 16px;
  display: block;
}
.tooltipBox.auto-reorder-toolTip .tooltip li {
  list-style: disc;
  margin: 5px 20px 5px 40px;
}
.tooltipBox.auto-reorder-toolTip.pdpPriceviewSection {
  position: absolute;
  right: -38px;
  left: auto;
  top: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  padding: 5px 5px 15px !important;
}
@media (max-width: 767.98px) {
  .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection {
    right: -28px;
  }
}
.tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip {
  right: 0;
  top: 40px;
  text-align: left;
  left: unset;
  z-index: 13;
}
.tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip::before {
  right: 3px;
  left: unset;
}
@media (max-width: 767.98px) {
  .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip {
    min-width: 290px;
    width: auto;
    z-index: 10;
    padding: 20px;
  }
}
.tooltipBox.auto-reorder-toolTip.pdpSectionModalWindow:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  z-index: 2;
}
.tooltipBox.auto-reorder-toolTip.pdpSectionModalWindow .tooltip {
  padding: 10px;
  width: auto;
  min-width: 320px;
  right: -40px;
  left: unset;
}
.tooltipBox.auto-reorder-toolTip.pdpSectionModalWindow .tooltip::before {
  display: none;
}
.tooltipBox:last-child {
  border: 0;
}
.tooltipBox:last-child.cartMode {
  margin-bottom: 0;
}
.tooltipBox .MuiTypography-caption {
  color: #004e7d;
  line-height: 16px !important;
  font-size: 18px !important;
}
.tooltipBox .tooltip {
  display: none;
  background: #002e50 !important;
  color: #ffffff !important;
  padding: 10px;
  width: 215px;
  left: 50%;
  margin-left: -107px;
  position: absolute;
  top: 35px;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px !important;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .tooltipBox .tooltip {
    width: 177px;
  }
}
.tooltipBox .tooltip::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  top: -15px;
  left: 50%;
  margin-left: -12px;
  z-index: 2;
}
.tooltipBox .tooltip-horizontal {
  display: none;
  background: #002e50 !important;
  color: #ffffff !important;
  padding: 10px;
  width: 205px;
  left: 36px;
  position: absolute;
  top: -10px;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px !important;
  z-index: 2;
}
.tooltipBox .tooltip-horizontal::before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 15px 11.5px 11.5px;
  border-color: transparent #002e50 transparent transparent;
  top: 5px;
  left: -22px;
}
.tooltipBox:hover .tooltip {
  display: block;
}
.tooltipBox:hover .tooltip-horizontal {
  display: block;
}

@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 300;
  src: url("../../font-awesome/webfonts/kanit-300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
.socialIcons i {
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  background-size: 100% 100%;
}

.fa-facebook-f {
  background-image: url('data:image/svg+xml;utf8,	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>');
}

.fa-linkedin-in {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>');
}

.fa-youtube {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>');
}

.fa-twitter {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>');
}

.fa-instagram {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
}

.fa-angle-up {
  margin: 0 auto;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M23.5 294.5l152-143.1C180.1 146.2 186.1 144 192 144s11.88 2.188 16.5 6.562l152 143.1c9.625 9.125 10.03 24.31 .9375 33.93c-9.125 9.688-24.38 10.03-33.94 .9375l-135.5-128.4l-135.5 128.4c-9.562 9.094-24.75 8.75-33.94-.9375C13.47 318.9 13.87 303.7 23.5 294.5z"/></svg>');
}

.fa-angles-up {
  margin: 0 auto;
  width: 18.75px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M54.63 246.6L192 109.3l137.4 137.4C335.6 252.9 343.8 256 352 256s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-160-160c-12.5-12.5-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25S42.13 259.1 54.63 246.6zM214.6 233.4c-12.5-12.5-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0L192 301.3l137.4 137.4C335.6 444.9 343.8 448 352 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L214.6 233.4z"/></svg>');
}

.footerItems i {
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  margin-right: 13px;
}

.contactLinks i {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  margin-right: 12px;
}

.fa-comment-dots {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M256 31.1c-141.4 0-255.1 93.13-255.1 208c0 47.62 19.91 91.25 52.91 126.3c-14.87 39.5-45.87 72.88-46.37 73.25c-6.623 7-8.374 17.25-4.624 26C5.816 474.3 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25c28.1 9 60.16 14.25 92.9 14.25c141.4 0 255.1-93.13 255.1-207.1S397.4 31.1 256 31.1zM256 416c-28.25 0-56.24-4.25-83.24-12.75c-9.516-3.068-19.92-1.461-28.07 4.338c-22.1 16.25-58.54 35.29-102.7 39.66c11.1-15.12 29.75-40.5 40.74-69.63l.1289-.3398c4.283-11.27 1.791-23.1-6.43-32.82C47.51 313.1 32.06 277.6 32.06 240c0-97 100.5-176 223.1-176c123.5 0 223.1 79 223.1 176S379.5 416 256 416zM256 216c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24s24-10.75 24-24C280 226.7 269.3 216 256 216zM384 216c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24s24-10.75 24-24C408 226.7 397.3 216 384 216zM128 216c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24S152 253.3 152 240C152 226.7 141.3 216 128 216z"/></svg>');
}

.fa-envelope {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M448 64H64C28.65 64 0 92.65 0 128v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V128C512 92.65 483.3 64 448 64zM64 96h384c17.64 0 32 14.36 32 32v36.01l-195.2 146.4c-17 12.72-40.63 12.72-57.63 0L32 164V128C32 110.4 46.36 96 64 96zM480 384c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V203.1L208 336c14.12 10.61 31.06 16.02 48 16.02S289.9 346.6 304 336L480 203.1V384z"/></svg>');
}

.fa-phone {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z"/></svg>');
}

.fa-heart {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  min-width: auto;
}

.fal.fa-heart {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M244 84L255.1 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 0 232.4 0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84C243.1 84 244 84.01 244 84L244 84zM255.1 163.9L210.1 117.1C188.4 96.28 157.6 86.4 127.3 91.44C81.55 99.07 48 138.7 48 185.1V190.9C48 219.1 59.71 246.1 80.34 265.3L256 429.3L431.7 265.3C452.3 246.1 464 219.1 464 190.9V185.1C464 138.7 430.4 99.07 384.7 91.44C354.4 86.4 323.6 96.28 301.9 117.1L255.1 163.9z"/></svg>');
}

.fa-duotone.fa-heart {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84.02L256 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 .0003 232.4 .0003 190.9L0 190.9z"/></svg>');
}

.fa-file-invoice-dollar {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M365.3 125.3l-106.5-106.5C246.7 6.742 230.5 0 213.5 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.35 28.65 64 64 64H320c35.35 0 64-28.65 64-64V170.5C384 153.5 377.3 137.3 365.3 125.3zM224 34.08c4.477 1.566 8.666 3.846 12.12 7.299l106.5 106.5C346.1 151.3 348.4 155.5 349.9 160H240C231.2 160 224 152.8 224 144V34.08zM352 448c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V64c0-17.64 14.36-32 32-32h128v112C192 170.5 213.5 192 240 192H352V448zM80 96h64C152.8 96 160 88.84 160 80S152.8 64 144 64h-64C71.16 64 64 71.16 64 80S71.16 96 80 96zM160 144C160 135.2 152.8 128 144 128h-64C71.16 128 64 135.2 64 144S71.16 160 80 160h64C152.8 160 160 152.8 160 144zM202 288.9c6.766 .9375 14.2 2.984 21.28 5.156c8.5 2.641 17.41-2.156 19.98-10.61c2.594-8.438-2.156-17.39-10.61-19.98c-10.03-3.078-17.96-4.947-24.99-6.008C207.8 256.1 208 256.5 208 256V240c0-8.844-7.133-16-15.98-16S176 231.2 176 240V256c0 .3008 .1543 .5488 .1699 .8457C150.6 260.1 132.9 273.3 128.9 294.1c-7.766 39.97 33.06 50.64 52.67 55.77l6.5 1.656c32.25 8.219 37.17 12.28 35.61 20.34c-1.844 9.453-19.78 14.34-41.81 11.22c-8.578-1.141-18.95-4.469-28.09-7.391l-4.969-1.594c-8.422-2.578-17.41 2.016-20.08 10.45c-2.656 8.438 2.031 17.42 10.45 20.08L144 406.1c10.05 3.221 21.38 6.756 32.3 8.359C176.3 415 176 415.5 176 416v16c0 8.844 7.18 16 16.02 16S208 440.8 208 432V416c0-.5078-.2422-.9375-.2891-1.434c25.42-3.33 43.36-15.98 47.38-36.63c7.859-40.41-32.45-50.67-59.13-57.45L189.7 318.9c-31.39-8.203-30.41-13.3-29.36-18.7C162.1 290.7 180.1 285.9 202 288.9z"/></svg>');
}

.fa-receipt {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M288 143.1C296.8 143.1 304 151.2 304 159.1C304 168.8 296.8 175.1 288 175.1H96C87.16 175.1 80 168.8 80 159.1C80 151.2 87.16 143.1 96 143.1H288zM80 352C80 343.2 87.16 336 96 336H288C296.8 336 304 343.2 304 352C304 360.8 296.8 368 288 368H96C87.16 368 80 360.8 80 352zM288 239.1C296.8 239.1 304 247.2 304 255.1C304 264.8 296.8 271.1 288 271.1H96C87.16 271.1 80 264.8 80 255.1C80 247.2 87.16 239.1 96 239.1H288zM79.27 50.1L124.7 4.687C130.9-1.562 141.1-1.562 147.3 4.687L192 49.37L236.7 4.687C242.9-1.562 253.1-1.562 259.3 4.687L304.7 50.1L357.5 3.959C362.2-.175 368.9-1.164 374.6 1.43C380.3 4.024 384 9.722 384 16V496C384 502.3 380.3 507.1 374.6 510.6C368.9 513.2 362.2 512.2 357.5 508L304.7 461.9L259.3 507.3C253.1 513.6 242.9 513.6 236.7 507.3L192 462.6L147.3 507.3C141.1 513.6 130.9 513.6 124.7 507.3L79.27 461.9L26.54 508C21.81 512.2 15.11 513.2 9.388 510.6C3.671 507.1 0 502.3 0 496V16C0 9.722 3.672 4.024 9.388 1.43C15.11-1.164 21.81-.175 26.54 3.959L79.27 50.1zM69.46 427.1C75.8 422.4 85.36 422.7 91.31 428.7L136 473.4L180.7 428.7C186.9 422.4 197.1 422.4 203.3 428.7L248 473.4L292.7 428.7C298.6 422.7 308.2 422.4 314.5 427.1L352 460.7V51.26L314.5 84.04C308.2 89.59 298.6 89.27 292.7 83.31L248 38.63L203.3 83.31C197.1 89.56 186.9 89.56 180.7 83.31L136 38.63L91.31 83.31C85.36 89.27 75.8 89.59 69.46 84.04L32 51.26V460.7L69.46 427.1z"/></svg>');
}

.fa-sparkles {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M432 32C440.8 32 448 39.16 448 48V96H496C504.8 96 512 103.2 512 112C512 120.8 504.8 128 496 128H448V176C448 184.8 440.8 192 432 192C423.2 192 416 184.8 416 176V128H368C359.2 128 352 120.8 352 112C352 103.2 359.2 96 368 96H416V48C416 39.16 423.2 32 432 32zM432 320C440.8 320 448 327.2 448 336V384H496C504.8 384 512 391.2 512 400C512 408.8 504.8 416 496 416H448V464C448 472.8 440.8 480 432 480C423.2 480 416 472.8 416 464V416H368C359.2 416 352 408.8 352 400C352 391.2 359.2 384 368 384H416V336C416 327.2 423.2 320 432 320zM123.3 321.8L9.292 269.1C3.627 266.5 0 260.8 0 254.6C0 248.3 3.627 242.6 9.292 240L123.3 187.3L176 73.29C178.6 67.63 184.3 64 190.6 64C196.8 64 202.5 67.63 205.1 73.29L257.8 187.3L371.8 240C377.5 242.6 381.1 248.3 381.1 254.6C381.1 260.8 377.5 266.5 371.8 269.1L257.8 321.8L205.1 435.8C202.5 441.5 196.8 445.1 190.6 445.1C184.3 445.1 178.6 441.5 176 435.8L123.3 321.8zM54.16 254.6L136.8 292.7C143.7 295.9 149.2 301.4 152.4 308.3L190.6 390.9L228.7 308.3C231.9 301.4 237.4 295.9 244.3 292.7L326.9 254.6L244.3 216.4C237.4 213.2 231.9 207.7 228.7 200.8L190.6 118.2L152.4 200.8C149.2 207.7 143.7 213.2 136.8 216.4L54.16 254.6z"/></svg>');
}

.fa-plus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg>');
  display: block;
  width: 14px;
  height: 16px;
  background-repeat: no-repeat;
}

.fa-share-alt-square {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M273.3 203.7L191.5 248.3C191.8 250.8 192 253.4 192 255.1C192 258.6 191.8 261.2 191.5 263.7L273.3 308.3C284.9 295.8 301.6 287.1 320 287.1C355.3 287.1 384 316.7 384 352C384 387.3 355.3 416 320 416C284.7 416 256 387.3 256 352C256 346.6 256.7 341.4 257.9 336.4L179.7 293.7C168.1 309.6 149.2 319.1 128 319.1C92.65 319.1 64 291.3 64 255.1C64 220.7 92.65 191.1 128 191.1C149.2 191.1 168.1 202.4 179.7 218.3L257.9 175.6C256.7 170.6 256 165.4 256 159.1C256 124.7 284.7 95.1 320 95.1C355.3 95.1 384 124.7 384 159.1C384 195.3 355.3 223.1 320 223.1C301.6 223.1 284.9 216.2 273.3 203.7V203.7zM320 192C337.7 192 352 177.7 352 160C352 142.3 337.7 128 320 128C302.3 128 288 142.3 288 160C288 177.7 302.3 192 320 192zM320 384C337.7 384 352 369.7 352 352C352 334.3 337.7 320 320 320C302.3 320 288 334.3 288 352C288 369.7 302.3 384 320 384zM128 224C110.3 224 96 238.3 96 256C96 273.7 110.3 288 128 288C145.7 288 160 273.7 160 256C160 238.3 145.7 224 128 224zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM32 96V416C32 433.7 46.33 448 64 448H384C401.7 448 416 433.7 416 416V96C416 78.33 401.7 64 384 64H64C46.33 64 32 78.33 32 96z"/></svg>');
  display: block;
  width: 24px;
  height: 22px;
  background-repeat: no-repeat;
}

.fa-file-invoice-dollar::before, .fa-receipt::before, .fa-angle-up::before, .fa-plus::before, .fa-circle-check::before, .fal.fa-heart::before, .fa-sparkles::before, .fa-share-alt-square::before {
  content: "" !important;
}

footer i::before {
  content: "" !important;
}

.fa-circle-check {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>');
}

.fa-check::before {
  content: "";
}

.fa-check {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/></svg>');
}

.fa-star-sharp {
  display: block;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(188, 190, 192)" d="M288.1 0l63.5 195.6H557.2L390.9 316.4 454.4 512 288.1 391.1 121.7 512l63.5-195.6L18.9 195.6H224.5L288.1 0z"/></svg>');
  /*&::before {
  	content: '\2605';
  	font-size: 21px;
  }*/
}
@media (max-width: 767.98px) {
  .fa-star-sharp {
    width: 15px;
    height: 14px;
  }
}
.dv-star-rating-full-star .fa-star-sharp {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(216, 159, 2)" d="M288.1 0l63.5 195.6H557.2L390.9 316.4 454.4 512 288.1 391.1 121.7 512l63.5-195.6L18.9 195.6H224.5L288.1 0z"/></svg>');
}

.fa-star-sharp-half-stroke {
  display: block;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(216, 159, 2)" d="M317.5 90.6l34.1 105H462h95.3l-77.1 56-89.3 64.9 34.1 105L454.4 512l-77.1-56-89.3-64.9L198.8 456l-77.1 56 29.4-90.6 34.1-105L96 251.6l-77.1-56h95.3H224.5l34.1-105L288.1 0l29.4 90.6zm34.1 161H310.9l-12.6-38.7-10.3-31.7-.1 .2V322l.1 0L321 345.8l26.9 19.6-10.3-31.7L325 295 358 271.1l26.9-19.6H351.6zm-159.6 0h-.8l.8 .6v-.6z"/></svg>');
}
@media (max-width: 767.98px) {
  .fa-star-sharp-half-stroke {
    width: 15px;
    height: 14px;
  }
}

.fa-star-sharp::before, .fa-star-sharp-half-stroke::before {
  content: "" !important;
}

.dv-star-rating-star {
  padding-right: 2px;
}

@media (min-width: 768px) {
  .footerLinks .footerItems h3 {
    font-weight: 500;
  }
}
/*.reviewDesktopView .accountWishList .accountPopup .flexDisplay .fal {
  width:24px;
  height:24px;
}*/
.fas.fa-chevron-right {
  display: block;
  width: 11px;
  height: 11px;
  margin-left: 6px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(66, 76, 91)" d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>');
}

.fas.fa-chevron-left {
  display: block;
  width: 11px;
  height: 11px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(66, 76, 91)" d="M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z"/></svg>');
}

.fa-chevron-down {
  width: 16px;
  height: 16px;
  display: inline-block;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M199 401c9.4 9.4 24.6 9.4 33.9 0L425 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L41 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L199 401z"/></svg>');
}

.fa-times {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  min-width: auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0,78,125)" d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM180.7 180.7c-6.2 6.2-6.2 16.4 0 22.6L233.4 256l-52.7 52.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L256 278.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0z"/></svg>');
}

.sortSection i.fal.fa-times::after {
  content: "Close";
  font-style: normal;
  font-size: 10px;
  color: #004e7d;
  padding-top: 10px;
  display: block;
  margin-top: -8px;
  text-align: left;
  margin-left: -35px;
}

.productCarousel {
  padding-bottom: 50px;
  max-width: 1368px;
  margin: 0 auto;
}
.productCarousel h1 {
  color: #212934;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 0;
}
.productCarousel .contentMargin {
  width: 100% !important;
}
.productCarousel .productSection {
  flex-direction: column;
}
.productCarousel .productSection .imageSection {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.productCarousel .productSection .imageSection .refVariantSection {
  background: rgba(255, 255, 255, 0.8) !important;
  font-size: 14px;
  border: 1px solid #ddd;
  color: #444b5b;
}
.productCarousel .productSection .shippingWrapper {
  margin: 0px;
}
.productCarousel .productSection .shippingWrapper .freeShipping {
  margin: 0px;
}
.productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
  position: absolute;
  top: -105px;
}
@media (max-width: 767.98px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
    left: -180px;
  }
}
@media (min-width: 360px) and (max-width: 389px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
    left: -80px;
  }
}
@media (min-width: 390px) and (max-width: 399px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2 {
    left: -30px;
  }
}
.productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
  top: 90px;
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
    left: 185px !important;
  }
}
@media (min-width: 360px) and (max-width: 389px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
    left: 82px !important;
  }
}
@media (max-width: 673px) {
  .productCarousel .productSection .shippingWrapper .freeShipping span i.fas.fa-info-circle.cursor-p.freeShppingToolTip h6.MuiTypography-root.priceinfopopup.MuiTypography-subtitle2::before {
    left: 33px !important;
  }
}
.productCarousel hr.divider,
.productCarousel .capacities,
.productCarousel .productViews .productAssets,
.productCarousel .productVarient .productColor,
.productCarousel .mobileView {
  display: none !important;
}
.productCarousel .productViews .productColor {
  text-align: left;
}
.productCarousel .reviewDesktopView,
.productCarousel .productViews {
  display: flex !important;
}
@media (max-width: 767.98px) {
  .productCarousel .reviewDesktopView .userRatings {
    padding-top: 8px;
  }
  .productCarousel .reviewDesktopView .fa-heart {
    display: none;
  }
}
.productCarousel .selectWrapper {
  flex-direction: row;
}
.productCarousel .selectWrapper .MuiButtonBase-root {
  width: 60%;
  min-width: 50%;
  max-width: 60%;
}
@media (min-width: 768px) {
  .productCarousel .selectWrapper .MuiButtonBase-root {
    display: block;
  }
}
@media (min-width: 768px) {
  .productCarousel .selectWrapper {
    flex-direction: row;
  }
  .productCarousel .selectWrapper .MuiButtonBase-root {
    margin-top: 0;
    width: 100%;
  }
}
.productCarousel .productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .productListWrapper .MuiTooltip-tooltip, .productCarousel .productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .productCarousel div .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop {
  background: none;
  margin: 0px;
  padding: 0;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList {
  position: inherit !important;
  width: 250px !important;
  margin-top: 0px !important;
  font-size: 14px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::before, .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::before, .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::after {
    right: 30px;
    left: initial;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper {
  max-height: inherit !important;
  overflow-x: inherit !important;
  overflow-y: inherit !important;
  padding-right: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 16px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
  color: #212934;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton {
  border-bottom: 2px solid #D8D8D8;
  padding: 0 16px 20px 16px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
  margin-right: 10px;
  color: #212934 !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton {
  height: 35px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li {
  padding: 11px 16px !important;
  color: #004E7D;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .showCreateList .groupList li:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 12px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll {
  max-height: 118px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 5px;
  /* .MuiOutlinedInput-input {
      padding: 10.5px 10px;
  } */
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  margin: 0 0 15px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .customBtn {
  height: 40px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .displayList .icon {
  color: #71B946;
  display: contents;
  margin-right: 8px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .toolTipWishList .displayList span.descSave {
  padding-right: 12px !important;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 211px;
  border: 1px solid #DADADA;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: 55px;
  padding-bottom: 10px;
  cursor: pointer;
  margin-top: 8px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::before, .productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 176px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::before {
  top: -8px;
  border-bottom: solid 6px #DADADA;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup::after {
  top: -7px;
  border-bottom: solid 8px #fff;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addtolist-wrapper {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 5px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .showCreateList .groupList li {
  margin: 0 0 14px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .flexDisplay {
  margin: 0px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList {
  margin-top: 10px;
  margin-bottom: 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  margin: 0px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .MuiOutlinedInput-input {
  padding: 7px 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .addList .customBtn {
  height: 40px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .displayList .icon {
  color: #71B946;
  display: contents;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .accountWishList .accountPopup .displayList span.descSave {
  padding-left: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 {
  width: 250px !important;
  margin-top: 15px !important;
  font-size: 14px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::before, .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::before, .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::after {
    right: 30px;
    left: initial;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addtolist-wrapper {
  max-height: inherit !important;
  overflow-x: inherit !important;
  overflow-y: inherit !important;
  padding-right: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addtolist-wrapper .lableList {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  color: #000;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li {
  padding: 16px 0 16px 10px !important;
  padding-left: 10px;
  color: #004E7D;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .showCreateList .groupList li:hover {
  background-color: #D8D8D8;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 12px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll {
  max-height: 118px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 5px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  margin: 0 0 15px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .MuiOutlinedInput-input {
  padding: 10.5px 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .customBtn {
  height: 40px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .displayList .icon {
  color: #71B946;
  display: contents;
}
.productCarousel .rec-carousel-wrapper .itemWrapper .wishList-v2 .displayList span.descSave {
  padding-right: 12px !important;
  font-size: 14px;
  font-weight: 500;
  color: #004e7d;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .itemWrapper {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .selectWrapper {
    align-items: start;
    margin-left: 1px;
  }
}
.productCarousel .rec-carousel-wrapper .rec-carousel {
  position: relative;
  min-height: 540px;
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .rec-carousel {
    min-height: auto;
  }
}
@media (min-width: 880px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow {
    display: block;
    position: absolute;
    z-index: 1;
  }
}
@media (min-width: 880px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow-left {
    left: 0;
  }
}
@media (min-width: 880px) {
  .productCarousel .rec-carousel-wrapper .rec-arrow-right {
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .productCarousel .rec-carousel-wrapper .rec-pagination {
    display: none;
  }
}
@media (min-width: 768px) {
  .productCarousel {
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .productCarousel.brxComponent .CarouselTitle h3, .productCarousel.productCarouselEnhance .CarouselTitle h3 {
    padding-right: 10px;
  }
  .productCarousel.brxComponent .CarouselTitle .viewall_link a, .productCarousel.brxComponent .CarouselTitle .viewall_link a:hover, .productCarousel.productCarouselEnhance .CarouselTitle .viewall_link a, .productCarousel.productCarouselEnhance .CarouselTitle .viewall_link a:hover {
    font-size: 12px;
    font-weight: 400;
    color: #d41e3d;
    line-height: 18px;
    text-decoration: underline;
  }
  .productCarousel.brxComponent .carouselCheckboxContainer, .productCarousel.productCarouselEnhance .carouselCheckboxContainer {
    text-align: right;
  }
  .productCarousel.brxComponent .rec-slider-container, .productCarousel.productCarouselEnhance .rec-slider-container {
    margin: 0;
  }
  .productCarousel.brxComponent .itemWrapper, .productCarousel.productCarouselEnhance .itemWrapper {
    padding-right: 15px;
  }
  .productCarousel.brxComponent #productContainer, .productCarousel.productCarouselEnhance #productContainer {
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
  .productCarousel.brxComponent #productContainer:hover, .productCarousel.productCarouselEnhance #productContainer:hover {
    box-shadow: none;
  }
  .productCarousel.brxComponent .imageSection, .productCarousel.productCarouselEnhance .imageSection {
    text-align: left;
  }
  .productCarousel.brxComponent .imageSection img, .productCarousel.productCarouselEnhance .imageSection img {
    max-width: 100%;
  }
  .productCarousel.brxComponent .tileDescContainer, .productCarousel.productCarouselEnhance .tileDescContainer {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .productCarousel.brxComponent .tileDescContainer p.ellipsis, .productCarousel.productCarouselEnhance .tileDescContainer p.ellipsis {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    -webkit-line-clamp: 4;
    min-height: auto;
  }
  .productCarousel.brxComponent .itemkeyDetails, .productCarousel.productCarouselEnhance .itemkeyDetails {
    display: none !important;
  }
  .productCarousel.brxComponent span.seepriceincart, .productCarousel.productCarouselEnhance span.seepriceincart {
    font-size: 18px !important;
    line-height: 20px !important;
  }
  .productCarousel.brxComponent .price span:first-child:not(.bold), .productCarousel.brxComponent .price .oldprice, .productCarousel.productCarouselEnhance .price span:first-child:not(.bold), .productCarousel.productCarouselEnhance .price .oldprice {
    margin: 0 !important;
  }
  .productCarousel.brxComponent .price span:first-child, .productCarousel.productCarouselEnhance .price span:first-child {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    width: 100%;
  }
  .productCarousel.brxComponent .price .oldprice, .productCarousel.productCarouselEnhance .price .oldprice {
    margin-right: 4px !important;
  }
  .productCarousel.brxComponent .price .discountedPrice, .productCarousel.productCarouselEnhance .price .discountedPrice {
    order: 3;
  }
  .productCarousel.brxComponent .price .soldpkg, .productCarousel.productCarouselEnhance .price .soldpkg {
    line-height: 10px;
    font-size: 10px;
    margin: 0;
    display: inline-block;
  }
  .productCarousel.brxComponent .price .soldpkg span.bold, .productCarousel.productCarouselEnhance .price .soldpkg span.bold {
    font-size: 10px;
    line-height: 15px;
    display: inline;
  }
  .productCarousel.brxComponent .oldprice, .productCarousel.brxComponent .discountedPrice, .productCarousel.productCarouselEnhance .oldprice, .productCarousel.productCarouselEnhance .discountedPrice {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
  }
  .productCarousel.brxComponent .variantSwatch, .productCarousel.productCarouselEnhance .variantSwatch {
    flex-wrap: wrap;
  }
  .productCarousel.brxComponent .showMoreVariants, .productCarousel.productCarouselEnhance .showMoreVariants {
    line-height: 14px;
    margin: 0 2px;
    width: 100%;
  }
  .productCarousel.brxComponent .showMoreVariants span, .productCarousel.productCarouselEnhance .showMoreVariants span {
    font-size: 12px;
  }
  .productCarousel.brxComponent .showMoreVariants span.title, .productCarousel.productCarouselEnhance .showMoreVariants span.title {
    font-size: 12px;
  }
  .productCarousel.brxComponent .reviewDesktopView, .productCarousel.productCarouselEnhance .reviewDesktopView {
    margin-top: 6px;
    margin-bottom: 0;
  }
  .productCarousel.brxComponent .reviewDesktopView .userRatings, .productCarousel.productCarouselEnhance .reviewDesktopView .userRatings {
    padding-top: 4px;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
    color: #424c5b;
  }
  .productCarousel.brxComponent .sameDayShipping, .productCarousel.productCarouselEnhance .sameDayShipping {
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
  }
  .productCarousel.brxComponent .shippingWrapper .freeShipping .MuiSvgIcon-root, .productCarousel.productCarouselEnhance .shippingWrapper .freeShipping .MuiSvgIcon-root {
    width: 18px;
    height: 16px;
  }
  .productCarousel.brxComponent .shippingWrapper .freeShipping span, .productCarousel.productCarouselEnhance .shippingWrapper .freeShipping span {
    font-size: 10px;
    margin-left: 3px;
  }
  .productCarousel.brxComponent .frequentlyViewedProductList .totalCartSumPaper, .productCarousel.productCarouselEnhance .frequentlyViewedProductList .totalCartSumPaper {
    margin-top: 0;
  }
  .productCarousel.brxComponent .frequentlyViewedProductList .itemWrapper, .productCarousel.productCarouselEnhance .frequentlyViewedProductList .itemWrapper {
    position: relative;
    padding-right: 25px;
  }
  .productCarousel.brxComponent .frequentlyViewedProductList .itemWrapper h4, .productCarousel.productCarouselEnhance .frequentlyViewedProductList .itemWrapper h4 {
    top: 160px;
    color: #bcbec0;
    font-size: 23px;
    margin: 0 10px;
  }
}

.productCarousel .rec-item-wrapper {
  width: auto;
  overflow: unset;
}
.productCarousel .rec-item-wrapper.eQpvzW {
  overflow: visible;
}
.rec-item-wrapper .contentMargin {
  margin-top: 0;
}

.rec-item-wrapper .tagsRow {
  padding: 0 16px 0 0;
}

.rect-item-wrapper .productSection {
  margin: 0;
}

.rec-slider-container {
  overflow-y: clip;
}

span.viewall_link {
  width: 150px;
  line-height: 36px;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  span.viewall_link {
    line-height: 25px;
  }
}

.CarouselTitle {
  display: flex;
}
.CarouselTitle h3 {
  display: inline;
  padding-right: 20px;
}
.CarouselTitle .viewall_link a,
.CarouselTitle .viewall_link a:hover {
  color: #004e7d;
}

i.fa-duotone.fa-heart::after {
  color: #004e7d;
  opacity: 1;
}

@media (max-width: 767.98px) {
  .imageSection {
    min-height: 135px;
    display: inline-block !important;
  }
}
.wrapper {
  display: flex;
  flex-direction: column;
}
.wrapper .productTileContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: inherit;
}
.wrapper .productTileContainer .MuiTableContainer-root {
  overflow-x: inherit;
}
.wrapper .productTileContainer .fixed-list-nav {
  width: 100%;
  background: #fafafa;
  height: 34px;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #979797;
  z-index: 2;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 5px;
  }
}
@media (min-width: 1400px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .wrapper {
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.contentMargin {
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .contentMargin {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .contentMargin {
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}
@media (min-width: 1400px) {
  .contentMargin {
    max-width: 350px;
    position: relative;
  }
}

#productContainer .tagsRow {
  margin: 16px 0;
  height: 30px;
  min-height: 30px;
  padding: 0 !important;
}

.rec-carousel-wrapper div#productContainer .tagSlack {
  /* margin: 0 !important; */
  height: 30px;
  min-height: 30px;
}

.tagsRow {
  padding: 16px 0;
  min-height: 62px;
}

.tags, .mediumGreyTag, .greenTag, .orangeTag, .blueTag, .exclusive, .discounted, .featured, .best-seller, .new-arrival, .clearance {
  border: none;
  display: inline-block;
  padding: 3px 16px;
  padding-right: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  height: 23px;
  color: #fff;
  background-position: right;
  font-size: 9px;
  background-color: unset;
  white-space: nowrap;
}
@media (min-width: 1360px) {
  .tags, .mediumGreyTag, .greenTag, .orangeTag, .blueTag, .exclusive, .discounted, .featured, .best-seller, .new-arrival, .clearance {
    font-size: 9px;
    padding-left: 20px;
    padding-right: 24px;
  }
}

.rec-slider-container .tags, .rec-slider-container .mediumGreyTag, .rec-slider-container .greenTag, .rec-slider-container .orangeTag, .rec-slider-container .blueTag, .rec-slider-container .exclusive, .rec-slider-container .discounted, .rec-slider-container .featured, .rec-slider-container .best-seller, .rec-slider-container .new-arrival, .rec-slider-container .clearance {
  font-size: 9px;
  padding-left: 18px;
  padding-right: 22px;
}

.clearance {
  background-image: url('data:image/svg+xml;utf8,<svg width="175" height="30" viewBox="0 0 175 30" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(226,84,17)"/></svg>');
}

.new-arrival {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(212,30,61)"/></svg>');
}

.best-seller {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(216,159,2)"/></svg>');
}

.featured {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(108,194,237)"/></svg>');
}

.discounted {
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(113,185,70)"/></svg>');
}

.exclusive {
  background-position: right;
  margin-right: -14px;
  position: relative;
  background-image: url('data:image/svg+xml;uft8,<svg width="175" height="30" viewBox="0 0 175 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M175 0H4.05312e-06V30H159.084C160.665 30 162.098 29.0682 162.74 27.6227L175 0Z" fill="rgb(0,45,80)"/></svg>');
}

.blueTag {
  color: #0198f3;
  border: 1.5px solid #0198f3;
}

.orangeTag {
  color: #e25411;
  border: 1.5px solid #e25411;
}

.greenTag {
  color: #4e832e;
  border: 1.5px solid #4e832e;
}

.mediumGreyTag {
  color: #7d7d7d;
  border: 1.5px solid #7d7d7d;
}

.flexDisplay {
  display: flex !important;
  align-items: center;
}
.flexDisplay .MuiRating-root {
  font-size: 20px;
}
.flexDisplay span.icon {
  height: 24px;
}
.flexDisplay span.desc {
  padding-left: 6px;
}

.fullWidth {
  width: auto;
}

.fullWidth:empty {
  padding: 0;
  margin: 0;
}

.fixedHeight24 {
  min-height: 52px;
  max-height: 52px;
}

.userRatings {
  font-size: 14px;
  color: #424c5b;
  line-height: 21px;
  margin: 2px 16px 0 8px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .userRatings {
    margin: 0 1px;
  }
}

.alignItems {
  align-items: center;
}
@media (min-width: 768px) {
  .alignItems {
    display: none !important;
  }
}

.wishListIcon {
  color: #004e7d;
  width: 1.35em !important;
  height: 1.2em !important;
}

.productSection {
  margin: 0 0 16px 0;
  width: 100%;
}
.productSection .variantSwatch {
  padding: 8px 0 4px 0;
}
@media (max-width: 767.98px) {
  .productSection .description {
    width: 100%;
  }
}
.imageSection {
  width: 80%;
  margin-right: 16px;
}
@media (max-width: 767.98px) {
  .imageSection {
    position: relative !important;
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .imageSection {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 539.98px) {
  .imageSection {
    width: calc(40% - 20px);
    float: left;
    margin-bottom: 16px;
  }
  .imageSection img {
    width: 100%;
    height: auto;
  }
}

.tileCTAContainer::before {
  display: block;
  content: " ";
}

@media (max-width: 539.98px) {
  .tileDescContainer {
    width: 60% !important;
    float: right;
  }
}

.CTADivider {
  display: none;
}
@media (max-width: 539.98px) {
  .CTADivider {
    display: block;
    padding: 0;
    margin: 0;
    clear: both;
  }
}

.rec-item-wrapper .description p {
  min-height: 55px;
  max-height: 55px;
}

.description p {
  margin-bottom: 8px;
  font-size: 16px;
  color: #212934;
  font-weight: 400;
  min-height: 65px;
  line-height: 20px;
  max-height: 70px;
}
@media (max-width: 767.98px) {
  .description p {
    max-height: unset;
  }
}
@media (min-width: 768px) {
  .description p {
    width: 90%;
  }
}
.description p.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description section {
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
}
@media (min-width: 768px) {
  .description section {
    display: flex;
  }
}

.price {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 16px;
  display: inline-block;
}
.price h6:first-child {
  font-size: 26px;
  color: #212934;
  font-weight: 500;
  line-height: 26px;
}
.price span:first-child {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  padding-top: 0;
  display: inline-block;
}
.price span span {
  font-size: 12px;
}
.price .soldpkg {
  font-size: 14px;
  display: block;
  font-weight: 400;
  width: 100%;
  color: #212934;
}
.price .soldpkg span {
  font-size: 14px;
}
.price .soldpkg .bold {
  margin-left: 2px;
}
.price .callforpricing {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
}

span.seepriceincart {
  font-size: 20px !important;
  color: #004e7d !important;
}

.oldprice {
  margin-left: 8px;
  font-size: 14px;
  text-decoration: line-through;
  color: #bcbec0;
}
@media (min-width: 768px) {
  .oldprice {
    margin-top: 3px;
  }
}

.desktopOnly {
  display: none;
}
@media (min-width: 768px) {
  .desktopOnly {
    display: flex;
  }
  .desktopOnly .productAssets {
    display: none;
  }
  .desktopOnly .productColor {
    display: flex;
  }
}

.discountedPrice {
  color: #4e832e;
  font-size: 14px;
  padding-left: 10px;
  display: inline-block;
}
@media (min-width: 768px) {
  .discountedPrice {
    padding-left: 5px;
    line-height: 18px;
  }
}

.sameDayShipping {
  margin-top: 3px;
  font-size: 14px;
  color: #004e7d !important;
}

.shippingTag {
  color: #71b946 !important;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.frequentlyViewedProductList .shippingTag {
  align-items: flex-start;
}

.freeShipping {
  margin-top: 12px;
}
.freeShipping span {
  margin-left: 8px;
  color: #71b946 !important;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .freeShipping .freeShppingToolTip .priceinfopopup {
    left: -154px;
  }
}

.compareToolTip {
  margin: 0;
}
.compareToolTip .freeShppingToolTip {
  margin: 0;
}
@media (max-width: 767.98px) {
  .compareToolTip .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.compareToolTip .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: inherit;
    z-index: 2;
    top: 25px !important;
  }
  .compareToolTip .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
.compareToolTip .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 163px !important;
  }
}

.quantity {
  max-width: 100px !important;
  margin-right: 16px !important;
}
.quantity .MuiSelect-outlined {
  margin-left: 16px !important;
}

.cartButton {
  width: 100%;
  max-height: 45px;
  background-color: #d41e3d !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border-radius: 8px;
}

.purchaseQty {
  margin-bottom: 0;
  color: #424c5b;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.divider {
  margin: 20px 0 !important;
}
@media (min-width: 768px) {
  .divider {
    margin: 30px 0 !important;
  }
}

.colorAvailable {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
}

.reviewTiles .dv-star-rating {
  pointer-events: none;
}

#ratingOrderFeedback .dv-star-rating {
  pointer-events: all !important;
}

.productListWrapper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productListWrapper .MuiTooltip-tooltip {
  background: none;
  padding: 0;
  position: relative;
}

.productCarousel .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel .MuiTooltip-tooltip, .productCarousel .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop, .productCarousel div .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop {
  background: none;
  padding: 0;
}

.reviewDesktopView {
  padding-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  height: 24px;
}

.toolTipWishList {
  position: inherit !important;
  width: 250px !important;
  margin-left: -75px;
  padding: 0 !important;
  background: #ffffff;
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #dadada;
  border-radius: 3px;
  color: #212934;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  z-index: 12;
  right: 55px;
  cursor: pointer;
}
.toolTipWishList::before, .toolTipWishList::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 16px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .toolTipWishList::before, .toolTipWishList::after {
    right: 30px;
    left: initial;
  }
}
.toolTipWishList::before {
  top: 0px !important;
  border-bottom: solid 10px #dadada !important;
}
.toolTipWishList::after {
  top: 1px !important;
  border-bottom: solid 10px #fff !important;
}
.toolTipWishList .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 16px;
}
.toolTipWishList .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
  color: #212934;
}
.toolTipWishList .addtolist-wrapper .addListClick .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.toolTipWishList .addtolist-wrapper .addButton {
  border-bottom: 2px solid #D8D8D8;
  padding: 0 16px 10px 16px;
}
.toolTipWishList .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
  margin-right: 10px;
  color: #212934 !important;
}
.toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton {
  height: 35px;
}
.toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.toolTipWishList .showCreateList .groupList li {
  padding: 11px 16px !important;
  color: #004E7D;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.toolTipWishList .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .toolTipWishList .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.toolTipWishList .showCreateList .groupList li:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.toolTipWishList .flexDisplay.displayList {
  padding: 10px;
  font-weight: 400;
}
.toolTipWishList .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  /* .displayList{
    justify-content: space-between;
  } */
}
.toolTipWishList .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start !important;
  padding: 0 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .toolTipWishList .addListScroll .addList {
    margin: 10px 0 12px;
  }
}
.toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin: 0;
}
.toolTipWishList .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #DADADA;
}
.toolTipWishList .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.toolTipWishList .addListScroll .addList .customBtn {
  height: 40px;
}
.toolTipWishList .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #212934;
}
.toolTipWishList .MuiTooltip-tooltip {
  background: none;
  padding: 0;
}

.fa-duotone::before, .fa-duotone::after {
  content: "" !important;
}

.MuiTooltip-tooltipArrow .MuiTooltip-arrow {
  width: 20px;
  height: 20px;
  margin: 0;
  color: #dadada;
  z-index: 20;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
}
.MuiTooltip-tooltipArrow .MuiTooltip-arrow::before {
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  display: block;
  transform: rotate(45deg);
  background-color: currentColor;
}
.MuiTooltip-tooltipArrow .MuiTooltip-arrow::after {
  position: absolute;
  width: 17px;
  height: 14px;
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  top: 0;
  margin-top: -10px;
}

.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow {
  margin-bottom: -19px;
}
.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow::before {
  margin-top: -14px;
  margin-left: -1px;
  transform-origin: initial;
}

.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow {
  margin-top: -19px;
  top: 0;
}
.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::before {
  margin-top: 4px;
  margin-left: -5px;
  transform-origin: 0 100%;
}
.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::after {
  margin-top: 15px;
  margin-left: 2px;
}

.accountWishList .MuiTooltip-tooltip, .addListIcone .MuiTooltip-tooltip, .wishListWrapper .MuiTooltip-tooltip {
  background: none;
  padding: 0;
  margin: 14px 0;
  position: relative;
}
.accountWishList .MuiTooltip-popper, .addListIcone .MuiTooltip-popper, .wishListWrapper .MuiTooltip-popper {
  z-index: 1;
}

.accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  font-size: 14px;
  padding: 16px;
  width: 211px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: 55px;
  cursor: pointer;
  /* &::before,
  &::after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
    position: absolute;
    left: 176px;

    @include for-phone-only {
      right: 32px;
      left: initial;
    }
  }

  &::before {
    top: -8px;
    border-bottom: solid 6px #dadada;
  }

  &::after {
    top: -7px;
    border-bottom: solid 8px #fff;
  } */
}
.accountWishList .accountPopup::before, .accountWishList .accountPopup::after {
  content: none !important;
}
.accountWishList .accountPopup .showCreateList .groupList li {
  margin: 0 0 16px;
}
@media (max-width: 767.98px) {
  .accountWishList .accountPopup .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.accountWishList .accountPopup .flexDisplay .fal {
  font-size: 24px;
  font-weight: 300;
  color: #004e7d;
}
.accountWishList .accountPopup .flexDisplay .fal.fa-plus {
  width: 10px;
  height: 10px;
}
.accountWishList .accountPopup .flexDisplay span.desc {
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.accountWishList .accountPopup .displayList {
  justify-content: space-around;
  padding: 16px;
}
.accountWishList .accountPopup .displayList .icon {
  color: #71b946;
  display: contents;
  margin-right: 8px;
}
.accountWishList .accountPopup .displayList span.descSave {
  padding-left: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #004e7d;
}
.accountWishList .accountPopup .addList {
  margin: 10px 0;
}
.accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.accountWishList .accountPopup .addList .MuiOutlinedInput-input {
  padding: 7px 10px;
  text-align: center;
}
.accountWishList .accountPopup .addList .customBtn {
  height: 40px;
}

.wishList-v2 {
  width: 250px !important;
  margin-top: 15px;
}
.wishList-v2::before, .wishList-v2::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .wishList-v2::before, .wishList-v2::after {
    right: 30px;
    left: initial;
  }
}
.wishList-v2::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.wishList-v2::after {
  top: -9px !important;
  border-bottom: solid 10px #fff !important;
}
.wishList-v2 .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
}
.wishList-v2 .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  color: #000;
}
.wishList-v2 .addtolist-wrapper .addButton {
  padding-bottom: 20px;
  border-bottom: 2px solid #D8D8D8;
}
.wishList-v2 .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
}
.wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton {
  margin-right: 10px;
  height: 35px;
}
.wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.wishList-v2 .showCreateList .groupList li {
  padding: 16px 0 16px 10px !important;
  padding-left: 10px;
  color: #004E7D;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.wishList-v2 .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .wishList-v2 .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.wishList-v2 .showCreateList .groupList li:hover {
  background-color: #D8D8D8;
}
.wishList-v2 .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  /* .displayList{
    justify-content: space-between;
  } */
}
.wishList-v2 .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .wishList-v2 .addListScroll .addList {
    margin: 0 0 12px;
  }
}
.wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 0px;
}
.wishList-v2 .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #808080;
}
.wishList-v2 .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.wishList-v2 .addListScroll .addList .customBtn {
  height: 40px;
}
.wishList-v2 .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}

.outOfStock {
  background-color: #f7c2cb !important;
}

.variantSwatch {
  padding: 15px 0 0 0;
  min-height: 28px;
  /*align-items: flex-start; */
}

.compareProduct .MuiCheckbox-colorSecondary.Mui-checked {
  color: #d41e3d;
  padding-right: 0;
}
.compareProduct .MuiCheckbox-root {
  padding: 0;
}

.compareText {
  font-size: 14px;
  color: #424c5b;
  margin-left: 4px;
}

.flexNote {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
}

.autocomplete {
  margin-right: 8px;
}
.autocomplete .MuiFormControl-marginNormal {
  margin: 0;
}

.dv-star-rating {
  display: flex !important;
  font-size: 20px;
  flex-direction: row-reverse;
  /*@include for-tablet-portrait-up {
    display: inline-block !important;
  }*/
}

.autoCompleteBox {
  text-align: center;
  margin-right: 8px;
  box-sizing: border-box;
  height: 48px;
  width: 76px;
  border: 1px solid #424c5b;
  border-radius: 4px;
  background-color: #ffffff;
  color: #424c5b;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.iconAdornment {
  position: absolute;
  left: 48px;
  top: 12px;
}

.selectWrapper {
  position: relative;
  align-items: center !important;
}

.error {
  margin-top: 16px;
  color: #d41e3d;
  font-size: 14px;
}

.productTags {
  border-radius: 2px;
  display: flex;
  align-items: center;
  height: 24px;
  justify-content: center;
  width: 140px;
}

.closeIcon {
  position: absolute;
  right: 10px;
  top: -8px;
  fill: #6a7681 !important;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .tagSlack {
    display: flex;
    flex-shrink: 0;
    align-items: center;
  }
  .tagSlack.tagsRow:empty {
    min-height: 20px;
    padding: 0;
  }
  .pdpDetailPage .tagSlack {
    flex-wrap: wrap;
  }
  .pdpDetailPage .tagSlack.tagsRow span {
    overflow: hidden;
  }
}

.tagSlack .productTags {
  height: 18px;
  font-size: 11.5px;
  margin-top: 0;
}
.tagSlack .productTags:first-child {
  margin-bottom: 4px;
}

.dv-star-rating-star {
  font-size: 16px;
  font-weight: 600;
  padding-right: 4px;
}

.rec-carousel-wrapper .heroAttributeSection {
  min-height: unset;
}

.heroAttributeSection {
  padding: 15px 0 25px 0;
  /*min-height: 150px;*/
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .heroAttributeSection {
    padding: 15px 0 16px 0;
  }
}
.heroAttributeSection .heroRow {
  width: 100%;
  display: flex;
}
.heroAttributeSection .heroRow p {
  min-height: auto !important;
  width: 100%;
  color: #212934;
  line-height: 14px;
  padding: 3px 0px;
}
.heroAttributeSection .heroRow p:first-child {
  font-weight: 500;
  font-size: 14px;
  width: 60%;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .heroAttributeSection .heroRow p:first-child {
    padding-right: 20px;
    width: 50%;
  }
}
.heroAttributeSection .heroRow p:last-child {
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  width: 50%;
}

.rec-carousel-item .productSection {
  margin-top: 0;
  margin-bottom: 0;
}
.rec-carousel-item .description p {
  font-size: 14px;
  line-height: 18px;
}
.rec-carousel-item section {
  position: relative;
}
.rec-carousel-item section .price {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 16px;
}
.rec-carousel-item section .price .soldpkg {
  font-size: 14px;
  display: block;
  font-weight: 400;
  width: 100%;
  color: #646d7b;
}
.rec-carousel-item section .price .soldpkg span {
  font-size: 14px;
}
.rec-carousel-item section .price .soldpkg .bold {
  margin-left: 2px;
}

.colorswatch {
  display: flex;
  padding: 2px;
}
.colorswatch span.title {
  display: none;
}
.colorswatch.activeColorVariant {
  padding: 0;
}
.colorswatch.activeColorVariant.multiple span:first-child {
  outline: 2px solid;
  outline-offset: 2px;
  margin-right: 4px;
}
.colorswatch.activeColorVariant:not(.multiple) > span {
  border: 5px white;
  border-style: double;
  box-sizing: content-box;
}
.colorswatch.activeColorVariant:not(.multiple) > span.whiteColorvariant {
  border: 5px grey;
  border-style: double;
  box-sizing: content-box;
}
.colorswatch.activeColorVariant:not(.multiple) > span.undefinedColor {
  border-color: #212934;
}
.colorswatch.activeColorVariant:not(.multiple) > span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: -1px auto 0;
  font-size: 12px;
  font-weight: 400;
}

.showMoreVariants {
  cursor: pointer;
  margin-left: 10px;
}
.showMoreVariants span {
  color: #004e7d;
  font-size: 14px;
  font-weight: 600;
}
.showMoreVariants .ColorVariants {
  box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  margin-top: 7px;
  position: absolute;
  background: #fff;
  padding: 4px 12px;
  z-index: 9;
}
.showMoreVariants .ColorVariants .title {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .showMoreVariants .ColorVariants .title {
    font-size: 12px;
    font-weight: 400;
  }
}
.showMoreVariants .ColorVariants:before {
  content: "";
  position: absolute;
  width: 0;
  top: 0;
  height: 0;
  margin-left: -0.5em;
  bottom: -2em;
  left: 40%;
  box-sizing: border-box;
  border: 0.6em solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.98px) {
  .showMoreVariants.variant-right .ColorVariants::before {
    right: 0;
    left: unset;
  }
}
.showMoreVariants .colorswatch {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #bcbec0;
  padding: 5px 0;
}
.showMoreVariants .colorswatch span {
  margin: 0 5px 0 5px !important;
  display: flex;
  padding: 0 !important;
}
.showMoreVariants .colorswatch span.undefinedColor {
  border: 1px solid #212934;
}
.showMoreVariants .colorswatch span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: -1px auto 0;
  font-size: 12px;
  font-weight: 400;
}
.showMoreVariants .colorswatch span.title {
  padding-left: 0;
}
.showMoreVariants .colorswatch.activeColorVariant > span {
  margin: 0;
}
.showMoreVariants .colorswatch:last-child {
  border: none;
}

.productAddonsSection {
  /*&:not(section) {
    display: none !important;
  }*/
}
.productAddonsSection:has(.prodAddonSection) {
  min-height: 470px;
}
.productAddonsSection:empty {
  min-height: unset;
}
@media (max-width: 767.98px) {
  .productAddonsSection {
    min-height: auto;
  }
}

.productAddonsSection .MuiPaper-root {
  overflow: visible;
}

.frequentlyViewedProductList .contentMargin {
  padding: 0;
  margin: 0 !important;
}
.frequentlyViewedProductList .itemWrapper.flexDisplay {
  position: relative;
  width: 234px;
}
.frequentlyViewedProductList .itemWrapper h4 {
  position: absolute;
  top: 110px;
  right: 0;
  font-size: 48px;
  font-weight: 200;
}
@media (max-width: 767.98px) {
  .frequentlyViewedProductList .itemWrapper h4 {
    top: 35px;
  }
}

.totalCartSumPaper {
  width: 300px !important;
}

.rec-item-wrapper .outOfStockBlock .MuiBox-root,
.rec-item-wrapper .outOfStockBlock button,
.rec-item-wrapper .outOfStockBlock input[type=text] {
  font-size: 10px;
}

.outOfStockBlock {
  padding-bottom: 0;
  min-height: 70px;
}
.outOfStockBlock .MuiBox-root {
  border-radius: 4px;
  border-color: #c9c9c9;
  /* display: block; */
  padding: 10px 0;
  display: block;
  height: auto;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiBox-root {
    width: 100%;
  }
}
.outOfStockBlock .MuiTypography-caption {
  font-size: 11px;
  padding: 0;
  line-height: unset;
  margin: 0;
  letter-spacing: normal;
}
.outOfStockBlock .MuiGrid-item {
  padding: 0 !important;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiGrid-item {
    max-width: 100% !important;
    flex-basis: 100% !important;
    line-height: 1;
  }
  .outOfStockBlock .MuiGrid-item button {
    margin: 6px 0 4px !important;
  }
  .outOfStockBlock .MuiGrid-item .MuiTypography-caption {
    line-height: 1;
  }
}
.outOfStockBlock .MuiGrid-item.MuiGrid-grid-xs-8 {
  padding-right: 10px !important;
}
@media (max-width: 767.98px) {
  .outOfStockBlock .MuiGrid-item.MuiGrid-grid-xs-8 {
    padding-right: 0 !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
.outOfStockBlock .MuiFormControl-marginNormal {
  margin-top: 0;
}
.outOfStockBlock .outOfStockBlock .MuiFormControl-marginNormal {
  margin-top: 2px;
}
.outOfStockBlock .outOfStockBlock .MuiGrid-root.MuiGrid-item:nth-child(2) {
  padding-right: 10px;
}
.outOfStockBlock input[type=text] {
  padding: 10px;
  margin: 0;
  max-height: 28px;
  font-size: 11px;
}
.outOfStockBlock button {
  margin-top: 0 !important;
  max-height: 34px;
  /* height: 26px; */
  font-size: 11px !important;
  border-radius: 4px !important;
  padding: 0 10px;
  min-width: auto;
  /* line-height: 26px; */
  font-weight: normal !important;
  border-width: 1px !important;
}
.outOfStockBlock button span.MuiButton-label {
  text-transform: capitalize;
}

.productDetailsSection .sameDayShipping {
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500 !important;
}

.productDetailsSection .variantSwatch.flexDisplay h5 {
  padding-right: 10px;
}

.Items-Recommended {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin: 0 auto;
  max-width: 989px;
  padding: 0 0 12px 0;
}
@media (max-width: 767.98px) {
  .Items-Recommended .userRatings {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .flexDisplay {
    display: block !important;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .tags, .Items-Recommended .clearance, .Items-Recommended .new-arrival, .Items-Recommended .best-seller, .Items-Recommended .featured, .Items-Recommended .discounted, .Items-Recommended .exclusive,
.Items-Recommended .mediumGreyTag,
.Items-Recommended .greenTag,
.Items-Recommended .orangeTag,
.Items-Recommended .blueTag {
    margin-bottom: 0;
  }
}
.Items-Recommended .fixedHeight24 {
  height: unset;
}
@media (max-width: 767.98px) {
  .Items-Recommended .fixedHeight24 {
    min-height: unset;
  }
}
.Items-Recommended .productSection {
  display: block;
}
.Items-Recommended .productViews {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
}
.Items-Recommended #productContainer {
  display: block;
  width: 100% !important;
  max-width: auto;
}
.Items-Recommended .productCarousel .productSection {
  flex-direction: row;
}
.Items-Recommended .itemWrapper {
  width: calc(50% - 20px);
  margin-right: 20px;
}
.Items-Recommended .itemWrapper > .flexDisplay {
  display: none !important;
}
.Items-Recommended .contentMargin {
  margin: 0;
  max-width: unset;
}
.Items-Recommended .imageSection {
  display: block;
  width: 50% !important;
  float: left;
  padding: 0;
  margin: 0;
}
@media (max-width: 767.98px) {
  .Items-Recommended .imageSection {
    width: 100% !important;
  }
}
.Items-Recommended .productSection .reviewDesktopView {
  width: 50%;
  float: right;
  margin: 16px 0 0 0;
  padding: 0 16px 0 0;
  height: unset;
}
@media (max-width: 767.98px) {
  .Items-Recommended .productSection .reviewDesktopView {
    display: none !important;
  }
}
.Items-Recommended .reviewDesktopView div {
  display: inline-block;
}
.Items-Recommended .heroAttributeSection {
  display: none;
}
.Items-Recommended .description {
  display: block;
  width: 50%;
  float: right;
}
@media (max-width: 767.98px) {
  .Items-Recommended .description {
    width: 100%;
    float: unset;
  }
}
@media (max-width: 767.98px) {
  .Items-Recommended .selectWrapper .MuiButtonBase-root {
    width: 100% !important;
  }
}

.itemkeyDetails .prod-itemkey-num {
  padding: 16px 0 0 0;
  font-size: 14px;
  cursor: text;
  user-select: text;
}

div#productContainer {
  margin-right: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  div#productContainer {
    max-height: 764px;
  }
}
div#productContainer .price {
  padding-top: 0;
}
div#productContainer .price span:first-child {
  order: 2;
}
div#productContainer .price span:first-child:not(.bold),
div#productContainer .price .oldprice {
  margin-top: 16px;
}
div#productContainer .price .oldprice {
  order: 3;
}
div#productContainer .price .soldpkg {
  order: 1;
  margin-top: 8px;
}
div#productContainer .purchaseQty {
  line-height: 1;
}

.rec-carousel-wrapper .rec-item-wrapper .itemWrapper {
  width: 100%;
}
.rec-carousel-wrapper div#productContainer {
  max-height: unset;
  border: none;
  padding-right: 20px;
}
@media screen and (max-width: 452px) {
  .rec-carousel-wrapper div#productContainer {
    padding-right: 0;
  }
}

.promoTitle {
  color: #212934;
  font-size: 16px;
  line-height: 24px;
}

.promoSection {
  max-width: 325px;
  width: 100%;
  margin-top: 8px;
}
.promoSection .MuiInputBase-root {
  height: 50px;
}
.promoSection .MuiFormControl-root {
  margin: 0 8px 0 0;
  align-self: flex-start;
}
.promoSection .MuiOutlinedInput-input {
  padding: 14px;
  color: #212934;
  font-size: 16px;
  line-height: 1;
}
.promoSection .blueOutlinedButton {
  border-radius: 4px;
  padding: 11px;
  font-size: 16px;
  align-self: flex-start;
}
.promoSection .noOutlinedButton {
  color: #004e7d !important;
  border-radius: 4px;
  padding: 11px;
  font-size: 16px;
  align-self: flex-start;
}
.promoSection p.Mui-error {
  margin-top: 6px;
  /*font-size: 16px;  
  font-weight: 400;    
  color: $red;*/
}
.promoSection .promo-applied {
  border: 1px solid #bcbec0;
  border-radius: 4px;
  padding: 10px;
  height: 50px;
  max-width: 205px;
  width: 100%;
  display: flex;
}
.promoSection .promo-applied > * {
  align-self: center;
}
.promoSection .promo-applied .fas {
  font-size: 24px;
  font-weight: 300 !important;
  color: #71b946;
  margin-right: 6px;
}
.promoSection .promo-applied span {
  font-size: 16px;
  font-weight: 300;
  color: #71b946;
  line-height: 1.2;
}

.checkoutBtn {
  margin-top: 32px;
}

.master-lock {
  width: 100%;
  background: #f3f3f3;
  border-radius: 4px;
  padding: 16px;
  margin: 0 0 16px;
}
.master-lock.alignTop {
  align-items: flex-start !important;
}
.master-lock .MuiOutlinedInput-input {
  padding: 12px 12px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  background-color: #ffffff;
  border-radius: 4px;
}
.master-lock .MuiFormControl-root {
  margin: 0;
  max-width: 68px;
  width: 100%;
}
.master-lock label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212934 !important;
  line-height: 1 !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  text-transform: capitalize !important;
}
@media (max-width: 767.98px) {
  .master-lock {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .master-lock .lockerLockContainer {
    display: flex;
    white-space: nowrap;
    align-items: center;
    width: 100%;
  }
  .master-lock .flexWrapContent {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px;
    width: 100%;
  }
  .master-lock .MuiFormControl-root {
    max-width: 125px;
    margin-right: 5px;
  }
  .master-lock label {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }
}

.prodSpec .master-lock {
  width: calc(100% - 16px);
}

.productDetailsSection .master-lock {
  margin-bottom: 24px;
}
.productDetailsSection .master-lock .link {
  margin: 0 0 0 6px;
}

.lockerLock {
  flex-direction: row;
  align-items: baseline;
  max-width: 138px;
  width: 100%;
  margin-right: 24px;
}
.lockerLock .selectBox {
  margin: 0 !important;
  max-width: 138px;
  width: 100%;
  height: 42px;
}
.lockerLock .drop-down-list .MuiOutlinedInput-input {
  padding: 12px 12px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  font-size: 14px !important;
  background-color: #ffffff;
  border-radius: 4px;
}
.lockerLock .MuiFormControl-marginNormal {
  margin: 0;
}

.CTABlockAddtoCart {
  align-items: flex-start !important;
}

.MuiGrid-root.MuiGrid-item:nth-child(1) {
  line-height: 11px;
  padding-bottom: 6px !important;
}

.outOfStockBlock .MuiGrid-spacing-xs-1 {
  margin: 0;
  width: 100%;
}

.reviewDesktopView .fa-heart {
  display: -webkit-box;
  min-width: auto;
  cursor: pointer;
}
.reviewDesktopView .fa-heart::before {
  content: "";
}

.outOfStockOverlay {
  border: 1px solid #f0e0e2;
  border-radius: 4px;
  text-align: center;
  width: 100%;
  position: absolute;
  padding: 10px 0;
  color: #d41e3d;
  font-size: 16px;
  top: 32%;
  line-height: 16px;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.8);
}

.rec-item-wrapper .outOfStockOverlay {
  width: 250px;
  font-weight: normal;
  font-size: 14px;
}

.tileContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.tileDescContainer p.ellipsis {
  min-height: 48px;
  word-break: break-word;
  color: #212934;
}

.frequencyWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
.frequencyWrapper .autoReorderCheckbox {
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .autoReorderCheckbox > span {
    padding-left: 0;
  }
}
@media (max-width: 800px) {
  .frequencyWrapper .autoReorderCheckbox {
    width: 145px;
    margin: 0;
  }
}
.frequencyWrapper .freqTitle {
  width: 263px;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 800px) {
  .frequencyWrapper .freqTitle {
    width: calc(100% - 185px);
  }
}
.frequencyWrapper .tooltipBox {
  margin-left: 11px;
  margin-right: 0;
}
.frequencyWrapper .drop-down-list {
  width: 100%;
}
.frequencyWrapper .drop-down-list .MuiInputBase-input.Mui-disabled,
.frequencyWrapper .drop-down-list .MuiInputBase-root.Mui-disabled {
  color: #bcbec0 !important;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .drop-down-list .MuiInputBase-input.Mui-disabled,
.frequencyWrapper .drop-down-list .MuiInputBase-root.Mui-disabled {
    height: auto;
  }
}
.frequencyWrapper .drop-down-list .MuiInputBase-input.Mui-disabled .MuiSvgIcon-root,
.frequencyWrapper .drop-down-list .MuiInputBase-root.Mui-disabled .MuiSvgIcon-root {
  color: #bcbec0 !important;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .MuiTypography-root {
    font-size: 14px;
  }
  .frequencyWrapper .tooltipBox {
    margin-left: 6px;
    margin-right: 0px;
  }
}
.frequencyWrapper .MuiSvgIcon-root {
  color: #004e7d;
}

.modalContainer .frequencyWrapper {
  padding: 32px 32px 0;
}
@media (max-width: 767.98px) {
  .modalContainer .frequencyWrapper {
    padding: 32px 16px 0 32px;
  }
  .modalContainer .frequencyWrapper .tooltip {
    right: 10px;
  }
}
.modalContainer .frequencyWrapper .MuiSvgIcon-root {
  color: #004e7d;
}

.frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  top: 30px;
  left: auto;
  right: -20px;
}
.frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
  left: auto;
  right: 21px;
}
@media (max-width: 767.98px) {
  .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
    right: 10px;
  }
}
@media (max-width: 767.98px) {
  .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    width: 86vw;
    margin: 0;
    z-index: 2;
    padding: 10px;
    right: -8px;
    left: auto;
  }
}

.addPaymentForm input[type=text],
.addPaymentForm input[type=password],
.addAddressForm input[type=text],
.addAddressForm input[type=password] {
  padding: 14px 12px;
  min-height: 50px;
  color: #212934;
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  box-sizing: border-box;
}

.viewsharedcart .pageNav.spaceBetween {
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .viewsharedcart .pageNav.spaceBetween {
    flex-direction: column;
  }
}

.productCarousel .discountedPrice {
  padding-left: 0;
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}
.productCarousel .price,
.productCarousel .price > div {
  display: flex;
  flex-wrap: wrap;
}
.productCarousel .oldprice {
  margin: 2px 0 2px 6px;
  font-weight: 400;
}
.productCarousel .freeShipping .d-inline.cursor-p {
  margin-left: 6px;
}
.productCarousel .freeShipping .d-inline.cursor-p .fa-info-circle.freeShppingToolTip {
  padding: 0 6px;
  margin: -2px 0 0 6px;
}
.productCarousel .soldpkg {
  line-height: 1;
  margin-bottom: 6px;
}
.productCarousel .soldpkg .bold {
  line-height: 1;
}
@media (max-width: 539.98px) {
  .productCarousel .imageSection img {
    width: unset;
    height: unset;
  }
}
.productCarousel .tileDescContainer {
  width: 100% !important;
}
.productCarousel .wishListWrapper {
  width: 37px;
}
.productCarousel div,
.productCarousel div:focus {
  outline: 0;
}

.recently-viewed-products {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.recently-viewed-products h3 {
  width: 100%;
  margin-top: 20px;
}

.Items-Recommended .tileCTAContainer::before {
  clear: both;
}
.Items-Recommended .tileCTAContainer {
  width: 50%;
  float: right;
}
.Items-Recommended .shippingWrapper {
  width: 52%;
  float: right;
  margin-right: -2% !important;
}
.Items-Recommended .reviewTiles {
  display: flex !important;
  padding-bottom: 16px;
}
.Items-Recommended section.flexNote {
  clear: both;
  display: block;
  width: 50%;
  float: right;
}
.Items-Recommended .shippingWrapper,
.Items-Recommended .discountedPrice {
  margin-left: 50% !important;
}
.Items-Recommended .PriceSavingSection {
  clear: both;
  display: block;
  width: 100%;
}
.Items-Recommended .PriceSavingSection .price {
  float: right;
  width: 50%;
  padding-top: 10px;
}
.Items-Recommended .sameDayShipping {
  clear: both;
}
.Items-Recommended .productSection::after {
  clear: both;
  display: block;
  content: " ";
}
.Items-Recommended .sameDayShipping {
  clear: both;
  width: 50%;
  float: right;
}
.Items-Recommended .sameDayShipping .sameDayShipping {
  width: 100%;
}
.Items-Recommended div#productContainer {
  border: none;
}
.Items-Recommended .productSection {
  margin-bottom: 0;
}
.Items-Recommended .tileDescContainer {
  float: right;
  width: 50% !important;
  display: block;
}
.Items-Recommended .itemkeyDetails {
  width: 100%;
}
.Items-Recommended .reviewDesktopView {
  width: auto !important;
  float: unset !important;
}
.Items-Recommended .reviewTiles {
  float: left;
}
.Items-Recommended .CTABlockAddtoCart {
  width: 100%;
}
.Items-Recommended .variantSwatch.flexDisplay {
  float: right !important;
  width: 50% !important;
  clear: both;
}

@media (max-width: 767.98px) {
  .modalContainer {
    transform: none;
    width: 100%;
  }

  .mask {
    background: #212934;
    opacity: 0.5;
    height: 100vh;
    z-index: 100;
  }

  .MuiPopover-root > div:first-child {
    background-color: rgba(33, 41, 52, 0.75) !important;
  }

  .overlay-popup-bottom,
.MuiMenu-paper {
    top: auto !important;
    bottom: 0;
    width: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    left: 0 !important;
    border-radius: 4px 4px 0 0 !important;
  }
  .overlay-popup-bottom .MuiMenu-list.MuiList-padding,
.overlay-popup-bottom .MuiList-padding,
.MuiMenu-paper .MuiMenu-list.MuiList-padding,
.MuiMenu-paper .MuiList-padding {
    padding: 0 !important;
    width: 100%;
    max-width: none;
    max-height: 65vh;
  }
  .overlay-popup-bottom li,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu,
.MuiMenu-paper li,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu {
    min-height: auto;
    line-height: 1;
    padding: 6px 24px !important;
  }
  .overlay-popup-bottom li .MuiListItem-gutters,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters,
.MuiMenu-paper li .MuiListItem-gutters,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters {
    padding: 0;
  }
  .overlay-popup-bottom li .MuiIconButton-root,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu .MuiIconButton-root,
.MuiMenu-paper li .MuiIconButton-root,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu .MuiIconButton-root {
    padding: 0 9px 0 0;
  }
  .overlay-popup-bottom li:first-of-type,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu:first-of-type,
.MuiMenu-paper li:first-of-type,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu:first-of-type {
    margin-top: 10px;
  }
  .overlay-popup-bottom li:last-of-type,
.overlay-popup-bottom .MuiListItem-gutters.dropdown-menu:last-of-type,
.MuiMenu-paper li:last-of-type,
.MuiMenu-paper .MuiListItem-gutters.dropdown-menu:last-of-type {
    margin-bottom: 10px;
  }
}
.modalContainer.addPaymentForm .selectBox .MuiOutlinedInput-root {
  height: 50px;
}

.savedforlater .relativeDiv.quantityDD {
  pointer-events: none;
}

.tileDescContainer p.ellipsis:hover {
  color: #004e7d !important;
}

.rec-carousel-wrapper .variantsTile {
  padding-bottom: 16px !important;
  min-height: 575px;
}
@media (max-width: 767.98px) {
  .rec-carousel-wrapper .variantsTile {
    min-height: unset;
  }
}

.pdpDetailPage.viewcart .rec-carousel-wrapper .variantsTile {
  min-height: 590px;
}
@media (max-width: 767.98px) {
  .pdpDetailPage.viewcart .rec-carousel-wrapper .variantsTile {
    min-height: unset;
  }
}

.rec-carousel-wrapper .variantsContainer {
  max-height: 100px;
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  .baseCheckoutWrapper .frequencyWrapper label span.flexWrapper {
    font-size: 14px;
    font-weight: 400;
    color: #424c5b;
  }
}
.tileCTAContainer .outOfStockBlock .MuiGrid-grid-xs-11 {
  max-width: 100%;
  flex-basis: 100%;
}
.tileCTAContainer .outOfStockBlock .MuiGrid-container {
  padding: 0 10px;
}

@media (max-width: 767.98px) {
  .successMsg.viewcart-top-msg {
    margin: 0 0 18px;
    padding: 12px;
  }
  .successMsg.viewcart-top-msg span {
    margin: 0;
  }
}

.product-other-details .shippingWrapper {
  display: block;
}
.product-other-details .shippingWrapper .autoReorderLogo {
  margin-top: 12px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart .autoReorderLogo {
  margin-top: 0px;
}
.product-other-details .shippingWrapper .reorderNfreqMinicart .frequencyBox {
  margin-left: 0px;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .product-other-details .shippingWrapper .reorderNfreqMinicart {
    margin-top: 0px;
  }
}
.product-other-details .prop65_returnpolicy_msg .returnPolicy i.icon.fal.fa-exclamation-triangle {
  margin-right: 5px;
}

@media (max-width: 767.98px) {
  .reviewOrder .product-other-details .frequencyBox .frequencyWrapper .freqTitle {
    width: 80vw !important;
  }
}

.customizable .minicartDetails .frequencyBox .freqTitle {
  width: 85%;
}
@media (max-width: 767.98px) {
  .customizable .minicartDetails .frequencyBox .freqTitle {
    width: 85%;
  }
}
.customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  margin-left: -380px;
  top: 45px;
}
.customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip::before {
  left: 77%;
  margin-left: 22px;
}
@media (min-width: 768px) {
  .customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    margin-left: -290px;
    width: 380px;
  }
}
@media (max-width: 767.98px) {
  .customizable .minicartDetails .frequencyBox .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    margin-right: -110px;
  }
}

.compareWrapper .addtocompare-error {
  margin-top: 0;
  margin-bottom: 8px;
}
.compareWrapper .zipCodeField {
  position: relative;
}
.compareWrapper .zipCodeField .zipcodeCancel {
  position: absolute;
  right: 0;
  bottom: 0;
}
.compareWrapper .compareTilesWrap {
  display: flex;
}
@media (min-width: 868px) {
  .compareWrapper .compareTilesWrap {
    width: 80%;
  }
}
.compareWrapper.mainComparePage {
  padding: 0;
}
.compareWrapper.mainComparePage #productContainer {
  width: 100%;
}
.compareWrapper .compare-autocomplete-price .price {
  padding-top: 0;
}
.compareWrapper .compare-autocomplete-price .price span:first-child {
  font-size: 14px;
}
.compareWrapper .MuiTableCell-root .dv-star-rating {
  justify-content: flex-end;
}
@media (min-width: 868px) {
  .compareWrapper {
    padding: 24px 24px;
  }
  .compareWrapper .MuiTableContainer-root {
    overflow-x: hidden;
  }
}
.compareWrapper .compareTable .MuiTableCell-root, .compareWrapper .compareTable.MuiTable-root {
  border: 0;
}
@media (max-width: 991.98px) {
  .compareWrapper .desktopColumn {
    display: none;
  }
}
.compareWrapper #productContainer {
  width: 96%;
  border-bottom: 0;
  padding: 0;
  margin-right: 0;
}
.compareWrapper #productContainer .imageSection {
  margin-right: 0;
  padding: 10px;
}
@media (max-width: 539.98px) {
  .compareWrapper #productContainer .imageSection {
    width: 100%;
  }
}
.compareWrapper #productContainer .imageSection img {
  width: 100%;
}
.compareWrapper #productContainer .selfItemDesc {
  float: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 5px;
}
@media (max-width: 867.98px) {
  .compareWrapper #productContainer .tileCTAContainer section.flexDisplay.selectWrapper.CTABlockAddtoCart {
    flex-direction: column;
    justify-content: space-between;
    height: 112px;
  }
}
.compareWrapper #productContainer .dv-star-rating {
  justify-content: center;
}
.compareWrapper .extraTiles #productContainer {
  margin-top: unset;
}
.compareWrapper h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.compareWrapper .listWrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
@media (min-width: 868px) {
  .compareWrapper .listWrapper {
    flex-direction: row;
  }
}
.compareWrapper .listWrapper .listedOnly {
  display: flex;
  flex: 1;
}
.compareWrapper .listWrapper .listedOnly .closeIcon {
  cursor: pointer;
}
.compareWrapper .listWrapper .listedOnly .compareTiles {
  border-left: 1px solid #dddddd;
  padding: 0 15px;
  padding-top: 30px;
}
@media (max-width: 867.98px) {
  .compareWrapper .listWrapper .compareTilesWrap {
    overflow-y: auto;
    padding-top: 35px;
  }
  .compareWrapper .listWrapper .compareTilesWrap #productContainer .closeIcon {
    right: -10px;
    top: -16px;
  }
}
@media (max-width: 539.98px) {
  .compareWrapper .listWrapper .compareTilesWrap .imageSection {
    width: 100%;
    float: none;
  }
  .compareWrapper .listWrapper .compareTilesWrap .tileDescContainer {
    width: 100% !important;
    float: none;
  }
}
@media (max-width: 673px) {
  .compareWrapper .listWrapper .compareTilesWrap {
    padding-top: 40px;
  }
}
@media (max-width: 420px) {
  .compareWrapper .listWrapper .compareTilesWrap .itemkeyDetails .prod-itemkey-num {
    font-size: 12px;
  }
}
.compareWrapper .listWrapper .compareTiles {
  display: flex;
  border-left: 1px solid #dddddd;
  padding: 0 15px;
  padding-top: 30px;
  width: 25%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .compareWrapper .listWrapper .compareTiles {
    width: 25%;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .listWrapper .compareTiles {
    width: 33.3%;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .listWrapper .compareTiles {
    display: flex;
    flex: 1;
    width: 33.3%;
    padding: 0 12px;
    border-left: 0;
    padding-top: 30px;
  }
  .compareWrapper .listWrapper .compareTiles .fixedHeight24 {
    display: none;
  }
  .compareWrapper .listWrapper .compareTiles .productSection {
    margin-top: 0;
  }
}
.compareWrapper .listWrapper .brSuggestion {
  width: 50%;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .listWrapper .brSuggestion {
    width: 50%;
  }
}
.compareWrapper .listWrapper .brSuggestion .compareLabels {
  color: #424c5b;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.compareWrapper .listWrapper .brSuggestion .addToCompareLink {
  color: #004e7d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  margin-left: 15px;
}
.compareWrapper .listWrapper .brSuggestion .addToCompareLink:hover {
  cursor: pointer;
}
@media (max-width: 1380px) {
  .compareWrapper .listWrapper .brSuggestion .horizontalFlex {
    display: block;
  }
  .compareWrapper .listWrapper .brSuggestion .compareLabels {
    display: block;
    width: 100%;
  }
  .compareWrapper .listWrapper .brSuggestion .addToCompareLink {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
}
.compareWrapper .listWrapper .brSuggestion #productContainer {
  padding: 0 10px;
  background: #ffffff;
  padding-bottom: 20px;
}
.compareWrapper.compareFloating {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 15px 40px;
  box-shadow: rgba(203, 189, 189, 0.75) 0px -3px 5px 0px;
  background: white;
  z-index: 999;
}
@media (max-width: 867.98px) {
  .compareWrapper.compareFloating {
    padding: 15px;
  }
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper.compareFloating .compareCountDisplay {
    overflow-x: scroll;
    order: 2;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper.compareFloating .compareCountDisplay {
    overflow-x: scroll;
    order: 2;
    width: 70%;
  }
  .compareWrapper.compareFloating .compareCountDisplay .compareProducts {
    width: 50%;
    padding: 0 2px;
  }
  .compareWrapper.compareFloating .compareCountDisplay .compareProducts .compareProductSection {
    width: 100%;
  }
  .compareWrapper.compareFloating .compareCountDisplay .compareProducts .compareProductSection .closeButton {
    left: 75%;
  }
}
.compareWrapper.compareFloating .compareError {
  color: #d41e3d;
  display: flex;
  justify-content: center;
}
.compareWrapper.compareFloating .compareError span {
  padding-left: 8px;
  padding-bottom: 10px;
}
.compareWrapper .fa-info-circle {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.compareWrapper .fa-info-circle::before {
  content: "";
}
.compareWrapper .floatingWrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 867.98px) {
  .compareWrapper .floatingWrapper .flexDisplay.justifyContent {
    flex-wrap: nowrap;
  }
}
.compareWrapper .justifyContent {
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper .justifyContent {
    flex-wrap: inherit;
  }
}
.compareWrapper .justifyContent .selectCompareText {
  margin-right: 32px;
  width: 275px;
}
.compareWrapper .justifyContent .selectCompareText h2.flexOnDesktopUp {
  line-height: 1;
  margin: 0px;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper .justifyContent .selectCompareText {
    order: 3;
    display: none;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .justifyContent .selectCompareText {
    order: 3;
    display: none;
  }
}
.compareWrapper .compareItems {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 20%;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .compareWrapper .compareItems {
    order: 1;
    width: 20%;
    margin-right: 32px;
  }
}
.compareWrapper .compareItems h2 {
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
.compareWrapper .compareItems .link {
  font-size: 16px;
  color: #004e7d;
  font-weight: 500;
  text-align: center;
  padding-top: 12px;
}
@media (max-width: 867.98px) {
  .compareWrapper .compareItems {
    order: 1;
    width: 30%;
    margin-right: 15px;
    padding-bottom: 10px;
  }
}
.compareWrapper .compareItems button span.MuiButton-label {
  line-height: 1;
}
.compareWrapper .compareProductsImage {
  width: 75px;
  height: 75px;
  border: 1px solid #bcbec0;
  border-top-right-radius: 10px;
  padding: 10px;
}
.compareWrapper .closeButton {
  position: absolute !important;
  left: 105px;
  top: -2px;
  z-index: 100;
  color: grey;
  cursor: pointer;
}
.compareWrapper .compareProductSection {
  position: relative;
  margin-bottom: 8px;
}
@media (max-width: 867.98px) {
  .compareWrapper .compareProductSection {
    width: 150px;
    order: 1;
  }
}
.compareWrapper .compareProducts {
  max-width: 134px;
  font-size: 13px;
  margin-right: 32px;
}
@media (max-width: 867.98px) {
  .compareWrapper .compareProducts {
    margin-right: 0px;
  }
}
.compareWrapper .MuiTable-root {
  border: 0;
}
.compareWrapper .MuiTableCell-body {
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #dddddd;
  font-size: 16px;
  width: 20%;
}
.compareWrapper .boldFont {
  font-weight: 500 !important;
}
.compareWrapper .headerCell {
  min-width: 150px;
  display: table-caption;
}
.compareWrapper .wrapper {
  padding-left: 20%;
}
.compareWrapper .contentMargin {
  margin: 0;
  position: relative;
  padding: 16px;
  width: 50%;
}
.compareWrapper .suggestionWithAddTo {
  display: flex;
  background-color: rgba(0, 78, 125, 0.08);
  padding: 5px 10px;
  width: 50%;
  margin-top: -1px;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .suggestionWithAddTo {
    width: 66.6%;
  }
}
@media (max-width: 1380px) {
  .compareWrapper .suggestionWithAddTo {
    margin-top: -25px;
  }
}
.compareWrapper .suggestionWithAddTo .brSuggestionFull {
  width: 50%;
  font-size: 13px;
}
.compareWrapper .suggestionWithAddTo .brSuggestionFull .link {
  color: #004e7d;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}
@media (min-width: 868px) {
  .compareWrapper .suggestionWithAddTo .brSuggestionFull .contentMargin {
    width: 100%;
    background-color: #ffffff;
  }
}
.compareWrapper .suggestionWithAddTo .addToCompare {
  width: 50%;
}
.compareWrapper .suggestionWithAddTo .searchItem {
  box-sizing: border-box;
  border: 1px dashed lightgray;
  display: flex;
  align-items: baseline;
  margin-top: 23px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  height: 95%;
}
.compareWrapper .suggestionWithAddTo .searchItem form {
  width: 100%;
}
.compareWrapper .suggestionWithAddTo .searchItem .formInput {
  border: 1px solid #bcbec0;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #ffffff;
  height: 50px;
  margin: 8px 0;
  width: 100%;
}
@media (max-width: 867.98px) {
  .compareWrapper .suggestionWithAddTo {
    width: 66.6%;
    margin-top: -25px;
  }
  .compareWrapper .suggestionWithAddTo .addToCompare {
    width: 50%;
  }
  .compareWrapper .suggestionWithAddTo .brSuggestionFull {
    width: 66.6%;
  }
}
.compareWrapper .similarTiles {
  display: flex;
  flex: 1;
  background-color: rgba(0, 78, 125, 0.08);
  width: 25%;
  align-items: baseline;
  justify-content: left;
  border: 1px dashed lightgray;
}
@media (max-width: 1380px) {
  .compareWrapper .similarTiles {
    margin-top: -35px;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .similarTiles {
    width: 33.3%;
    padding: 12px;
    margin-top: -32px;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .similarTiles {
    width: 33.3%;
  }
}
@media (max-width: 673px) {
  .compareWrapper .similarTiles {
    margin-top: -32px;
  }
}
.compareWrapper .similarTiles .brSuggestion {
  width: 100%;
}
.compareWrapper .similarTiles .brSuggestion .horizontalFlex {
  padding-left: 5px;
  padding-top: 2px;
}
.compareWrapper .similarTiles .searchItem {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.compareWrapper .similarTiles .searchItem .formInput {
  border: 1px solid #bcbec0;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #ffffff;
  height: 50px;
  margin: 8px 0;
}
.compareWrapper .similarTiles .brSuggestionFull {
  width: 50%;
  font-size: 13px;
}
.compareWrapper .similarTiles .brSuggestionFull .link {
  color: #004e7d;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}
@media (min-width: 868px) {
  .compareWrapper .similarTiles .brSuggestionFull .contentMargin {
    width: 100%;
    background-color: #ffffff;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .similarTiles .brSuggestionFull {
    width: 33.3%;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .similarTiles .brSuggestionFull {
    width: 66.6%;
  }
}
.compareWrapper .similarTiles .imageSection {
  padding: 10px 0 !important;
}
.compareWrapper .similarTiles .addToCompare {
  max-width: 100%;
}
.compareWrapper .similarTiles .addToCompare .MuiButton-label {
  line-height: 18px;
}
.compareWrapper .similarTiles .addToCompare form {
  max-width: 100%;
}
.compareWrapper .similarTiles .addToCompare form .autocompleteBox {
  max-width: 100%;
}
.compareWrapper .similarTiles .addToCompare form .autocompleteBox .formInput {
  max-width: 100%;
}
.compareWrapper .capacities {
  display: none;
}
.compareWrapper .ratings {
  display: none !important;
}
.compareWrapper .reviewDesktopView {
  flex-direction: row;
}
.compareWrapper .reviewDesktopView .wishListWrapper {
  width: 37px;
}
@media (max-width: 673px) {
  .compareWrapper .reviewDesktopView .accountWishList .accountPopup {
    max-width: calc(50vw - 24px);
    right: -4px;
  }
  .compareWrapper .reviewDesktopView .accountWishList .accountPopup::after, .compareWrapper .reviewDesktopView .accountWishList .accountPopup::before {
    left: unset;
    right: 1px;
    top: -7px;
  }
}
.compareWrapper .compareProduct {
  display: none;
}
.compareWrapper .MuiDivider-vertical {
  width: 1px;
  height: auto !important;
  margin: 16px !important;
}
.compareWrapper .divider {
  display: none;
}
.compareWrapper .price {
  font-size: 22px;
  font-weight: bold;
}
.compareWrapper label.MuiFormControlLabel-root.shippingMethod5::after {
  content: "Next Day Air";
}
.compareWrapper label.MuiFormControlLabel-root.shippingMethod6::after {
  content: "Second Day";
}
.compareWrapper label.MuiFormControlLabel-root.shippingMethod4::after {
  content: "Ground";
}
.compareWrapper .scrollableProduct {
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0px;
  padding: 0 2.5%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-shadow: rgba(203, 189, 189, 0.75) 0px 6px 5px 0px;
  background: white;
  height: auto;
  z-index: 999;
  padding-top: 30px;
  padding-bottom: 19px;
}
.compareWrapper .scrollableProduct .fullWidth {
  width: 1440px;
  position: relative;
}
.compareWrapper .scrollableProduct .fullWidth section.alignVCenter {
  position: static;
  width: 20%;
  padding-right: 14px;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .scrollableProduct .fullWidth section.alignVCenter {
    width: 25%;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .compareProductSection {
    order: 0;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .buttonQuantityPrice {
    display: block !important;
    text-align: left;
    padding-bottom: 0;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .quantityDD {
    display: none;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .MuiButtonBase-root {
    display: none;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .titleFont {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .compareProductSection {
    width: 100%;
  }
  .compareWrapper .scrollableProduct .containerWidth .productsSection .compareProductSection .productsImage {
    width: 100%;
    max-width: 180px;
    height: auto;
  }
}
.compareWrapper .scrollableProduct.compareMobileWidth {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .compareWrapper .scrollableProduct.compareMobileWidth {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}
.compareWrapper .scrollableProduct.compareMobileWidth .fullWidth section.alignVCenter {
  position: absolute;
  top: -7px;
  width: 100%;
  padding-right: 0;
}
@media (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .fullWidth {
    overflow-x: auto;
  }
  .compareWrapper .scrollableProduct .alignVCenter {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
  }
}
@media (max-width: 867.98px) and (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .alignVCenter {
    top: 15px;
    left: 21px;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .scrollableProduct .alignVCenter .leftArrow {
    margin-right: 7px;
  }
}
.compareWrapper .productsImage {
  width: 100px;
  height: 100px;
  border: 1px solid #bcbec0;
  padding: 5px;
  border-radius: 3px;
}
.compareWrapper .titleSection {
  margin-left: 6px;
  display: flex;
  flex-direction: column;
}
.compareWrapper .titleSection h3 {
  font-size: 19px;
}
.compareWrapper .titleSection h3.buttonQuantityPrice {
  padding-bottom: 10px;
}
@media (max-width: 867.98px) {
  .compareWrapper .titleSection {
    margin-left: 0px;
  }
  .compareWrapper .titleSection h3 {
    margin: 5px 0;
    text-align: center;
  }
}
.compareWrapper .titleFont {
  font-size: 15px;
  -webkit-line-clamp: 4;
}
@media (max-width: 867.98px) {
  .compareWrapper .titleFont {
    min-height: 48px;
    -webkit-line-clamp: 3;
  }
}
.compareWrapper .containerWidth {
  width: 100%;
  margin-left: auto;
  display: flex !important;
}
@media (max-width: 867.98px) {
  .compareWrapper .containerWidth {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}
.compareWrapper .containerWidth .productsSection {
  font-size: 13px;
  flex-direction: column;
  width: 20%;
  padding-right: 12px;
  align-items: stretch;
  border-left: 1px solid #ddd;
  padding-left: 12px;
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .containerWidth .productsSection {
    width: 25%;
  }
}
.compareWrapper .containerWidth .productsSection:last-child {
  border-right: 1px solid #ddd;
}
@media (max-width: 867.98px) {
  .compareWrapper .containerWidth .productsSection {
    width: 33.3%;
  }
}
@media (max-width: 673px) {
  .compareWrapper .containerWidth .productsSection {
    width: 50%;
  }
}
.compareWrapper .containerWidth .productsSection .buttonQuantityPrice {
  align-items: left;
  margin: 0;
  line-height: 29px;
}
@media (max-width: 867.98px) {
  .compareWrapper .containerWidth .productsSection .buttonQuantityPrice {
    display: none !important;
  }
}
.compareWrapper .containerWidth .productsSection .flexDisplay {
  display: flex !important;
  align-items: start;
}
.compareWrapper .containerWidth.flexDisplay {
  align-items: start;
}
.compareWrapper .cartButton {
  background-color: #d41e3d !important;
  color: #ffffff !important;
  padding: 12px;
  text-transform: inherit;
  font-size: 16px;
  border-radius: 5px;
}
.compareWrapper .autocomplete {
  width: 50%;
}
.compareWrapper .productImageDescription {
  display: flex;
  align-items: start;
}
@media (max-width: 867.98px) {
  .compareWrapper .productImageDescription {
    flex-direction: column;
  }
}
.compareWrapper .horizontalDivider {
  margin: 16px 0 !important;
  width: 100%;
  margin-right: 0;
}
.compareWrapper .navigationFlex {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  color: #495261;
  cursor: pointer;
  width: 25%;
  height: 15px;
}
.compareWrapper .navigationFlex .MuiSvgIcon-root {
  width: 15px;
  height: 15px;
}
.compareWrapper .minQuantityCompare {
  background-color: #f7c2cb !important;
}
.compareWrapper .MuiTableCell-root:nth-child(1) {
  padding: 0;
  height: 40px;
  padding-left: 15px;
  width: 20% !important;
}
.compareWrapper .MuiTableCell-root {
  width: 20% !important;
  font-weight: 300;
}
@media (max-width: 673px) {
  .compareWrapper .MuiTableCell-root {
    width: 50% !important;
  }
}
.compareWrapper .compareProductTable .mobileRow .MuiTableCell-root {
  text-align: center;
  padding: 0;
}
@media (min-width: 868px) {
  .compareWrapper .compareProductTable .mobileRow {
    display: none;
  }
}
@media (max-width: 867.98px) {
  .compareWrapper .compareProductTable .comapareHead {
    display: none;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root {
    display: table-cell;
    background: #ffffff;
    text-align: center;
    padding: 7px 10px;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:first-child {
    display: none;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root .dv-star-rating {
    justify-content: center;
  }
  .compareWrapper .compareProductTable .compareDimensions.higlightCell .MuiTableCell-root:nth-child(2), .compareWrapper .compareProductTable .compareDimensions.higlightCell .MuiTableCell-root:nth-child(3) {
    background: #f9f1d9;
  }
}
@media (max-width: 991.98px) {
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:nth-child(5) {
    display: none;
  }
}
.compareWrapper .fixedColumnStyle {
  position: sticky;
  left: -1px;
  z-index: 1;
}
.compareWrapper .highlightDifference {
  position: absolute;
  right: 0;
  margin: 26px 0 0 0;
  font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.compareWrapper .highlightDifference .MuiSwitch-root {
  width: 41px;
  height: 24px;
  display: flex;
  padding: 0px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .MuiSwitch-thumb {
  background: #004e7d;
  width: 18px;
  height: 18px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .MuiSwitch-track {
  background: #ffffff;
  opacity: 1;
  border: 2px solid #034e7d;
  border-radius: 24px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .Mui-checked {
  padding-left: 2px;
}
.compareWrapper .highlightDifference .MuiSwitch-root .Mui-checked + .MuiSwitch-track {
  background: #004e7d;
}
.compareWrapper .highlightDifference .MuiSwitch-root .Mui-checked .MuiSwitch-thumb {
  background: #ffffff;
  width: 18px;
  height: 18px;
}
.compareWrapper .highlightDifference .MuiSwitch-switchBase {
  position: absolute;
  padding: 2px;
  top: 1px;
  left: 1px;
}
.compareWrapper .highlightDifference .MuiSwitch-switchBase .MuiSwitch-input {
  left: -100%;
  width: 300%;
}
.compareWrapper .highlightDifference .labelDiff {
  padding-right: 12px;
}
.compareWrapper .MuiSwitch-track {
  border-radius: 20px;
}
.compareWrapper .MuiSwitch-colorSecondary.Mui-checked {
  color: #ffffff;
}
.compareWrapper .MuiSwitch-switchBase.Mui-checked .MuiSwitch-track {
  opacity: 1;
  color: #004e7d;
  background-color: #004e7d;
}
.compareWrapper .breadcrumbWrapper {
  justify-content: space-between;
  padding-bottom: 24px;
  padding-top: 16px;
}
.compareWrapper .breadcrumbWrapper .alignVCenter {
  cursor: pointer;
  margin: 0px;
}
.compareWrapper .breadcrumbWrapper .alignVCenter .leftArrow {
  margin-right: 7px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 226px;
  top: 29px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 23px 0 rgba(89, 108, 119, 0.15), 0 2px 15px 0 rgba(89, 108, 119, 0.15), 0 1px 5px 0 rgba(89, 108, 119, 0.15);
  position: absolute;
  z-index: 12;
  right: 0px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::before, .compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::after, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup::before, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 47px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::before, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup::before {
  top: -9px;
  border-bottom: solid 6px #dadada;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup::after, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup::after {
  top: -8px;
  border-bottom: solid 8px #fff;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup .flexDisplay {
  align-items: start;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay .icon, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup .flexDisplay .icon {
  margin: 0px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay .desc, .compareWrapper .breadcrumbWrapper .compareShare .sharePopup .flexDisplay .desc {
  margin: 0px;
}
.compareWrapper .breadcrumbWrapper .compareShare:hover .sharePopup .flexDisplay:nth-child(2), .compareWrapper .breadcrumbWrapper .compareShare .sharePopup .flexDisplay:nth-child(2) {
  margin-top: 16px;
}
.compareWrapper .inlineFlexWrapper {
  vertical-align: middle;
  color: #004e7d;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.compareWrapper .inlineFlexWrapper span {
  margin-top: 2px;
  margin-right: 16px;
  margin-left: 8px;
}
.compareWrapper .inlineFlexWrapper .fal {
  font-size: 21px;
  font-weight: 500;
}
.compareWrapper .inlineFlexWrapper .fal {
  font-size: 21px;
  font-weight: 500;
}
.compareWrapper .higlightCell {
  border: 1px solid #dddddd;
  background-color: #f9f1d9 !important;
}
.compareWrapper .summarySection {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 16px;
}
.compareWrapper .summarySection .zipTitle {
  padding-top: 15px;
}
.compareWrapper .summarySection .boldText {
  font-weight: 600;
}
.compareWrapper .summarySection h2 {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 20px;
}
.compareWrapper .summarySection h2 .info {
  margin-left: 5px;
}
.compareWrapper .summarySection .MuiFormLabel-root {
  padding-top: 10px;
  margin-top: 0;
  font-weight: 500;
}
.compareWrapper .summarySection .MuiInputBase-input {
  padding: 14px;
}
.compareWrapper .summarySection .zipcodeclear {
  position: absolute;
  right: 0;
  /* top: 10px; */
  margin-top: 40px;
  margin-right: 15px;
}
@media (min-width: 868px) {
  .compareWrapper .summarySection {
    margin-right: 10px;
    height: 420px;
    width: calc(20% - 10px);
  }
  .compareWrapper .summarySection button.MuiButtonBase-root.MuiIconButton-root.zipcodeCancel {
    position: absolute;
    top: 100px;
    right: 16px;
    z-index: 99;
  }
}
@media (min-width: 868px) and (max-width: 1091.98px) {
  .compareWrapper .summarySection {
    width: 25%;
  }
}

.pageWrapperForScrollState {
  margin-top: 300px;
}

figure.img-compare {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  width: 30%;
  height: 30%;
}
figure.img-compare a,
figure.img-compare img {
  width: 100%;
  height: 100%;
  display: block;
}

.compare-autocomplete-info {
  width: 70%;
  padding-left: 10px;
}
.compare-autocomplete-info .ratings {
  display: flex !important;
}
.compare-autocomplete-info .dv-star-rating-star {
  font-size: 12px;
}

.autoCompleteItem-compare {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.menuItemWrapper-compare {
  display: flex;
}
.menuItemWrapper-compare .itemDesc {
  font-size: 12px;
}

@media print {
  .printOnly {
    display: block;
  }
  .printOnly .printTitle {
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 2px solid #bcbec0;
  }
  .printOnly .mainImage {
    margin: 0;
    width: 100%;
  }
  .printOnly.mainImageWrap {
    width: 100%;
  }

  header a {
    margin-left: 0;
  }

  footer .copyrightWrapper,
footer .copyright {
    background: #212934 !important;
  }

  .compareWrapper .compareProductTable .mobileRow {
    display: table-row !important;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root {
    display: table-cell;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root.comapareHead {
    display: none;
  }
  .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:nth-child(2), .compareWrapper .compareProductTable .compareDimensions .MuiTableCell-root:nth-child(3) {
    display: table-cell;
  }
  .compareWrapper .compareTiles {
    display: flex !important;
    flex: 1 !important;
    border-left: 1px solid #dddddd !important;
    padding: 0 15px !important;
    padding-top: 30px !important;
  }

  .flexDisplay.breadcrumbWrapper,
.compareWrapper .compareProductTable .comapareHead,
.searchWrapper,
.headerRight,
.highlightDifference,
.compareWrapper .reviewDesktopView,
.reviewDesktopView .fa-heart,
.flexDisplay.CTABlockAddtoCart,
.closeIcon,
.summarySection,
footer .footerMain,
.MuiSvgIcon-root.menuIcon,
.megaContainer,
.copyrightWrapper,
.supportContainer,
footer .footerSections, .recommendedItems {
    display: none !important;
  }

  .priceSection .price {
    font-size: 20px !important;
  }

  .prodSpec,
.actionArea,
.product-other-details {
    margin-left: 20px !important;
  }
}
@media (min-width: 868px) {
  .pdpDetailPage .compareWrapper .MuiTableContainer-root {
    overflow-x: auto;
  }
}

.pageWrapperForCompareTable {
  position: relative;
}

.pageWrapperForCompareTable .alignVCenter {
  position: relative;
}
.pageWrapperForCompareTable .toolTipContainer.estShippingToolTip {
  top: 40px;
  right: inherit;
  left: 0;
  margin-left: 0;
  width: 230px;
}
@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .toolTipContainer.estShippingToolTip {
    width: 100%;
    max-width: 310px;
  }
}
.pageWrapperForCompareTable .toolTipContainer.estShippingToolTip p {
  font-size: 14px;
}
.pageWrapperForCompareTable .toolTipContainer.estShippingToolTip::before {
  right: 87px;
}
@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .toolTipContainer.estShippingToolTip::before {
    right: inherit;
    left: 120px;
  }
}
.pageWrapperForCompareTable .estShipping::before {
  right: 87px;
}
@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .estShipping::before {
    right: inherit;
    left: 120px;
  }
}

.pageWrapperForCompareTable .fa-info-circle {
  background: unset;
}

@media (max-width: 767.98px) {
  .pageWrapperForCompareTable .compareTilesWrap .compareTiles .productSection .tileDescContainer .tagsRow {
    flex-wrap: wrap;
  }
}

.emailSpecificationsBox .emailHead .emailTitle .emailProductDetails span.MuiTypography-root.emailAckMsg {
  margin: 8px 0 0 0;
  font-size: 14px;
  display: block;
  font-weight: 400;
  line-height: 19px;
}
.emailSpecificationsBox .emailFrom {
  padding: 0px !important;
}
.emailSpecificationsBox .email_product_actions {
  padding: 0px !important;
}
.emailSpecificationsBox .email_product_actions .cancelEmailBtn {
  margin-right: 20px;
  width: 204px;
}
@media (max-width: 767.98px) {
  .emailSpecificationsBox .email_product_actions .cancelEmailBtn {
    margin-right: 12px;
    width: 139px;
  }
}
.emailSpecificationsBox .email_product_actions .sendEmailBtn {
  color: #FFFFFF !important;
  background-color: #D41E3D !important;
  border: none !important;
  width: 204px;
}
@media (max-width: 767.98px) {
  .emailSpecificationsBox .email_product_actions .sendEmailBtn {
    width: 139px;
  }
}
@media (min-width: 768px) {
  .emailSpecificationsBox {
    width: 525px;
  }
}
.emailSpecificationsBox * {
  box-sizing: border-box;
}
.emailSpecificationsBox .emailTitle h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  margin: 0px !important;
}
.emailSpecificationsBox .emailTitle .emailMessage {
  display: flex;
  align-items: center;
}
.emailSpecificationsBox .emailTitle .emailMessage .emailAckStd {
  position: inherit;
}
.emailSpecificationsBox .emailHead {
  padding: 35px 35px 15px;
  box-shadow: none;
  position: relative;
}
.emailSpecificationsBox .modalClose {
  position: absolute;
  right: 35px;
  font-size: 20px;
  color: #6a7681;
}
@media (max-width: 767.98px) {
  .emailSpecificationsBox .modalClose {
    right: 0px;
  }
}
.emailSpecificationsBox .MuiGrid-spacing-xs-1 {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
}
.emailSpecificationsBox .MuiGrid-item.MuiGrid-grid-xs-9 {
  padding: 10px 10px;
}
.emailSpecificationsBox .emailDecSectionClass .email_product_item_desc {
  color: #004e7d;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin: 0px;
}
.emailSpecificationsBox .emailDecSectionClass .email_product_item_key {
  font-size: 13px;
  letter-spacing: 1.5px;
  line-height: 18px;
  margin: 10px 0;
}
.emailSpecificationsBox .emailDecSectionClass .email_product_item_price {
  font-size: 22px;
  font-weight: 600;
  line-height: 21px;
}
.emailSpecificationsBox .addEmailPadding {
  padding: 0 35px;
}
.emailSpecificationsBox .addEmailPadding .emailFields {
  display: flex;
  justify-content: end;
}
.emailSpecificationsBox .emailFields {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}
.emailSpecificationsBox #email_product_msg {
  padding: 0;
}
.emailSpecificationsBox .MuiFormControl-marginNormal {
  margin: 5px 0;
}
.emailSpecificationsBox .MuiBox-root.MuiBox-root-34.email_product_actions .cancelEmailBtn {
  margin-right: 20px;
  width: 204px;
}
.emailSpecificationsBox .ackTitle {
  margin-right: 12px;
  display: flex;
  flex-wrap: wrap;
}
.emailSpecificationsBox .ackTitle .shareProductDetails {
  margin-top: 5px;
}
.emailSpecificationsBox .ackTitle .shareMessage {
  display: flex;
  align-items: center;
}
.emailSpecificationsBox .ackTitle .shareMessage .emailAckStd {
  position: inherit;
}
.emailSpecificationsBox .ackTitle .emailAckStd {
  font-size: 26px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 26px;
}
.emailSpecificationsBox .ackTitle .emailAckMsg {
  font-size: 26px;
  display: block;
  font-weight: 500;
  line-height: 36px;
}
.emailSpecificationsBox .ackTitle .MuiSvgIcon-root {
  width: 19px;
}
.emailSpecificationsBox .stickToBottom {
  margin: 35px;
  display: flex;
}
.emailSpecificationsBox .MuiOutlinedInput-input {
  padding: 12px 14px;
  height: 48px;
}

section.prodDescSectionClass.emailDecSectionClass {
  margin: 20px 35px;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 767.98px) {
  section.prodDescSectionClass.emailDecSectionClass {
    padding: 12px;
  }
}
section.prodDescSectionClass.emailDecSectionClass .MuiGrid-spacing-xs-1 {
  border: none;
  border-radius: none;
  padding: 0px;
  padding-bottom: 0px;
}
section.prodDescSectionClass.emailDecSectionClass .email_product_item_key {
  color: #646d7b;
  font-size: 11px;
}
section.prodDescSectionClass.emailDecSectionClass .MuiGrid-root.MuiGrid-item:nth-child(1) {
  padding-bottom: 0px !important;
}
@media (max-width: 767.98px) {
  section.prodDescSectionClass.emailDecSectionClass .MuiGrid-root.MuiGrid-item:nth-child(1) .imageClass {
    width: 100%;
  }
}

.shareNewModalPopUp {
  width: 630px !important;
}
@media (max-width: 767.98px) {
  .shareNewModalPopUp {
    width: 100% !important;
  }
}

.shareProductDetails span.MuiTypography-root.emailAckMsg {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.privacypolicy {
  margin: 0 35px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.privacypolicy a {
  color: #004e7d;
}

@media (max-width: 767.98px) {
  .reviewModal {
    height: 100vh;
    transform: none;
    top: 0;
    left: 0;
  }
}
.reviewModal .reviewformContainer {
  margin-top: 20px;
}
.reviewModal .reviewformHeader {
  background: #f9f9f9;
  padding: 24px 32px 16px 32px;
}
.reviewModal .reviewformTitle {
  font-size: 26px;
  font-weight: 500;
  padding-bottom: 24px;
}
.reviewModal .reviewForm {
  padding: 0 32px 48px 32px;
}
.reviewModal .remainingCount {
  padding-top: 0;
  text-align: right;
  color: #4a4a4a !important;
  font-weight: 300;
}
.reviewModal .reviewedImage {
  display: flex;
  align-items: center;
}
.reviewModal .reviewedImage img {
  border: 1px solid #bcbec0;
  border-radius: 8px;
  margin-right: 16px;
}
.reviewModal .reviewedImage .ellipsis {
  font-size: 18px;
  font-weight: 600;
}
.reviewModal .dv-star-rating {
  display: flex !important;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.reviewModal .MuiFormLabel-root {
  color: #212934;
  font-family: kanit;
}
.reviewModal .reviewformSubmit {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}
.reviewModal .reviewformSubmit .MuiButtonBase-root {
  max-width: 211px;
}
.reviewModal .reviewformSubmit .MuiButtonBase-root:first-child {
  margin-right: 20px;
}
.reviewModal .uploadLink label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.reviewModal .uploadLink .uploadInput {
  display: none;
}
.reviewModal .reviewPreview {
  display: flex;
  overflow-x: auto;
  padding-top: 12px;
}
.reviewModal .reviewPreview .uploadfileDetails {
  position: relative;
  margin-right: 19px;
}
.reviewModal .reviewPreview .uploadfileDetails .previewImage {
  width: 75px;
  height: 75px;
}
.reviewModal .reviewPreview .uploadfileDetails .MuiSvgIcon-root {
  position: absolute;
  top: -7px;
  right: -7px;
  background: #004e7d;
  border-radius: 50%;
  color: #ffffff;
}

div#show {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 200;
}

.newsletterdockmode .MuiDialog-paper {
  left: calc(-50vw + 50%);
  right: calc(-50vw + 50%);
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  /* background-color: blue; */
}

.newsletterbg .MuiPaper-root {
  background-color: #002d50;
  /* background-color:#002D50; */
  font-family: "Kanit";
}

.newsletter-root-bg .MuiBackdrop-root {
  background-color: unset;
}

.newswithStyles {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
}
.newswithStyles button {
  font-family: "Kanit" !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  width: 200px;
}
@media (max-width: 767.98px) {
  .newswithStyles button {
    font-size: 14px !important;
  }
}

.newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 {
  padding: 0px;
}

.newslettertext-color .MuiPaper-root {
  color: #ffffff;
  max-width: none;
}

.MuiButton-outlinedPrimary {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  text-transform: capitalize !important;
  font-family: "Kanit";
}

.MuiButton-textPrimary {
  text-transform: capitalize !important;
  background: #ffffff !important;
  margin-right: 30px !important;
  margin-left: 30px !important;
  color: #d41e3d !important;
}

.newsletteratcenter .MuiButtonBase-root {
  padding: 0;
  float: right;
}

.newslettertext-color .MuiPaper-root {
  border-radius: 0;
  padding: 20px;
}
@media (max-width: 767.98px) {
  .newslettertext-color .MuiPaper-root {
    padding: 15px;
  }
}

.newslettertext-color .MuiDialogTitle-root {
  display: none;
}

.newsletteratcenter .emailError {
  color: #d41e3d;
  font-size: 13px;
  font-weight: 600;
  margin-left: 25%;
}
@media (max-width: 767.98px) {
  .newsletteratcenter .emailError {
    margin-left: 0px;
  }
}

.newsletteratcenter .subscriptionStatus_failure {
  font-size: 13px;
  color: #d41e3d;
  font-weight: 600;
  margin-left: 25%;
}

.newsletteratcenter .subscriptionStatus_alreadySubscribed {
  font-size: 13px;
  font-weight: 600;
  margin-left: 25%;
}

.newsletteratcenter .MuiDialog-paperWidthLg {
  width: 947px;
  width: 50%;
  margin: 0 auto;
}

.newsletteratcenter .MuiDialogTitle-root {
  padding-bottom: 0;
}

.newsletteratcenter .MuiSvgIcon-root {
  font-size: 1.2rem;
}

.successEmailId {
  padding-left: 5%;
}

.newsletteratcenter .MuiDialogContent-root > div > span {
  color: #212934;
  text-align: center;
  font-family: Kanit;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
  display: block;
  padding-bottom: 20px;
}

.newsletteratcenter .MuiInputBase-root {
  width: 50%;
  margin: 0 auto;
}

.newsletteratcenter .MuiButton-text,
.newsletteratcenter .MuiButton-text:hover {
  border-radius: 0 3px 3px 0;
  background-color: #D41E3D;
  display: block;
  margin: 0 0 0 0;
  color: #fff;
  height: 48px;
  line-height: initial;
  display: block;
}

.newsletteratcenter .MuiButton-label {
  margin: 0;
  display: inline-flex;
  padding: 0;
}

.newsletteratcenter .MuiButton-label > .MuiSvgIcon-root {
  font-size: 1.9rem;
}

.newsletteratcenter span.MuiButton-label {
  display: inline-flex !important;
  padding: 0 !important;
  line-height: initial !important;
}

.newsletteratcenter .MuiOutlinedInput-adornedEnd {
  padding: 0 !important;
}

.newsletterdockmode.newsletterbg {
  z-index: 200;
  position: relative;
}

@media (max-width: 767.98px) {
  .newsletteratcenter .MuiPaper-root {
    margin: 0;
    position: absolute;
    border-radius: unset;
    bottom: 50%;
    width: 94%;
  }
  .newsletteratcenter .MuiInputBase-root {
    width: 100%;
  }
  .newsletteratcenter .Component-root-5 {
    margin: 0;
    padding: 0;
  }
  .newsletteratcenter .MuiSvgIcon-root {
    font-size: 1.5rem;
  }
  .newsletteratcenter .MuiDialogContent-root > div > span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: initial;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .newsletteratcenter .MuiDialogContent-root > div > span {
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  .newsletteratcenter .MuiDialog-container {
    border-radius: unset;
  }
}
@media (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 {
    font-size: 1.1rem;
    line-height: normal;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    padding-top: 20px;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    padding-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 span {
    display: block;
    width: 100%;
  }
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 span button {
    width: auto;
  }
}
.newsletteratcenter input.MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputAdornedEnd.MuiOutlinedInput-inputAdornedEnd::placeholder {
  font-size: 16px;
  color: #9B9B9B;
  font-style: normal;
  font-weight: 400;
}

.newsletteratcenter {
  padding: 16px;
  padding-top: 0;
  padding-bottom: 30px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon {
  margin: 0px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon i.fa-regular.fa-circle-check {
  font-size: 24px;
  color: #71b946;
  display: inline-flex;
  vertical-align: bottom;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon .subscriptionStatus_success {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin-left: 5px !important;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon .subscriptionStatus_success_2 {
  display: block;
  margin-left: 28px;
  font-size: 16px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .MuiFormControl-root.MuiTextField-root.MuiFormControl-marginNormal {
  margin-bottom: 30px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .MuiOutlinedInput-input {
  padding: 14.5px 14px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .newsletteratcenter .newsLetterTextBoxPopUp .MuiOutlinedInput-input {
    padding: 14.5px 7px;
  }
}

@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    display: block;
  }
}
@media (min-width: 1200px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    display: block;
  }
}
@media (min-width: 1440px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    display: inline-block !important;
  }
}
/*lighbox css*/
.lightboxContainer {
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  position: absolute;
  border: 0;
  text-align: center;
}
@media (max-width: 767.98px) {
  .lightboxContainer {
    padding: 10px;
    border: 0 !important;
  }
}
@media (min-width: 768px) {
  .lightboxContainer {
    top: 50%;
    left: 50%;
    width: 95%;
    transform: translate(-50%, -50%);
    height: 95%;
    border-radius: 4px;
  }
}
.lightboxContainer .mobileModalback span {
  font-size: 14px;
}
.lightboxContainer .videoPlay {
  margin-top: 10px;
  float: right;
  height: 60px;
}
@media (min-width: 1300px) {
  .lightboxContainer .videoPlay {
    float: left;
  }
}
.lightboxContainer .videoPlay .overlaytoImage {
  width: 50px;
  height: 50px;
}
.lightboxContainer .videoPlay .overlaySection {
  cursor: pointer;
}
.lightboxContainer .videoPlay .figure-link {
  border: 2px solid #bcbec0;
  border-radius: 4px;
  width: 54px;
  height: 54px;
  float: left;
  margin-right: 16px;
  margin-bottom: 15px;
}
.lightboxContainer .videoPlay .overlaytoImage img {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 48px !important;
  height: 48px !important;
}
.lightboxContainer .videoPlay:empty {
  display: none;
}
.lightboxContainer .lightboxClose {
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  text-align: center;
  width: 50px;
  padding: 10px 1% 32px;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}
@media (max-width: 767.98px) {
  .lightboxContainer .lightboxClose {
    line-height: 1;
    height: auto;
    padding: 0 0 10px;
  }
}
.lightboxContainer .MuiSvgIcon-root {
  width: 2.4rem;
  height: 2.4rem;
}
.lightboxContainer .zoomImages {
  margin: 0 auto;
  position: relative;
  border: 1px solid #bcbec0;
  overflow: hidden;
  width: 100%;
}
.lightboxContainer .zoomImages.enlarge-only {
  max-height: 700px;
  max-width: 700px;
}
@media (min-width: 768px) {
  .lightboxContainer .zoomImages {
    border: none;
    height: 90%;
    overflow: visible;
  }
  .lightboxContainer .zoomImages.callout-img {
    height: auto;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767.98px) {
  .lightboxContainer .zoomImages {
    margin-top: 10px;
    height: calc(100vh - 192px);
    max-height: calc(100vh - 192px);
  }
}
.lightboxContainer .zoomImages.mobile div:first-child > div {
  bottom: 0;
}
.lightboxContainer .zoomImages div:first-child > div {
  bottom: -45px;
  left: 0;
  right: 0;
}
.lightboxContainer .zoomImages .iconButton path {
  fill: #004e7d;
}
.lightboxContainer .zoomImages .iconButton:disabled path {
  fill: #bcbec0;
}
.lightboxContainer .zoomFeature {
  margin: 0 auto;
  width: 500px;
  height: 500px;
  width: 650px;
  height: 650px;
}
.lightboxContainer .zoomFeature:focus {
  border: 1px solid red;
}
.lightboxContainer .zoomFeature img {
  max-width: 650px;
  max-height: 650px;
  height: calc(100vh - 302px);
}
.lightboxContainer.mobile {
  height: 100vh;
  overflow: scroll;
}
.lightboxContainer.mobile div[style^=text-align] {
  display: none;
}
.lightboxContainer.mobile .videoPlay {
  height: auto;
  margin-top: 0;
  float: none;
}
.lightboxContainer.mobile .videoPlay .figure-link {
  border: 1px solid #bcbec0;
  border-radius: 2px;
  width: 44px;
  height: 44px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.lightboxContainer.mobile .videoPlay .overlaytoImage {
  width: 40px;
  height: 40px;
}
.lightboxContainer.mobile .videoPlay .overlaytoImage img {
  border-radius: 2px;
  width: 38px !important;
  height: 38px !important;
}
.lightboxContainer .figure-link:hover, .lightboxContainer .figure-link.highlightItem, .lightboxContainer .figure-link.hightlightItem {
  border: 2px solid #004e7d !important;
}

.videoplayContainer.desktop {
  float: left;
  width: calc(100% - 330px);
  height: calc(100% - 47px);
}
.videoplayContainer.desktop iframe {
  width: 80%;
  height: 80%;
  margin: 0 auto;
  position: relative;
  top: calc(50% - 23px);
  transform: translateY(-50%);
}
.videoplayContainer.mobile {
  height: 300px;
  padding: 30px 0;
}

.thumbnaillightCarousel {
  position: relative;
  width: 98%;
  margin: 0 auto;
  margin-top: 17px;
  /* @include for-phone-only {
       margin-top: 10px;
   }*/
}
@media (min-width: 768px) {
  .thumbnaillightCarousel {
    float: left;
    max-height: 330px;
    width: 280px;
    margin: 0;
  }
  .thumbnaillightCarousel div.figure-link:nth-of-type(1n+21) {
    display: none;
  }
  .thumbnaillightCarousel[show="2"] div.figure-link:nth-of-type(1n+21) {
    display: inline-block;
  }
  .thumbnaillightCarousel[show="2"] div.figure-link:nth-of-type(-n+20) {
    display: none;
  }
}
.thumbnaillightCarousel .figure-link {
  border-radius: 4px;
}
.thumbnaillightCarousel.mobile {
  margin: 0;
  width: 100%;
}
.thumbnaillightCarousel.mobile .figure-link {
  border: 1px solid #bcbec0;
}
.thumbnaillightCarousel.mobile .gatsby-image-wrapper img {
  border: none;
  cursor: pointer;
}
.thumbnaillightCarousel.mobile .rec-item-wrapper img {
  max-width: 100%;
  padding: 5px;
}
.thumbnaillightCarousel.mobile .rec-item-wrapper .imageWidth {
  width: calc(100% - 10px);
}
.thumbnaillightCarousel .rec-slider-container {
  margin: 0;
}
.thumbnaillightCarousel.desktop .figure-link {
  border: 2px solid #bcbec0;
  width: 54px;
  height: 54px;
  float: left;
  margin-right: 16px;
  margin-bottom: 15px;
}
.thumbnaillightCarousel.desktop .gatsby-image-wrapper {
  width: 50px !important;
  height: 50px !important;
}
.thumbnaillightCarousel.desktop .gatsby-image-wrapper img {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 50px !important;
  height: 50px !important;
}

.pagination-cont {
  text-align: left;
  display: block;
  clear: both;
}
.pagination-cont span {
  background: #f9f9f9;
  color: #4A4A4A;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
}
.pagination-cont .show-1, .pagination-cont[show="2"] .show-2 {
  background: #004e7d;
  color: #ffffff;
}
.pagination-cont[show="2"] .show-1 {
  background: #f9f9f9;
  color: #4A4A4A;
}
.pagination-cont .no-num {
  display: none;
}
.mobile .pagination-cont {
  display: none;
}

.img-pagination-cont {
  float: right;
  width: 280px;
  margin-right: 50px;
}
.img-pagination-cont.mobile {
  float: none;
  margin-top: 20px;
  width: 100%;
  margin-right: 0;
}
.img-pagination-cont .heading {
  font-size: 25px;
  font-weight: normal;
  text-align: left;
  margin-bottom: 20px;
  line-height: normal;
  line-height: 25px;
}
.img-pagination-cont .heading.mobile {
  display: none;
}

@media (min-width: 768px) {
  .zoom-images-wrapper {
    float: left;
    width: calc(100% - 400px);
    border: none;
    height: calc(100% - 94px);
    margin-left: 35px;
    margin-right: 35px;
    position: relative;
  }
}
.zoom-images-wrapper.mobile {
  height: 440px;
}
.zoom-images-wrapper.mobile .zoomImages {
  overflow: visible;
  border: none;
  height: 400px;
}
.zoom-images-wrapper.mobile .zoomImages .iconButton {
  display: none;
}
.zoom-images-wrapper.desktop .pinch-zoom-txt {
  display: none;
}

.img-360-wrapper.desktop {
  float: left;
  width: calc(100% - 400px);
  border: none;
  height: calc(100% - 94px);
  margin-left: 35px;
  margin-right: 35px;
  position: relative;
}
.img-360-wrapper.desktop .MuiBox-root {
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  left: 50%;
  width: 100%;
  max-width: 100%;
}
.img-360-wrapper.mobile {
  width: 100%;
  max-width: 400px;
}
.img-360-wrapper.mobile .MuiBox-root {
  width: 100% !important;
  max-width: 400px;
}
.img-360-wrapper.mobile .MuiBox-root img {
  width: 100% !important;
  max-width: 400px;
}

.gatsby-image-wrapper div img {
  pointer-events: auto !important;
}

.thumbnailCarousel.mobile .highlightItem, .thumbnailCarousel.mobile .hightlightItem {
  border: 2px solid #004e7d !important;
}

.zoomImages > div > img {
  cursor: move !important;
}

.zoomImages > div > div {
  bottom: -60px !important;
}
.zoomImages > div > div > button {
  border: none;
  background: none;
  margin: 20px 10px !important;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.zoomImages > div > div > button svg {
  display: none;
}
.zoomImages > div > div > button.iconButton {
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 24px;
  font-weight: 400;
  color: #004E7D;
  position: relative;
}
.zoomImages > div > div > button.iconButton::before {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
}
.zoomImages > div > div > button.iconButton:first-of-type::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M504.1 471l-134-134C399.1 301.5 416 256.8 416 208C416 93.13 322.9 0 208 0S0 93.13 0 208S93.13 416 208 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM208 368c-88.22 0-160-71.78-160-160s71.78-160 160-160s160 71.78 160 160S296.2 368 208 368zM288 184H127.1C114.7 184 104 194.7 104 208s10.73 24 23.1 24h160C301.3 232 312 221.3 312 208S301.3 184 288 184z"/></svg>');
}
.zoomImages > div > div > button.iconButton:disabled:first-of-type::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M504.1 471l-134-134C399.1 301.5 416 256.8 416 208C416 93.13 322.9 0 208 0S0 93.13 0 208S93.13 416 208 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM208 368c-88.22 0-160-71.78-160-160s71.78-160 160-160s160 71.78 160 160S296.2 368 208 368zM288 184H127.1C114.7 184 104 194.7 104 208s10.73 24 23.1 24h160C301.3 232 312 221.3 312 208S301.3 184 288 184z"/></svg>');
}
.zoomImages > div > div > button.iconButton:last-of-type::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M504.1 471l-134-134C399.1 301.5 416 256.8 416 208C416 93.13 322.9 0 208 0S0 93.13 0 208S93.13 416 208 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM208 368c-88.22 0-160-71.78-160-160s71.78-160 160-160s160 71.78 160 160S296.2 368 208 368zM288 184H231.1V128c0-13.26-10.74-24-23.1-24S184 114.7 184 128v56H127.1C114.7 184 104 194.7 104 208s10.73 24 23.1 24H184V288c0 13.26 10.73 24 23.1 24c13.26 0 23.1-10.74 23.1-24V232h56C301.3 232 312 221.3 312 208S301.3 184 288 184z"/></svg>');
}
.zoomImages > div > div > button.iconButton:disabled:last-of-type::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M504.1 471l-134-134C399.1 301.5 416 256.8 416 208C416 93.13 322.9 0 208 0S0 93.13 0 208S93.13 416 208 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM208 368c-88.22 0-160-71.78-160-160s71.78-160 160-160s160 71.78 160 160S296.2 368 208 368zM288 184H231.1V128c0-13.26-10.74-24-23.1-24S184 114.7 184 128v56H127.1C114.7 184 104 194.7 104 208s10.73 24 23.1 24H184V288c0 13.26 10.73 24 23.1 24c13.26 0 23.1-10.74 23.1-24V232h56C301.3 232 312 221.3 312 208S301.3 184 288 184z"/></svg>');
}
.zoomImages > div > div > button.iconButton:disabled {
  color: #424C5B;
  cursor: not-allowed;
}

/*lighbox css*/
.sticky-addtocart-container {
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  width: 100vw;
  left: 0px;
  padding: 0 2.5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: rgba(203, 189, 189, 0.75) 0px 6px 5px 0px;
  background: white;
  height: auto;
  z-index: 999;
  padding-top: 30px;
}
@media (max-width: 768.98px) {
  .sticky-addtocart-container {
    top: unset;
    bottom: 0;
  }
}
.sticky-addtocart-container .scrollableProductPdp {
  max-width: 1368px;
  width: 100%;
  margin: 0 auto;
}
.sticky-addtocart-container .flexDisplay {
  width: 100%;
  display: flex;
}
@media (max-width: 768.98px) {
  .sticky-addtocart-container .flexDisplay.buttonQuantityPrice {
    width: 100%;
  }
}
.sticky-addtocart-container .productsSection {
  display: flex;
}
@media (max-width: 768.98px) {
  .sticky-addtocart-container .productsSection {
    min-height: unset;
  }
}
@media (max-width: 767.98px) {
  .sticky-addtocart-container .productsSection {
    min-height: 84px !important;
  }
}
.sticky-addtocart-container .productImageDescription {
  flex: 2;
}
@media (max-width: 768.98px) {
  .sticky-addtocart-container .productImageDescription {
    display: none !important;
  }
}
.sticky-addtocart-container .buttons-container {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.reviewWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .reviewWrapper {
    flex-direction: row;
  }
}
.reviewWrapper .fullWidths {
  width: 100%;
}
.reviewWrapper .halfWidth {
  width: 50%;
}
.reviewWrapper .nameColor {
  color: #212934;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .reviewWrapper .nameColor {
    margin-top: 0;
  }
}
.reviewWrapper .coloumnFlex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .reviewWrapper .coloumnFlex {
    flex-direction: column;
  }
}
.reviewWrapper .reviewRating {
  display: flex;
  align-items: baseline;
}
@media (min-width: 768px) {
  .reviewWrapper .reviewRating {
    align-items: center;
  }
}
.reviewWrapper .reviewDate {
  color: #9d9d9d;
  font-size: 14px;
}
.reviewWrapper .alignItems {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
}
.reviewWrapper .purchaser {
  font-size: 14px;
  margin-left: 11px;
  border: 2px solid #6cc2ed;
  border-radius: 6px;
  background: #d6f3fd;
  padding: 2px 8px;
  font-weight: 500;
}
.reviewWrapper .purchaser .fa-shield-check {
  color: #004e7d;
}
.reviewWrapper .voteUpdate {
  display: flex;
  color: #008000;
}

.flexOrder {
  flex: 6;
}

.imgFlexOrder {
  flex: 2;
}

.margin {
  margin: 16px 0;
}

.reviewSection {
  display: none;
}
@media (min-width: 768px) {
  .reviewSection {
    display: flex;
    align-items: flex-end;
    margin-bottom: 3px;
  }
}

.reviewTitle {
  margin: 10px 0;
  font-weight: 600;
  font-size: 16px;
}

.reviewContent {
  color: #555b63;
  font-size: 15px;
}

.readMoreText {
  color: #004e7d !important;
  cursor: pointer;
  font-weight: bold;
  display: block;
  margin: 8px;
  margin-left: 0;
}

.review {
  font-size: 14px;
  color: #424c5b;
  padding-right: 12px;
}

.btnClass {
  border: 1px solid #424c5b !important;
  background: #ffffff;
  border-radius: 20px !important;
  padding: 0 !important;
  text-transform: initial !important;
  margin-right: 8px;
}
.btnClass .counts {
  padding-left: 2px;
}
.btnClass.activeCount {
  border: 1px solid #004e7d !important;
  color: #004e7d;
}

.btnMargin {
  margin: 0 8px !important;
}
.btnMargin .MuiButton-label {
  font-size: 14px;
  color: #424c5b;
  font-family: "Kanit", sans-serif;
}

.imgFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .imgFlex {
    flex-direction: row-reverse;
  }
}

.imageSize {
  width: 40px;
  height: 40px;
  margin: 0 8px 8px 0;
}
@media (min-width: 768px) {
  .imageSize {
    width: 100px;
    height: 100px;
  }
}

.short-text {
  color: #212934;
  font-size: 14px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .short-text {
    font-size: 16px;
  }
}

.reviewBorder {
  height: 1px;
  background-color: #BCBEC0;
}

@media (max-width: 767.98px) {
  .modalContainer {
    overflow-y: auto;
    top: 0;
    left: 0;
    transform: revert;
    bottom: 0;
  }
}
@media screen and (max-height: 1080px) {
  .modalContainer {
    height: 100%;
  }
}
.modalContainer .productImage {
  box-sizing: border-box;
  height: auto;
  width: 157px;
  border: 1px solid #BCBEC0;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 7px 12px;
}
@media (max-width: 767.98px) {
  .modalContainer .productImage {
    height: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .productImage {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .productImage {
    width: 100%;
  }
}
.modalContainer .customScrollbar {
  max-height: calc(100vh - 60px);
  overflow: auto;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar {
    overflow: initial;
    height: auto;
    margin-bottom: 0;
    max-height: inherit;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .modalContainer .customScrollbar > div {
    width: 100%;
  }
  .modalContainer .customScrollbar > div:first-of-type {
    order: 1;
  }
  .modalContainer .customScrollbar .addWarrantyPlans {
    order: 2;
  }
  .modalContainer .customScrollbar .addWarrantyPlans:empty {
    display: none;
  }
  .modalContainer .customScrollbar .minicartSummary {
    order: 3;
  }
  .modalContainer .customScrollbar .recommendedItems {
    order: 4;
  }
  .modalContainer .customScrollbar .recommendedItems .rec-carousel-wrapper {
    position: relative;
  }
}
.modalContainer .customScrollbar .flexWrapper.alertMessage {
  display: inline-flex;
}
.modalContainer .customScrollbar .modal-maxquantity-message {
  color: #D0021B;
  font-weight: 300;
}
.modalContainer .minicartItems {
  display: flex;
  padding: 41px 28px 33px 24px;
  border-bottom: 1px solid #BCBEC0;
  background: #ffffff;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartItems {
    padding: 15px 16px 20px;
  }
  .modalContainer .minicartItems .frequencyBox {
    padding: 0 16px;
  }
}
@media (min-width: 768px) {
  .modalContainer .minicartItems {
    border-bottom: 0;
    background: #f9f9f9;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartItems.customizable {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartItems.customizable {
    flex-wrap: wrap;
  }
}
.modalContainer .minicartItems .cartItemdetails strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.modalContainer .minicartItems p {
  color: #424c5b;
  font-size: 15px;
  /* line-height: 8px;
  padding-top: 15px; */
}
.modalContainer .minicartItems p span.est-delivery-date {
  color: #000;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartItems p {
    font-size: 14px;
    /* line-height: 20px;
    padding-top: 0px; */
  }
}
.modalContainer .minicartItems .removeButtonCustomizable {
  display: flex;
  justify-content: flex-end;
  padding: 0px;
}
.modalContainer .minicartItems .removeButtonCustomizable .link {
  color: #424c5b;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay {
  padding: 0 24px 16px;
  background: #f9f9f9;
}
.modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay .returnPolicy .icon {
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay {
    position: relative;
  }
}
.modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay .returnPolicy {
  padding-top: 16px;
  display: inline-block;
  color: #d41e3d;
  font-size: 14px;
  font-weight: 300;
}
.modalContainer .minicartDetails {
  padding-left: 16px;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartDetails.customizable {
    padding-left: 0px;
    padding-top: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartDetails.customizable {
    padding-top: 16px;
  }
}
.modalContainer .minicartDetails .frequencyBox .frequencyWrapper {
  padding: 32px 0 0 !important;
}
.modalContainer .minicartDetails .frequencyBox .tooltipBox {
  margin: 0px !important;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartDetails .frequencyBox .tooltipBox {
    margin-top: 30px;
  }
}
.modalContainer .minicartBg {
  background: #ffffff;
  padding: 0 24px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .modalContainer .minicartBg {
    background: #f9f9f9;
  }
}
@media (max-width: 767.98px) {
  .modalContainer .minicartBg {
    padding: 10px 16px 0;
  }
}
.modalContainer .cartCount {
  display: flex;
  justify-content: space-between;
  padding-right: 17px;
  align-items: baseline;
}
.modalContainer .cartCount h2 {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
}
@media (max-width: 767.98px) {
  .modalContainer .cartCount h2 {
    font-size: 21px;
  }
}
.modalContainer .totalCart {
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .modalContainer .totalCart {
    display: flex;
  }
}
.modalContainer .totalCart i.fal.fa-shopping-cart {
  font-size: 24px;
}
.modalContainer .totalCart .cartTotal {
  position: absolute;
  top: -10px;
  font-size: 14px;
  height: 19px;
  width: 19px;
  background-color: #d41e3d;
  border-radius: 20px;
  color: #ffffff;
  text-align: center;
  left: 15px;
  line-height: 20px;
}
.modalContainer .totalCart .cartTotal strong {
  font-weight: 500;
}
.modalContainer .totalCart .cartPrice {
  color: #212934;
  font-family: Kanit;
  font-size: 16px;
  border: 1px solid #d41e3d;
  border-radius: 15px;
  background-color: #FBE9E9;
  padding: 0 7px;
  height: 22px;
  margin-left: 10px;
  position: relative;
  bottom: -2px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
}
.modalContainer .subTotal {
  display: flex;
  justify-content: space-between;
  font-size: 22px;
}
.modalContainer .checkoutTaxes {
  text-align: right;
  padding-bottom: 17px;
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.modalContainer .minicartSummary {
  padding: 24px 35px 12px 31px;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartSummary {
    padding-bottom: 0px;
    padding: 24px 16px 0px;
  }
}
.modalContainer .minicartSummary .flexWrapper {
  flex-direction: column;
}
@media (min-width: 768px) {
  .modalContainer .minicartSummary .flexWrapper {
    flex-direction: row;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartSummary .flexWrapper {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartSummary .flexWrapper {
    flex-wrap: wrap;
  }
}
.modalContainer .minicartSummary .cartText {
  color: #212934;
  font-weight: 300;
  padding-bottom: 7px;
  font-size: 18px;
}
.modalContainer .minicartSummary .redFilledButton {
  margin-right: 0;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-bottom: 15px;
  }
}
.modalContainer .recommendedTitle {
  font-size: 22px;
  font-weight: 500;
  color: #212934;
  padding-bottom: 6px;
  border-bottom: 1px solid #bcbec0;
}
.modalContainer .recommendedItems {
  padding: 0 35px 0 31px;
}
@media (max-width: 767.98px) {
  .modalContainer .recommendedItems {
    padding: 16px 16px 0;
  }
}
.modalContainer .recommendedItems .fixedHeight24 {
  min-height: 52px;
}
.modalContainer .recommendedItems .dv-star-rating {
  display: flex !important;
}
.modalContainer .recommendedItems .cartText {
  background: #f9f9f9;
  display: flex;
  padding: 7px;
  width: 197px;
  margin-top: 7px;
  border-radius: 4px;
  color: #4b515a;
  -webkit-animation: cssAnimation 5s forwards;
  animation: cssAnimation 5s forwards;
}
.modalContainer .recommendedItems .cartText .MuiSvgIcon-root {
  margin-right: 6px;
}
@keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modalContainer .recommendedItems .accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 202px;
  border: 1px solid #DADADA;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: -10px;
  cursor: pointer;
}
.modalContainer .recommendedItems .accountWishList .accountPopup::before, .modalContainer .recommendedItems .accountWishList .accountPopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 175px;
}
.modalContainer .recommendedItems .accountWishList .accountPopup::before {
  top: -8px;
  border-bottom: solid 6px #DADADA;
}
.modalContainer .recommendedItems .accountWishList .accountPopup::after {
  top: -7px;
  border-bottom: solid 8px #fff;
}
.modalContainer .recommendedItems .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.modalContainer .customScrollbar {
  padding-bottom: 20px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar {
    padding-bottom: 0px;
  }
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar {
    padding-bottom: 0px;
  }
}
.modalContainer .customScrollbar .warningMsg {
  background-color: #F6E5E7;
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  color: #424C5B;
  font-weight: 400;
  margin: 0 35px 0 31px;
  align-items: center;
  display: flex;
  border-radius: 4px;
}
.modalContainer .customScrollbar .warningMsg .far {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #D0021B;
}
.modalContainer .customScrollbar .warningMsg span {
  font-weight: 500;
  margin: 0 4px;
}
.modalContainer .customScrollbar .successMsg {
  background-color: rgba(113, 185, 70, 0.12);
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 35px 0 31px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  color: #4b515a;
}
.modalContainer .customScrollbar .successMsg .far {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #4e832e;
}
.modalContainer .customScrollbar .successMsg span {
  font-weight: 500;
  margin: 0 4px;
}
.modalContainer .customScrollbar .addSuccessMessage {
  width: 100%;
  height: 40px;
  background-color: rgba(113, 185, 70, 0.12);
  margin-top: 14px;
  margin-bottom: 16px;
}
.modalContainer .customScrollbar .addSuccessMessage span {
  color: #4e832e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
  font-family: Kanit;
}
.modalContainer .customScrollbar .addWarrantyPlans {
  margin: 24px;
  border-radius: 4px;
  background-color: #F5F8FA;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans {
    margin: 16px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass {
  background: none;
  box-shadow: none;
  padding: 24px 24px 0px 24px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass {
    padding: 24px 12px 0px 12px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass {
  color: #212934;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass span.warrantyperunit span.unitPriceClass {
  font-size: 14px;
  font-weight: 300;
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass {
  color: #4A4A4A;
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass {
    margin-top: 10px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .tableVal {
  color: #424C5B;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 0px;
}
.modalContainer .customScrollbar .addWarrantyPlans .tableHead {
  color: #424C5B;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  border-bottom: 0px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .tableHead {
    align-items: inherit;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .tableHead .includes-warrenty {
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .tableHead .includes-warrenty {
    margin-right: 5px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .tableHead .warrenty-years {
  font-weight: 600;
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarranty {
  color: #004E7D;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  border-bottom: 0px;
  width: 90px;
  cursor: pointer;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableCell-sizeSmall {
  padding: 6px 12px 8px 0;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableCell-sizeSmall:last-of-type {
  text-align: right;
  width: 85px;
  padding: 6px 0 8px 0;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableRow-root {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 16px 24px 0 24px;
  border-bottom: 1px solid #BCBEC0;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableRow-root:last-child {
  border-bottom: 0;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .MuiTableRow-root {
    align-items: flex-start;
    margin: 16px 12px 0 12px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .decInsideOne {
  position: relative;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .decInsideOne {
    display: flex;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root {
  vertical-align: middle;
  fill: #71B946;
  margin-left: 6px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root {
    width: 18px;
    height: 18px;
  }
}
.modalContainer .customScrollbar .fa-info-circle {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
}
.modalContainer .customScrollbar .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  width: 350px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    width: 86vw;
  }
}
.modalContainer .displayTextOnCart {
  padding: 0 28px;
  margin: 16px 0;
}
.modalContainer .displayTextOnCart p {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.modalContainer .subscription-msg-wrapper {
  /*display: flex;
  color: #71B946;
  margin: 10px 0;
  align-items: center;
  padding: 0 28px;*/
  background: #e2f4d7;
  margin: 0 30px;
  padding: 10px;
  color: #424c5b;
  border-radius: 4px;
  display: flex;
}
.modalContainer .subscription-msg-wrapper p {
  font-size: 14px;
  display: inline-block;
  line-height: 16px;
}
.modalContainer .subscription-msg-wrapper .MuiSvgIcon-root {
  margin-right: 10px;
  fill: #71B946;
  font-size: 22px;
  vertical-align: middle;
}
.modalContainer .frequencyBox .frequencyWrapper {
  padding: 16px 32px 0;
}
@media (max-width: 767.98px) {
  .modalContainer .frequencyBox .frequencyWrapper {
    padding: 16px 0 0 16px;
  }
}
.modalContainer.trackOrderModel {
  height: 100vh;
  padding: 20px;
  box-sizing: border-box;
}

.customModalContainer {
  width: 80%;
  background: #fff;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .customModalContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.customModalContainer .minicartBg {
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 25px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicartBg {
    overflow: initial;
    order: 1;
  }
}
.customModalContainer .minicartBg .modalClose {
  order: 2;
  color: #6a7681;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  font-size: 24px;
}
.customModalContainer .cartCount {
  width: 95%;
}
.customModalContainer .minicrtCustomizable {
  display: block;
  width: 61%;
  border-right: 1px solid #BCBEC0;
  float: left;
  height: 100%;
  overflow-y: scroll;
  position: relative;
}
.customModalContainer .minicrtCustomizable .closeModalright {
  position: absolute;
  top: 24px;
  right: 16px;
  font-size: 24px;
}
.customModalContainer .minicrtCustomizable .frequencyBox {
  display: flex;
  width: 100%;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .frequencyBox {
    flex-wrap: wrap;
  }
}
.customModalContainer .minicrtCustomizable .frequencyWrapper {
  padding: 0 !important;
  width: 100%;
}
.customModalContainer .minicrtCustomizable .frequencyWrapper .freqTitle {
  width: 170px;
  /* @include for-phone-only {
      width: calc(100% - 185px);
  } */
}
@media (max-width: 944px) {
  .customModalContainer .minicrtCustomizable .frequencyWrapper .freqTitle {
    width: calc(100% - 38px);
  }
}
.customModalContainer .minicrtCustomizable .frequencyWrapper .tooltipBox {
  margin-right: 0;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable {
    width: 100%;
    order: 3;
    overflow-y: initial;
    height: auto;
    position: relative;
    margin-top: 16px;
    border: 0;
  }
}
.customModalContainer .minicrtCustomizable .customizeHeader {
  margin: 25px 35px 0px;
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .customizeHeader {
    margin: 0px 24px 0px;
  }
}
.customModalContainer .minicrtCustomizable .customizeSubHeader {
  margin: 0px 35px;
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .customizeSubHeader {
    margin: 0px 24px;
  }
}
.customModalContainer .minicrtCustomizable .accessorytype-title {
  margin: 20px 35px 15px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .accessorytype-title {
    margin: 20px 16px 15px;
  }
}
.customModalContainer .minicrtCustomizable #productContainer {
  padding: 0 16px 16px 16px;
  border-bottom: 1px solid #BCBEC0;
  margin: 20px 0;
  width: 96%;
  float: right;
}
.customModalContainer .minicrtCustomizable #productContainer:last-child {
  border: none !important;
}
.customModalContainer .minicrtCustomizable .productTile {
  padding: 32px 37px 0 37px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile {
    padding: 24px 16px 0 16px;
    justify-content: start;
  }
}
.customModalContainer .minicrtCustomizable .productTile .product-details {
  width: calc(100% - 145px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .product-details {
    width: calc(100% - 95px);
  }
}
.customModalContainer .minicrtCustomizable .productTile .imageWrapper {
  width: auto;
  margin-right: 44px;
}
.customModalContainer .minicrtCustomizable .productTile .imageWrapper img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .imageWrapper {
    margin-right: 12px;
  }
  .customModalContainer .minicrtCustomizable .productTile .imageWrapper img {
    width: 72px;
    height: 72px;
    padding: 6px;
    border: 1px solid #BCBEC0;
    border-radius: 4px;
  }
}
.customModalContainer .minicrtCustomizable .productTile .priceArea {
  text-align: right;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .priceArea {
    text-align: left;
  }
}
.customModalContainer .minicrtCustomizable .productTile .product-other-details {
  width: 100%;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .product-other-details {
    width: 100%;
    margin-bottom: 15px;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: -10px;
  border-bottom: 1px solid #bcbec0;
  padding-bottom: 32px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section {
    margin-top: 0;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .redFilledButton {
  width: 125px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section .redFilledButton {
    width: 100%;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection {
  display: block;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section .linkSection {
    justify-content: start;
    width: 100%;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .qtBut {
  display: flex;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .qtBut {
    justify-content: start;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .displayMessagePLP {
  text-align: end;
  margin-top: 5px;
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .displayMessagePLP .minPurchaseQtyClass {
  color: #4b515a;
}
.customModalContainer .minicrtCustomizable .productTile hr.MuiDivider-root.divider.horizontal {
  margin-left: 37px !important;
  margin-right: 37px !important;
}
.customModalContainer .minicrtCustomizable hr.MuiDivider-root.divider.horizontal {
  display: none;
}
.customModalContainer .minicrtCustomizable .prodSpec {
  width: calc(100% - 150px);
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .prodSpec {
    width: 100%;
    margin: 0;
  }
}
.customModalContainer .minicrtCustomizable .prodSpec p {
  color: #004e7d;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 26px;
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .prodSpec p {
    font-size: 16px;
    line-height: 20px;
  }
}
.customModalContainer .minicrtCustomizable .actionArea {
  width: 150px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea {
    width: 100%;
    position: relative;
  }
}
.customModalContainer .minicrtCustomizable .actionArea .priceSection {
  justify-content: end;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection {
    justify-content: start;
  }
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection .priceArea {
    /* position: absolute;
    width: 65%;
    top: -70px;*/
  }
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection .oldprice {
    display: none;
  }
}
.customModalContainer .minicrtCustomizable .actionArea .priceSection .price {
  color: #212934;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 5px;
  display: inline-block;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection .price {
    font-size: 20px;
  }
}
.customModalContainer .minicrtCustomizable .actionArea .linkSection {
  height: 95px;
  align-items: end;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .linkSection {
    height: 65px;
  }
}
.customModalContainer .minicrtCustomizable span.soldpkg {
  font-size: 14px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper {
  margin: 0px;
  background-color: #FAFAFA;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-slider-container {
  margin: 0 15px;
}
@media (min-width: 1400px) {
  .customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-slider-container {
    margin: 0 62px;
  }
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel {
  position: relative;
  margin: 25px 0;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper {
  width: 250px;
  padding: 10px;
  border-radius: 8px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem {
  margin: 0px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper {
  width: 245px;
  height: 120px;
  font-weight: 500;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 24px 10px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 18px 0 rgba(211, 211, 211, 0.5);
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper {
    width: 225px;
    padding: 24px 10px;
  }
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper.active {
  border: 1px solid #004E7D;
  font-weight: 600;
  color: #212934;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper span.sibling_category_desc {
  font-size: 16px;
  margin-left: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper span.sibling_category_desc {
    margin-left: 5px;
  }
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-carousel-item-0 .swipeableItem {
  margin: 0px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-carousel-item-0 .swipeableItem .categoryWrapper {
  justify-content: center;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-carousel-item-0 .swipeableItem .categoryWrapper span.sibling_category_desc {
  margin-left: 0px;
}
.customModalContainer .minicrtCustomizable .fa-info-circle {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
}
.customModalContainer .inlineOnMobile {
  display: none;
}
.customModalContainer .displayMessagePLP .minPurchasePLPMsg {
  text-align: left;
}

.rightAlignedModal .customScrollbar .alertMessage .alertInline {
  margin-left: 60px;
  margin-top: 0;
}

.modalContainer .customScrollbar .recommendedItems .productCarousel .rec-carousel-wrapper {
  position: relative;
}

.minCartAutoReorder {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .minCartAutoReorder {
    padding: 0;
  }
}
.minCartAutoReorder .savingText {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #71B946;
  padding-right: 3px;
}
.minCartAutoReorder svg {
  width: 22px;
  height: 22px;
  color: #71B946;
}
.minCartAutoReorder .ShippingAutoReorder {
  padding-left: 5px;
  line-height: 15px;
}
.minCartAutoReorder .auto-reorder-msg {
  font-weight: 600;
  font-size: 12px;
  /* line-height: 124.5%; */
  /* letter-spacing: 0.01em; */
  color: #71B946;
  flex: 0 0 100%;
  display: flex;
}
.minCartAutoReorder .saving-text-shipping {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #212934;
  display: inline-flex;
  flex-direction: row;
}
.minCartAutoReorder .saving-text-shipping .appliedmsg {
  padding-left: 3px;
}
.minCartAutoReorder .saving-text-shipping .freeShippigAutoreOrder {
  color: #71B946;
  display: inline-flex;
}
.minCartAutoReorder .saving-text-shipping .freeShippigAutoreOrder::before {
  width: 20px;
  height: 20px;
  display: block;
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113,185,70)" d="M368 0C394.5 0 416 21.49 416 48V96H466.7C483.7 96 499.1 102.7 512 114.7L589.3 192C601.3 204 608 220.3 608 237.3V352C625.7 352 640 366.3 640 384C640 401.7 625.7 416 608 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H256C256 469 213 512 160 512C106.1 512 64 469 64 416H48C21.49 416 0 394.5 0 368V48C0 21.49 21.49 0 48 0H368zM416 160V256H544V237.3L466.7 160H416zM160 368C133.5 368 112 389.5 112 416C112 442.5 133.5 464 160 464C186.5 464 208 442.5 208 416C208 389.5 186.5 368 160 368zM480 464C506.5 464 528 442.5 528 416C528 389.5 506.5 368 480 368C453.5 368 432 389.5 432 416C432 442.5 453.5 464 480 464z"/></svg>');
}

.modalContainer .customScrollbar .minCartAutoReorder {
  padding: 0 0 0 32px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .minCartAutoReorder {
    padding: 0 0 0 16px;
  }
}

/* .customModalContainer .minicrtCustomizable .frequencyWrapper {width: auto;} */
.vehicle-maintenance {
  padding: 0;
  margin: 0 0 0 0;
}
.vehicle-maintenance .container {
  background-color: #f5f8fa;
  padding: 22px;
}
@media (max-width: 767.98px) {
  .vehicle-maintenance .container .bannerButton .MuiButton-root, .vehicle-maintenance .container .ButtonContainer .MuiButton-root {
    min-width: auto;
  }
  .vehicle-maintenance .container .non-selected-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .vehicle-maintenance .container .non-selected-block .title {
    width: calc(100% - 232px);
    display: flex;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
  }
  .vehicle-maintenance .container .non-selected-block .ButtonContainer {
    width: 212px;
    display: flex;
    justify-content: end;
    padding: 0;
  }
  .vehicle-maintenance .container .ButtonContainer button:last-child {
    margin-left: 20px;
  }
}
@media (max-width: 414px) {
  .vehicle-maintenance .container .non-selected-block .title, .vehicle-maintenance .container .non-selected-block .ButtonContainer {
    width: 100%;
    text-align: center;
  }
  .vehicle-maintenance .container .non-selected-block .ButtonContainer {
    justify-content: center;
    margin-top: 10px;
  }
}
.vehicle-maintenance .container .selected-block {
  display: flex;
  align-items: baseline;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .vehicle-maintenance .container .selected-block {
    flex-direction: column;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .vehicle-maintenance .container .selected-block {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vehicle-maintenance .container .selected-block {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .vehicle-maintenance .container .selected-block {
    flex-direction: column;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .vehicle-maintenance .container .selected-block {
    flex-direction: column;
  }
}
.vehicle-maintenance .container .selected-block .title {
  display: flex;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .vehicle-maintenance .container .selected-block .title {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 1400px) {
  .vehicle-maintenance .container .selected-block .title {
    width: 55%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .vehicle-maintenance .container .selected-block .title {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vehicle-maintenance .container .selected-block .title {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .vehicle-maintenance .container .selected-block .title {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .vehicle-maintenance .container .selected-block .title {
    width: 100%;
    flex-shrink: 0;
  }
}
.vehicle-maintenance .container .selected-block .ButtonContainer {
  display: flex;
  justify-content: end;
  padding: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 1400px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer {
    width: 45%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer {
    width: 100%;
    flex-shrink: 0;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer {
    flex-direction: column;
  }
}
.vehicle-maintenance .container .selected-block .ButtonContainer button:last-child {
  margin-left: 20px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer button:last-child {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .vehicle-maintenance .container .selected-block .ButtonContainer button:first-child {
    margin-top: 10px;
  }
}
.vehicle-maintenance .gridWrapper.col-3 {
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
}

.VPFModal {
  padding: 30px;
}
.VPFModal .rmdp-arrow {
  margin-top: 6px !important;
}
.VPFModal .rmdp-disabled {
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .VPFModal {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
  }
}
.VPFModal .ModalClose {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 10px;
  color: #6a7681;
  font-size: 16px;
  right: 20px;
  cursor: pointer;
}
.VPFModal .rec-carousel-wrapper .rec-arrow::before {
  top: unset;
  margin-top: unset;
  right: unset;
}
.VPFModal .rec-carousel-wrapper .rec-arrow::after {
  top: unset;
}
.VPFModal .rec-carousel-wrapper .rec-arrow.rec-arrow-right::after {
  right: unset;
  margin: 15px 0 0 -5px;
}
.VPFModal .rec-carousel-wrapper .rec-arrow.rec-arrow-left::before {
  left: unset;
}
.VPFModal .rec-carousel-wrapper .rec-arrow.rec-arrow-left::after {
  left: unset;
  margin: 15px 0 0 -5px;
}
.VPFModal .rec-carousel-wrapper .rec-arrow {
  width: unset;
}

.FormContainer {
  width: 100%;
  padding: 0;
  margin: 0;
}
.FormContainer .col-2 .col {
  width: calc(100% - 20px);
  padding: 16px 0;
  float: left;
  position: relative;
}
@media (max-width: 767.98px) {
  .FormContainer .col-2 .col {
    width: calc(100% - 20px);
  }
}
.FormContainer .col-2 .col .MuiFormControl-root.MuiTextField-root {
  display: block;
}
.FormContainer .col-2 .col .MuiInputBase-root {
  background: #FFFFFF;
  border: 1px solid #BCBEC0;
  box-sizing: border-box;
  border-radius: 4px;
  height: 50px;
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
}
.FormContainer .col-2 .col:not(.year) > div {
  width: 90%;
}
.FormContainer .col-2 .col:not(.year) > div::after {
  position: absolute;
  top: 15px;
  right: 16px;
  color: #004E7D;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  pointer-events: none;
}
.FormContainer .col-2 .col.year > div {
  width: 90%;
}
@media (max-width: 767.98px) {
  .FormContainer .col-2 .col.year > div {
    display: block !important;
  }
}
.FormContainer .col-2 .col.year .year-calendar {
  width: 90%;
}
@media (max-width: 767.98px) {
  .FormContainer .col-2 .col.year .year-calendar {
    display: block !important;
  }
}
.FormContainer .col-2 .col.year > span {
  display: block;
}
.FormContainer .col-2 .col.year > span::after {
  position: absolute;
  top: 55px;
  right: 65px;
  color: #004E7D;
  pointer-events: none;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
@media (max-width: 767.98px) {
  .FormContainer .col-2 .col.year > span::after {
    right: 12%;
  }
}
.FormContainer .col-2::after {
  clear: both;
  display: block;
  content: " ";
}
.FormContainer .input_icon {
  top: 55px;
  position: absolute;
  z-index: 1223;
  right: 50px;
  color: #004E7D;
  font-weight: 500;
}
.FormContainer .ButtonContainer {
  text-align: center;
  padding-top: 16px;
}
.FormContainer input.searchinput-year {
  width: 90% !important;
  display: block;
}
.FormContainer .searchinput, .FormContainer .searchinput-year {
  background: #ffffff;
  border: 1px solid #BCBEC0;
  box-sizing: border-box;
  border-radius: 4px;
  height: 50px;
  width: 100%;
  padding-left: 10px;
  padding-right: 30px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.FormContainer input.searchinput:focus {
  border: 1px solid #004E7D !important;
  outline: none;
}
.FormContainer .searchinput.disabled {
  background-color: #E1E1E1;
  cursor: not-allowed;
  pointer-events: none;
}

.menu {
  position: absolute;
  box-sizing: border-box;
  width: 260px;
  border: 1px solid #cccccc;
  z-index: 123;
  background: #ffffff;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 0 4px 15px 1px rgba(0, 0, 0, 0.07);
  max-height: 250px;
  overflow-y: scroll;
}
@media (max-width: 767.98px) {
  .menu {
    width: 100%;
  }
}

.item {
  padding: 10px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}

.item-highlighted {
  background-color: rgba(0, 78, 189, 0.08);
}

.item-header {
  background-color: #eeeeee;
  color: #454545;
  font-weight: bold;
}

#garage-container {
  padding: 0 0 16px 0 !important;
}
#garage-container h2 {
  padding-bottom: 16px;
}
#garage-container .garage-list {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 16px;
}
#garage-container .garage-list .rec-carousel-wrapper .rec-arrow:disabled {
  display: unset !important;
  visibility: hidden;
}
#garage-container .garage-list .item {
  /*min-width: 250px; max-width: 250px;**/
  margin-bottom: 16px;
  border-radius: 3px;
  padding: 0;
}
#garage-container .garage-list .item .title {
  border-bottom: 1px solid #BCBEC0;
  border-top: 1px solid #BCBEC0;
  border-left: 1px solid #BCBEC0;
  border-right: 1px solid #BCBEC0;
  border-radius: 3px 3px 0 0;
  background-color: #F5F8FA;
  padding: 4px 16px;
  display: flex;
}
#garage-container .garage-list .item .title .makename {
  color: #212934;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  width: 90%;
}
#garage-container .garage-list .item .title .edit_icon {
  width: 5%;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
#garage-container .garage-list .item .title .edit_icon .fal.fa-pen {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M58.57 323.5L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C495.8 61.87 498.5 65.24 500.9 68.79C517.3 93.63 514.6 127.4 492.7 149.3L188.5 453.4C187.2 454.7 185.9 455.1 184.5 457.2C174.9 465.7 163.5 471.1 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L58.57 323.5zM82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L383 191L320.1 128.1L92.51 357.4C91.92 358 91.35 358.6 90.8 359.3C86.94 363.6 84.07 368.8 82.42 374.4L82.42 374.4z"/></svg>');
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
}
#garage-container .garage-list .item .title .remove_icon {
  width: 5%;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  margin-left: 10px;
}
#garage-container .garage-list .item .title .remove_icon .fal.fa-trash-alt {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M160 400C160 408.8 152.8 416 144 416C135.2 416 128 408.8 128 400V192C128 183.2 135.2 176 144 176C152.8 176 160 183.2 160 192V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V192C208 183.2 215.2 176 224 176C232.8 176 240 183.2 240 192V400zM320 400C320 408.8 312.8 416 304 416C295.2 416 288 408.8 288 400V192C288 183.2 295.2 176 304 176C312.8 176 320 183.2 320 192V400zM317.5 24.94L354.2 80H424C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94H317.5zM151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1C174.5 48 171.1 49.34 170.5 51.56L151.5 80zM80 432C80 449.7 94.33 464 112 464H336C353.7 464 368 449.7 368 432V128H80V432z"/></svg>');
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: block;
}
#garage-container .garage-list .item .details {
  border-bottom: 1px solid #BCBEC0;
  border-left: 1px solid #BCBEC0;
  border-right: 1px solid #BCBEC0;
  border-radius: 0px 0px 3px 3px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
  height: 75%;
}
#garage-container .garage-list .item .details span {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  #garage-container .garage-list .item .details {
    height: 74%;
  }
}
#garage-container .garage-list .active .title {
  border-bottom: 1px solid #004e7d;
  border-top: 1px solid #004e7d;
  border-left: 1px solid #004e7d;
  border-right: 1px solid #004e7d;
}
#garage-container .garage-list .active .details {
  border-bottom: 1px solid #004e7d;
  border-left: 1px solid #004e7d;
  border-right: 1px solid #004e7d;
}

.vpfBreadCrumbs {
  padding: 16px 0;
}
.vpfBreadCrumbs .breadCrumbText .MuiBreadcrumbs-ol {
  padding: 0;
}

.yearmodalContainer {
  overflow-y: auto;
  outline: none;
  position: absolute;
  top: unset;
  left: unset;
  width: 100%;
  bottom: 0;
  transform: unset;
  background-color: #ffffff;
}
.yearmodalContainer .rmdp-header {
  width: 80%;
  margin: 0 auto;
}
.yearmodalContainer .rmdp-wrapper {
  width: 100%;
}
.yearmodalContainer .rmdp-top-class {
  display: block !important;
}
.yearmodalContainer .only.rmdp-month-picker, .yearmodalContainer .only.rmdp-year-picker {
  width: 100% !important;
}
.yearmodalContainer .rmdp-disabled {
  visibility: hidden !important;
}

@media (max-width: 767.98px) {
  .yearmodalContainer {
    background: transparent;
  }
}
@media (max-width: 767.98px) {
  .yearmodalContainer .rmdp-wrapper {
    border-radius: unset;
  }
}
@media (max-width: 767.98px) {
  .yearmodalContainer .modalContent {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
  }
}

.Authorable_Grid {
  padding: 0 0;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  max-width: 1368px;
  width: 100%;
}
.Authorable_Grid .image a {
  margin: auto;
  display: contents;
}
.Authorable_Grid .title {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  padding: 0 0 10px 0;
  color: #212934;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .title {
    font-size: 20px;
    font-weight: 500;
  }
}
.Authorable_Grid .description {
  padding: 0 0 16px 0 !important;
}
.Authorable_Grid .description:empty {
  padding: 0 !important;
}
.Authorable_Grid .description,
.Authorable_Grid .description p,
.Authorable_Grid .col-1 .description div {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  padding: 0 0 0 0;
  color: #212934;
}
.Authorable_Grid .description div {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  padding: 0 0 0 0;
  color: #212934;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .description div {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    width: 100%;
  }
}
.Authorable_Grid .description div div,
.Authorable_Grid .description div p {
  margin: 0;
  padding: 0;
  min-height: auto;
}
.Authorable_Grid::before {
  content: " ";
  display: block;
  clear: both;
}
.Authorable_Grid .row {
  max-width: 1400px;
  margin: 0 auto;
}
.Authorable_Grid .row .authorable-grid .ButtonContainer {
  padding: 0;
}
.Authorable_Grid .row .authorable-grid .description p {
  width: 100%;
  min-height: unset !important;
  max-height: unset !important;
}
.Authorable_Grid .row .authorable-grid .titleDescContainer {
  float: left;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .authorable-grid .titleDescContainer.phw100 {
    width: 100% !important;
  }
}
.Authorable_Grid .row .authorable-grid .image.Regular {
  border: 1px solid #dddddd;
  border-radius: 3px;
  overflow: hidden;
}
.Authorable_Grid .row .authorable-grid .image.Rounded {
  border: 1px solid #dddddd;
  border-radius: 8px;
  overflow: hidden;
}
.Authorable_Grid .row .authorable-grid.textAlign-Right .titleDescContainer {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .authorable-grid.textAlign-Right .titleDescContainer {
    width: 100% !important;
    float: unset !important;
  }
}
.Authorable_Grid .row .authorable-grid.textAlign-Right .image {
  width: auto;
  text-align: center;
  margin-right: 20px;
  display: block;
  float: left !important;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .authorable-grid.textAlign-Right .image {
    width: 100% !important;
    margin: 0;
    padding: 0;
    float: unset !important;
  }
}
.Authorable_Grid .row .authorable-grid.textAlign-Right .title {
  padding-top: 0 !important;
  display: flex;
}
.Authorable_Grid .row .authorable-grid.textAlign-Right .description {
  display: flex;
}
.Authorable_Grid .row .authorable-grid.textAlign-Right .description p {
  width: 100%;
  min-height: unset;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .authorable-grid.textAlign-Bottom .image {
    width: 100% !important;
    float: unset !important;
  }
}
.Authorable_Grid .row .authorable-grid.textAlign-Left .titleDescContainer {
  display: flex;
  flex-direction: column;
  float: left;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .authorable-grid.textAlign-Left .titleDescContainer {
    width: 100% !important;
    float: unset !important;
  }
}
.Authorable_Grid .row .authorable-grid.textAlign-Left .image {
  width: auto;
  text-align: center;
  margin-left: 20px;
  display: block;
  float: right !important;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .authorable-grid.textAlign-Left .image {
    width: 100% !important;
    margin: 0;
    padding: 0;
    float: unset !important;
  }
}
.Authorable_Grid .row .authorable-grid.textAlign-Left .title {
  padding-top: 0 !important;
  display: flex;
}
.Authorable_Grid .row .authorable-grid.textAlign-Left .description {
  display: flex;
}
.Authorable_Grid .row .authorable-grid.textAlign-Left .description p {
  width: 100%;
}
.Authorable_Grid .row .authorable-grid.Center .title, .Authorable_Grid .row .authorable-grid.Center .description, .Authorable_Grid .row .authorable-grid.Center img, .Authorable_Grid .row .authorable-grid.Center div, .Authorable_Grid .row .authorable-grid.Center p, .Authorable_Grid .row .authorable-grid.Center span {
  text-align: center !important;
}
.Authorable_Grid .row .authorable-grid.Center .image {
  justify-content: center;
}
.Authorable_Grid .row .authorable-grid.Left .title, .Authorable_Grid .row .authorable-grid.Left .description, .Authorable_Grid .row .authorable-grid.Left img, .Authorable_Grid .row .authorable-grid.Left div, .Authorable_Grid .row .authorable-grid.Left p, .Authorable_Grid .row .authorable-grid.Left span {
  text-align: left !important;
}
.Authorable_Grid .row .authorable-grid.Left .image {
  justify-content: left !important;
}
.Authorable_Grid .row .authorable-grid.Right .title, .Authorable_Grid .row .authorable-grid.Right .description, .Authorable_Grid .row .authorable-grid.Right img, .Authorable_Grid .row .authorable-grid.Right div, .Authorable_Grid .row .authorable-grid.Right p, .Authorable_Grid .row .authorable-grid.Right span {
  text-align: right !important;
}
.Authorable_Grid .row .authorable-grid.Right .image {
  justify-content: right !important;
}
.Authorable_Grid .row .gridWrapper {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 1.5rem;
}
.Authorable_Grid .row .gridWrapper.col-1 {
  grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
}
@media (min-width: 728px) {
  .Authorable_Grid .row .gridWrapper.col-1 {
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .gridWrapper.col-1 {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.Authorable_Grid .row .gridWrapper.col-2 {
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.Authorable_Grid .row .gridWrapper.col-2 img {
  max-width: 100%;
}
.Authorable_Grid .row .gridWrapper.col-3 {
  grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}
.Authorable_Grid .row .gridWrapper.col-4 {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.Authorable_Grid .row .gridWrapper.col-5 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.Authorable_Grid .row .gridWrapper.col-6 {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
.Authorable_Grid .row .col-1 .authorable-grid .image {
  width: auto;
  display: block;
  float: left;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .row .col-1 .authorable-grid .image {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.Authorable_Grid .row .col-1 .authorable-grid::after {
  clear: both;
  display: block;
  content: " ";
}
.Authorable_Grid .row .col-1 .authorable-grid,
.Authorable_Grid .row .col-2 .authorable-grid,
.Authorable_Grid .row .col-3 .authorable-grid,
.Authorable_Grid .row .col-4 .authorable-grid,
.Authorable_Grid .row .col-5 .authorable-grid,
.Authorable_Grid .row .col-6 .authorable-grid {
  align-items: center;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.Authorable_Grid .row .col-1 .authorable-grid .image,
.Authorable_Grid .row .col-2 .authorable-grid .image,
.Authorable_Grid .row .col-3 .authorable-grid .image,
.Authorable_Grid .row .col-4 .authorable-grid .image,
.Authorable_Grid .row .col-5 .authorable-grid .image,
.Authorable_Grid .row .col-6 .authorable-grid .image {
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  display: flex;
  padding: 10px;
}
.Authorable_Grid .row .col-1 .authorable-grid .image img,
.Authorable_Grid .row .col-2 .authorable-grid .image img,
.Authorable_Grid .row .col-3 .authorable-grid .image img,
.Authorable_Grid .row .col-4 .authorable-grid .image img,
.Authorable_Grid .row .col-5 .authorable-grid .image img,
.Authorable_Grid .row .col-6 .authorable-grid .image img {
  max-width: 100%;
}
.Authorable_Grid .row .col-1 .authorable-grid .image.No,
.Authorable_Grid .row .col-2 .authorable-grid .image.No,
.Authorable_Grid .row .col-3 .authorable-grid .image.No,
.Authorable_Grid .row .col-4 .authorable-grid .image.No,
.Authorable_Grid .row .col-5 .authorable-grid .image.No,
.Authorable_Grid .row .col-6 .authorable-grid .image.No {
  padding: 0;
}
.Authorable_Grid .row .col-1 .authorable-grid .title,
.Authorable_Grid .row .col-2 .authorable-grid .title,
.Authorable_Grid .row .col-3 .authorable-grid .title,
.Authorable_Grid .row .col-4 .authorable-grid .title,
.Authorable_Grid .row .col-5 .authorable-grid .title,
.Authorable_Grid .row .col-6 .authorable-grid .title {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding: 16px 0 10px 0;
  color: #212934;
}
.Authorable_Grid .row .col-1 .description,
.Authorable_Grid .row .col-2 .description,
.Authorable_Grid .row .col-3 .description,
.Authorable_Grid .row .col-4 .description,
.Authorable_Grid .row .col-5 .description,
.Authorable_Grid .row .col-6 .description {
  padding: 0;
}
.Authorable_Grid .row .col-1 .description p,
.Authorable_Grid .row .col-2 .description p,
.Authorable_Grid .row .col-3 .description p,
.Authorable_Grid .row .col-4 .description p,
.Authorable_Grid .row .col-5 .description p,
.Authorable_Grid .row .col-6 .description p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
}
.Authorable_Grid .authgrid-item-title {
  display: none;
}
@media (max-width: 767.98px) {
  .Authorable_Grid .authgrid-item-title {
    display: none;
  }
}

.right_col .gridWrapper {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 1.5rem !important;
}
.right_col .gridWrapper.col-1 {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
}
@media (min-width: 728px) {
  .right_col .gridWrapper.col-1 {
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)) !important;
  }
}
.right_col .gridWrapper.col-2 {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .right_col .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important;
  }
}
@media (min-width: 728px) {
  .right_col .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr)) !important;
  }
}
.right_col .gridWrapper.col-3 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important;
}
.right_col .gridWrapper.col-4 {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
}
.right_col .gridWrapper.col-5 {
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
}
.right_col .gridWrapper.col-6 {
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
}

.titleDescContainer .title:empty {
  padding-bottom: 0px !important;
}

.titleDescContainer .Blank_Title {
  padding-top: 16px;
}

@media (max-width: 767.98px) {
  .Authorable_Grid.Authorable_GridNew .description p, .Authorable_Grid.Authorable_GridNew .description span, .Authorable_Grid.Authorable_GridNew .description div, .Authorable_Grid.Authorable_GridNew .description a {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.2;
  }

  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
    grid-gap: 0.75rem !important;
    /*.image.No {
        border: 0 !important;
        padding: 0;
    }*/
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 > div,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 > div,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 > div,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 > div,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 > div,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 > div,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 > div,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 > div {
    border: 0 !important;
    border-radius: unset !important;
    padding: unset !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .description,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .description,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .description {
    padding: 0 !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .titleDescContainer .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .titleDescContainer .title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .titleDescContainer .title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .titleDescContainer .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .titleDescContainer .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .titleDescContainer .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .titleDescContainer .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .titleDescContainer .title {
    display: none;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .titleDescContainer .title ~ .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .titleDescContainer .title ~ .description,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .titleDescContainer .title ~ .description,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .titleDescContainer .title ~ .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .titleDescContainer .title ~ .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .titleDescContainer .title ~ .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .titleDescContainer .title ~ .description,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .titleDescContainer .title ~ .description {
    margin-top: 8px;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 > div > div a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 > div > div a,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 > div > div a,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 > div > div a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 > div > div a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 > div > div a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 > div > div a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 > div > div a {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .titleDescContainer .Blank_Title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .titleDescContainer .Blank_Title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .titleDescContainer .Blank_Title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .titleDescContainer .Blank_Title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .titleDescContainer .Blank_Title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .titleDescContainer .Blank_Title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .titleDescContainer .Blank_Title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .titleDescContainer .Blank_Title {
    padding-top: 8px;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 img,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 img,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 img {
    width: 100%;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 8px 0;
    padding: 0;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .title a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .title a,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .title a,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .title a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .title a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .title a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .title a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .title a {
    color: #333;
    line-height: 1.2;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .description p,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .description p,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .description p,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .description p,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .description p,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .description p,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .description p,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .description p {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.2;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 li,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 li,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 li,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 li,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 li,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 li,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 li,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 li {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.2;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .ButtonContainer,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .ButtonContainer,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .ButtonContainer,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .ButtonContainer,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .ButtonContainer,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .ButtonContainer,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .ButtonContainer,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .ButtonContainer {
    display: none;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .image,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .image {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .image a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image a,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .image a,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .image a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .image a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .image a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .image a,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .image a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .image a span.authgrid-item-img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image a span.authgrid-item-img,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .image a span.authgrid-item-img,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .image a span.authgrid-item-img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .image a span.authgrid-item-img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .image a span.authgrid-item-img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .image a span.authgrid-item-img,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .image a span.authgrid-item-img {
    font-size: 0;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .image a > .authgrid-item-title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image a > .authgrid-item-title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .image a > .authgrid-item-title,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .image a > .authgrid-item-title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .image a > .authgrid-item-title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .image a > .authgrid-item-title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .image a > .authgrid-item-title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .image a > .authgrid-item-title {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
    text-align: center !important;
    width: 100%;
    margin-top: 10px;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1 .image.Border,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image.Border,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2 .image.Border,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3 .image.Border,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .image.Border,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .image.Border,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .image.Border,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 .image.Border {
    padding: 10px 12px;
  }

  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.Center {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 !important;
    padding: 12px 6px !important;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.Center .image.No.Border {
    flex-direction: column;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.Center .image.No.Border span.authgrid-item-title {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.Center .image.No.Border img {
    height: 29px;
    width: auto;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.Center .titleDescContainer .title {
    display: none;
  }

  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign-, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null {
    border: 0 !important;
    padding: 0 !important;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- .image, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null .image {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 !important;
    flex-direction: column;
    padding: 10px 12px;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- .titleDescContainer .title, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null .titleDescContainer .title {
    display: none;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- .titleDescContainer .title ~ .description, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null .titleDescContainer .title ~ .description {
    margin-top: 8px;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- span.authgrid-item-title, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null span.authgrid-item-title {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- img, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null img {
    width: 100%;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- .title, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null .title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 8px 0;
    padding: 0;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- .title a, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null .title a {
    color: #333;
    line-height: 1.2;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- .description p, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null .description p {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.2;
  }
  .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.textAlign- > div > div a, .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox.null > div > div a {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
  }

  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .authorable-grid.gridBox:has(.image.Background),
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox:has(.image.Background) {
    border: 0 !important;
    padding: 10px !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .authorable-grid.gridBox:has(.image.Background) .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox:has(.image.Background) .image {
    border: 0 !important;
    padding: 0 !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .authorable-grid.gridBox,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 10px !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5 .authorable-grid.gridBox .image,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4 .authorable-grid.gridBox .image {
    border: 0 !important;
    padding: 0 !important;
  }

  .contentWrapper .contentWrapper {
    padding: 0 !important;
  }

  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 .authgrid-item-title,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .authgrid-item-title {
    min-height: 24px;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image.Rounded {
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 0;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .image.Rounded img {
    max-width: 115px;
    width: 100%;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .titleDescContainer {
    padding: 0 8px;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin: 8px 0;
    padding: 0;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .title a {
    color: #333;
    line-height: 1.2;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .description p {
    font-size: 12px;
    font-weight: 300;
    color: #333;
    line-height: 1.2;
  }
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2 .ButtonContainer {
    display: none;
  }
}
.Authorable_Grid.Authorable_GridNew .authgrid-item-title {
  display: none;
}
@media (max-width: 767.98px) {
  .Authorable_Grid.Authorable_GridNew .authgrid-item-title {
    display: block;
    display: -webkit-box;
    height: 28.8px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 269.98px) and (max-width: 389.98px) {
  .right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3 {
    grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important;
  }
}

@media (min-width: 269.98px) and (max-width: 359.98px) {
  .Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)) !important;
    grid-gap: 0.45rem !important;
  }
}
@media (min-width: 359.98px) and (max-width: 389.98px) {
  .Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important;
    grid-gap: 0.45rem !important;
  }
}
@media (min-width: 389.98px) and (max-width: 449.98px) {
  .Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
    grid-gap: 0.45rem !important;
  }
}
@media (min-width: 449.99px) and (max-width: 519.98px) {
  .Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  }
}
@media (min-width: 519.99px) and (max-width: 639.98px) {
  .Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  }
}
@media (min-width: 639.99px) and (max-width: 767.98px) {
  .Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-2,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-3,
.Authorable_Grid.Authorable_GridNew .row .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-1,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-2,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-3,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-4,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-5,
.right_col .Authorable_Grid.Authorable_GridNew .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
  }
}

/****** Primary Colors ******/
/****** Secondary Colors ******/
.MuiListItem-gutters > .MuiListItem-gutters {
  padding: 0;
}

.userRatings {
  align-self: center;
  font-size: 16px;
  line-height: 24px;
  margin: 0 4px;
  cursor: pointer;
}

.fa-share-alt,
.fa-file-alt,
.fa-print {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
}

.fa-print {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z"/></svg>');
}

.fa-file-alt {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path fill="rgb(0, 73, 135)"  d="M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z"/></svg>');
}

.fa-share-alt {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M448 128C448 181 405 224 352 224C323.1 224 297.2 211.2 279.6 191L189.9 235.9C191.3 242.4 191.1 249.1 191.1 255.1C191.1 262.9 191.3 269.6 189.9 276.1L279.6 320.1C297.2 300.8 323.1 287.1 352 287.1C405 287.1 448 330.1 448 384C448 437 405 480 352 480C298.1 480 256 437 256 384C256 377.1 256.7 370.4 258.1 363.9L168.4 319C150.8 339.2 124.9 352 96 352C42.98 352 0 309 0 255.1C0 202.1 42.98 159.1 96 159.1C124.9 159.1 150.8 172.8 168.4 192.1L258.1 148.1C256.7 141.6 256 134.9 256 128C256 74.98 298.1 32 352 32C405 32 448 74.98 448 128H448zM95.1 304C122.5 304 143.1 282.5 143.1 256C143.1 229.5 122.5 208 95.1 208C69.49 208 47.1 229.5 47.1 256C47.1 282.5 69.49 304 95.1 304zM352 80C325.5 80 304 101.5 304 128C304 154.5 325.5 176 352 176C378.5 176 400 154.5 400 128C400 101.5 378.5 80 352 80zM352 432C378.5 432 400 410.5 400 384C400 357.5 378.5 336 352 336C325.5 336 304 357.5 304 384C304 410.5 325.5 432 352 432z"/></svg>');
}

.fa-info-circle {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
}

.fa-info-circle.freeShppingToolTip::before,
.fa-info-circle.ToolTip::before,
.fa-info-circle::before,
.orderSummary .heading .fa-info-circle::before,
.reviewDesktopView .fa-heart::before {
  content: "" !important;
}

.auto-reorder-toolTip .fa-regular.fa-info-circle {
  margin: 0;
}

.productDetailWrapper {
  position: relative;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .productDetailWrapper .breadCrumbText {
    width: 73%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .breadCrumbText {
    width: 84%;
  }
}
.productDetailWrapper .breadCrumbText .MuiBreadcrumbs-ol {
  display: block;
  overflow: auto;
  padding: 10px 0;
}
.productDetailWrapper .breadCrumbText .MuiBreadcrumbs-ol li {
  display: inline-block;
  vertical-align: middle;
}
.productDetailWrapper .tabContainer .MuiTab-root {
  font-size: 17px;
}
.productDetailWrapper .tabContainer .MuiTab-root.Mui-selected {
  color: #004e7d;
}
.productDetailWrapper .pdpTabs .MuiTab-root:not(.Mui-selected) {
  background-color: #d5e0e6;
}
.productDetailWrapper .pdpTabs .MuiTab-root:not(.Mui-selected) .MuiTab-wrapper {
  color: #212934;
}
.productDetailWrapper .pdpTabs button.MuiTab-root:not(:last-of-type), .productDetailWrapper .pdpTabs h2.MuiTab-root:not(:last-of-type) {
  margin: 0 8px 0 0;
}
.productDetailWrapper .pdpTabs button.MuiTab-root:last-of-type, .productDetailWrapper .pdpTabs h2.MuiTab-root:last-of-type {
  margin: 0;
}
.productDetailWrapper .pdpTabs .MuiTab-root.Mui-selected {
  color: #ffffff;
  background-color: #004e7d;
  margin: 0;
}
.productDetailWrapper .pdpTabs .MuiTab-root.Mui-selected .MuiTab-wrapper {
  color: #ffffff;
}
.productDetailWrapper .pdpTabs .MuiTab-wrapper {
  font-weight: 400;
  line-height: normal;
}
.productDetailWrapper .dv-star-rating-star {
  padding: 0;
  padding-right: 4px;
  cursor: pointer;
}
.productDetailWrapper .heading {
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  margin: 20px 0;
}
.productDetailWrapper .prod-mpn-num {
  padding-left: 8px;
}
@media (min-width: 768px) {
  .productDetailWrapper .prod-mpn-num {
    padding-left: 48px;
  }
}
.productDetailWrapper .productImage,
.productDetailWrapper .productDetailsSection {
  width: 48%;
}
.productDetailWrapper .productImage .itemsDetails,
.productDetailWrapper .productDetailsSection .itemsDetails {
  list-style: inherit;
  padding-left: 20px;
  padding-top: 20px;
}
.productDetailWrapper .scrolledBelow {
  align-items: end !important;
}
.productDetailWrapper .scrolledBelow .MuiSvgIcon-root {
  bottom: -57px !important;
}
.productDetailWrapper .prod-mpn-num,
.productDetailWrapper .prod-itemkey-num {
  color: #212934;
  font-size: 15px;
  letter-spacing: 1.4px;
  padding-bottom: 0;
  padding-top: 0;
  font-weight: 400;
}
.productDetailWrapper .prod-mpn-num strong,
.productDetailWrapper .prod-itemkey-num strong {
  color: #212934;
  font-size: 15px;
  font-weight: 400;
}
.productDetailWrapper .productOverview {
  display: flex;
  justify-content: space-between;
}
.productDetailWrapper .productOverview .productImage {
  display: flex;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .productDetailWrapper .productOverview .productImage {
    width: 49%;
  }
}
.productDetailWrapper .productOverview .productImage .shownColor {
  position: absolute;
  bottom: 40px;
  z-index: 2;
  width: 80%;
  margin: 0 auto;
  margin-left: -40%;
  left: 50%;
}
.productDetailWrapper .productOverview .productImage .shownColor .shownColorBackground {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  padding: 5px 10px;
  background: #e7e7e7;
  border: 1px solid #b7b7b7;
}
.productDetailWrapper .productOverview .productImage .shownColor p {
  font-size: 14px;
  color: #000;
  position: relative;
  line-height: 30px;
}
.productDetailWrapper .upgradeAndSavingsSection {
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .upgradeAndSavingsSection {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .tabformsWrapper {
  margin-bottom: 0 !important;
}
.productDetailWrapper .upgradeAndSavingsSection .productContainer {
  border: 1px solid #bcbec0;
  border-radius: 5px;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.productDetailWrapper .upgradeAndSavingsSection .showMoreUpgradablesClass {
  padding-top: 12px;
}
.productDetailWrapper .upgradeAndSavingsSection .showMoreUpgradablesClass a {
  color: #004e7d;
  font-weight: 600;
}
.productDetailWrapper .productDetailsSection {
  width: 100%;
}
@media (min-width: 768px) {
  .productDetailWrapper .productDetailsSection {
    width: 49%;
  }
}
.productDetailWrapper .productDetailsSection .showMoreUpgradablesClass a {
  color: #004e7d;
  font-weight: 500;
}
.productDetailWrapper .pdpIcons {
  color: #004e7d;
  font-size: 14px;
  font-weight: 600;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 768px) {
  .productDetailWrapper .pdpIcons {
    position: absolute;
    right: 0;
    top: 22px;
  }
}
.productDetailWrapper .pdpIcons > div {
  padding-bottom: 8px;
}
.productDetailWrapper .pdpIcons .link {
  color: #004e7d;
}
.productDetailWrapper .pdpIcons .inlineFlexWrapper {
  padding-left: 16px;
  display: flex;
  cursor: pointer;
  min-width: auto;
  align-items: center;
}
.productDetailWrapper .pdpIcons .inlineFlexWrapper button.MuiButtonBase-root.MuiButton-root.MuiButton-text.fa-duotone.fa-heart {
  min-width: auto;
}
.productDetailWrapper .pdpIcons .inlineFlexWrapper.accountWishList {
  padding-bottom: 0;
  display: inline-flex;
  vertical-align: top;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper {
    padding-left: 0px;
    margin-right: 10px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper {
    padding-bottom: 8px;
  }
}
.productDetailWrapper .pdpIcons .inlineFlexWrapper .fal {
  font-size: 21px;
  font-weight: 500;
  min-width: auto;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper .fal {
    padding: 10px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper .fal {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper > span {
    display: flex;
    font-weight: 500;
    flex-wrap: wrap;
    padding: 0 3px;
    padding-left: 6px;
    line-height: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper > span {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .inlineFlexWrapper > span {
    display: none;
  }
}
.productDetailWrapper .pdpIcons .productListWrapper .MuiTooltip-tooltip {
  margin: 0;
}
.productDetailWrapper .pdpIcons .toolTipWishList {
  position: inherit !important;
  width: 250px !important;
  padding: 0 !important;
}
.productDetailWrapper .pdpIcons .toolTipWishList::before, .productDetailWrapper .pdpIcons .toolTipWishList::after {
  content: none !important;
}
.productDetailWrapper .pdpIcons .toolTipWishList::before, .productDetailWrapper .pdpIcons .toolTipWishList::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  right: 10px;
  left: initial !important;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .toolTipWishList::before, .productDetailWrapper .pdpIcons .toolTipWishList::after {
    right: 30px;
    left: initial;
  }
}
.productDetailWrapper .pdpIcons .toolTipWishList::before {
  top: 0px !important;
  border-bottom: solid 10px #dadada !important;
}
.productDetailWrapper .pdpIcons .toolTipWishList::after {
  top: 1px !important;
  border-bottom: solid 10px #fff !important;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 16px;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: block;
  color: #212934;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addListClick .flexDisplay span.desc {
  padding-left: 0px !important;
  padding-right: 4px;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addButton {
  border-bottom: 2px solid #D8D8D8;
  padding: 0 16px 20px 16px;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
  margin-right: 10px;
  color: #212934 !important;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton {
  height: 35px;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.productDetailWrapper .pdpIcons .toolTipWishList .showCreateList .groupList li {
  padding: 11px 16px !important;
  color: #004E7D;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.productDetailWrapper .pdpIcons .toolTipWishList .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .toolTipWishList .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productDetailWrapper .pdpIcons .toolTipWishList .showCreateList .groupList li:hover {
  background-color: #004e7d;
  color: #ffffff;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start !important;
  padding: 0 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList {
    margin: 0 0 12px;
  }
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin: 0;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #808080;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList .customBtn {
  height: 40px;
}
.productDetailWrapper .pdpIcons .toolTipWishList .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #212934;
}
.productDetailWrapper .pdpIcons .toolTipWishList .fa-duotone::before, .productDetailWrapper .pdpIcons .toolTipWishList .fa-duotone::after {
  content: "" !important;
}
.productDetailWrapper .pdpIcons .MuiTooltip-tooltipArrow .MuiTooltip-arrow {
  width: 20px;
  height: 20px;
  margin: 0;
  color: #dadada;
  z-index: 20;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
}
.productDetailWrapper .pdpIcons .MuiTooltip-tooltipArrow .MuiTooltip-arrow::before {
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  display: block;
  transform: rotate(45deg);
  background-color: currentColor;
}
.productDetailWrapper .pdpIcons .MuiTooltip-tooltipArrow .MuiTooltip-arrow::after {
  position: absolute;
  width: 17px;
  height: 14px;
  content: "";
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
  top: 0;
  margin-top: -10px;
}
.productDetailWrapper .pdpIcons .MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow {
  margin-bottom: -19px;
}
.productDetailWrapper .pdpIcons .MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow::before {
  margin-top: -14px;
  margin-left: -1px;
  transform-origin: initial;
}
.productDetailWrapper .pdpIcons .MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow {
  margin-top: -19px;
  top: 0;
}
.productDetailWrapper .pdpIcons .MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::before {
  margin-top: 4px;
  margin-left: -5px;
  transform-origin: 0 100%;
}
.productDetailWrapper .pdpIcons .MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::after {
  margin-top: 15px;
  margin-left: 2px;
}
.productDetailWrapper .pdpIcons .heartMenuClick {
  display: block;
  font-size: 14px;
  font-weight: 600;
  box-sizing: border-box;
  padding: 16px;
  width: 211px;
  border: 1px solid #dadada;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: 55px;
  top: 0px;
  cursor: pointer;
  /*@include for-Medium-device {
    top: 35px;
    right: 63px;
  }

  @include for-phone-only {
    right: 77px;
    top: 70px;
  }*/
}
.productDetailWrapper .pdpIcons .heartMenuClick::before, .productDetailWrapper .pdpIcons .heartMenuClick::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 166px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .pdpIcons .heartMenuClick::before, .productDetailWrapper .pdpIcons .heartMenuClick::after {
    right: 5px;
    left: inherit;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .heartMenuClick::before, .productDetailWrapper .pdpIcons .heartMenuClick::after {
    left: 182px;
  }
}
.productDetailWrapper .pdpIcons .heartMenuClick::before {
  top: -8px;
  border-bottom: solid 6px #dadada;
}
.productDetailWrapper .pdpIcons .heartMenuClick::after {
  top: -7px;
  border-bottom: solid 8px #fff;
}
.productDetailWrapper .pdpIcons .heartMenuClick .showCreateList {
  color: #212934;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.productDetailWrapper .pdpIcons .heartMenuClick .showCreateList .groupList li {
  margin: 0 0 16px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .heartMenuClick .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productDetailWrapper .pdpIcons .heartMenuClick .flexDisplay {
  display: flex !important;
  align-items: center;
}
.productDetailWrapper .pdpIcons .heartMenuClick .flexDisplay .fal {
  font-size: 24px;
  font-weight: 300;
  color: #004e7d;
}
.productDetailWrapper .pdpIcons .heartMenuClick .flexDisplay .fal.fa-plus {
  width: 10px;
  height: 10px;
}
.productDetailWrapper .pdpIcons .heartMenuClick .flexDisplay span.desc {
  padding-right: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #004e7d;
}
.productDetailWrapper .pdpIcons .heartMenuClick .addList {
  margin-top: 16px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .heartMenuClick .addList {
    margin: 0 0 12px;
  }
}
.productDetailWrapper .pdpIcons .heartMenuClick .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.productDetailWrapper .pdpIcons .heartMenuClick .addList .MuiOutlinedInput-input {
  padding: 10.5px 10px;
}
.productDetailWrapper .pdpIcons .heartMenuClick .addList .customBtn {
  height: 40px;
}
.productDetailWrapper .pdpIcons .heartMenuClick .displayList .icon {
  color: #71b946;
  margin-right: 8px;
}
.productDetailWrapper .pdpIcons .wishList-v2 {
  width: 250px !important;
  right: 160px;
}
.productDetailWrapper .pdpIcons .wishList-v2::before, .productDetailWrapper .pdpIcons .wishList-v2::after {
  border-left: solid 10px transparent !important;
  border-right: solid 10px transparent !important;
  left: 160px !important;
}
.productDetailWrapper .pdpIcons .wishList-v2::before {
  top: -11px !important;
  border-bottom: solid 10px #dadada !important;
}
.productDetailWrapper .pdpIcons .wishList-v2::after {
  top: -10px !important;
  border-bottom: solid 10px #fff !important;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addtolist-wrapper .addListClick {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 2px solid #D8D8D8;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addtolist-wrapper .addListClick .lableList {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  color: #000;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addtolist-wrapper .addButton {
  padding-bottom: 20px;
  border-bottom: 2px solid #D8D8D8;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addtolist-wrapper .addButton .grayOutlinedButton {
  border: 1px solid #D8D8D8 !important;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton {
  margin-right: 10px;
  height: 35px;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addtolist-wrapper .addButton .blueOutlinedButton .MuiButton-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.productDetailWrapper .pdpIcons .wishList-v2 .showCreateList .groupList li {
  padding: 16px 0 16px 10px !important;
  padding-left: 10px;
  color: #004E7D;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid #D8D8D8;
  margin: 0px !important;
}
.productDetailWrapper .pdpIcons .wishList-v2 .showCreateList .groupList li:last-child {
  border: none;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .wishList-v2 .showCreateList .groupList li {
    margin: 0 0 12px;
  }
}
.productDetailWrapper .pdpIcons .wishList-v2 .showCreateList .groupList li:hover {
  background-color: #D8D8D8;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 5px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList {
    margin: 0 0 12px;
  }
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList .MuiFormControl-marginNormal {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 0px;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList .MuiInputBase-root {
  border: 1px solid #808080;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList .MuiOutlinedInput-input {
  padding: 7.5px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #424C5B;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList .customBtn {
  height: 40px;
}
.productDetailWrapper .pdpIcons .wishList-v2 .addListScroll .addList .lableWishList {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
}
.productDetailWrapper .productDetailsSection {
  padding-bottom: 0;
}
.productDetailWrapper .productDetailsSection .tagSlack.tagsRow {
  min-height: auto;
  padding-bottom: 0;
  z-index: -1;
  position: relative;
}
.productDetailWrapper .productDetailsSection .sizeList .drop-down-list .MuiOutlinedInput-input {
  padding: 11px 12px !important;
}
.productDetailWrapper .productDetailsSection .tabformsWrapper {
  border-radius: 4px;
  margin-bottom: 32px;
}
.productDetailWrapper .productDetailsSection .tabformsWrapper .priceBoxContainer,
.productDetailWrapper .productDetailsSection .tabformsWrapper .tabContainer .MuiAppBar-root {
  background-color: rgba(0, 78, 125, 0.04);
}
.productDetailWrapper .productDetailsSection .tabformsWrapper .priceBoxContainer .MuiTab-root,
.productDetailWrapper .productDetailsSection .tabformsWrapper .tabContainer .MuiAppBar-root .MuiTab-root {
  width: 50%;
}
.productDetailWrapper .productDetailsSection .prodInfoDesc {
  width: 100%;
  -webkit-line-clamp: 3;
  text-overflow: clip;
  -webkit-box-orient: horizontal;
  height: 75px;
  margin-top: 30px;
}
.productDetailWrapper .productDetailsSection .freeShipping {
  flex-wrap: wrap;
  align-items: center;
}
.productDetailWrapper .productDetailsSection .freeShipping span {
  font-weight: 500;
}
.productDetailWrapper .productDetailsSection .freeShipping .shipAvialMsgClass.sameDayShipping {
  color: #004e7d !important;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.productDetailWrapper .productDetailsSection .variantSwatch {
  flex-wrap: wrap;
}
.productDetailWrapper .productDetailsSection .variantSwatch h5 {
  font-size: 14px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1.5px;
  margin: 8px 0;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch {
  display: block;
  margin: 0 2% 0 0;
  text-align: center;
  padding: 5px;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch > span {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin-right: 0px !important;
  margin: 0 auto !important;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch > span.pdppage_swatch.title {
  width: auto !important;
  height: auto !important;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch > span:first-child {
  margin-top: 5px !important;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch > span:last-child {
  margin-top: 5px !important;
  display: block;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch.activeColorVariant {
  padding: 0;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch.activeColorVariant.multiple > span:first-child {
  outline: 2px solid;
  outline-offset: 2px;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch.activeColorVariant:not(.multiple) > span {
  border: 5px white;
  border-style: double;
  box-sizing: content-box;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch.activeColorVariant:not(.multiple) > span:first-child {
  margin-top: 2px !important;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch.activeColorVariant:not(.multiple) > span:last-child {
  display: inline-block;
  margin: 0 auto 0 !important;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch.activeColorVariant span.whiteColorvariant {
  border: 2px #212934;
  border-style: double;
  box-sizing: content-box;
}
.productDetailWrapper .productDetailsSection .variantSwatch .colorswatch span.title {
  font-size: 14px;
  font-weight: 400;
  color: #424c5b;
}
.productDetailWrapper .productDetailsSection .returnPlicyBox h6 {
  font-size: 14px;
  color: #424c5b;
  font-weight: normal;
}
.productDetailWrapper .productDetailsSection .returnPlicyBox a h6 {
  color: #004e7d;
  opacity: 1;
  margin-left: 8px;
  font-weight: 500;
}
.productDetailWrapper .productDetailsSection .sizeList label.MuiFormLabel-root {
  padding-top: 0;
  margin-top: 5px;
  font-weight: 500;
}
.productDetailWrapper .productDetailsSection .sizeList .MuiInputBase-root {
  max-width: 50%;
  height: 48px;
  margin-bottom: 20px;
}
.productDetailWrapper .productDetailsSection .sizeList span.flexWrapper {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 3px;
}
.productDetailWrapper .subTitle {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}
.productDetailWrapper .pdpReviewAndFaqGlanceClass {
  padding-bottom: 25px;
}
.productDetailWrapper .pdpReviewAndFaqGlanceClass label {
  cursor: pointer !important;
}
.productDetailWrapper .pdpReviewAndFaqGlanceClass .pdpPriceHorizontalBar {
  padding-right: 10px;
}
.productDetailWrapper .pdpReviewAndFaqGlanceClass .priceSectionFaqCountClass {
  cursor: pointer;
  color: #424c5b;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
}
.productDetailWrapper .pdpReviewAndFaqGlanceClass .zeroTopMargin {
  display: flex;
  align-items: center;
}
.productDetailWrapper .pdpReviewAndFaqGlanceClass .zeroTopMargin .userRatings {
  align-self: center;
  font-size: 15px;
  padding-bottom: 0;
  line-height: 24px;
  margin-top: 2px;
  font-weight: 400;
  padding-right: 7px;
}
.productDetailWrapper .priceSection {
  padding-top: 20px;
  flex-direction: row;
  align-items: self-start;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection {
    align-items: inherit;
    padding: 0 10px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection .pdpqty {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection .cartButtons > button {
    display: none;
  }
}
.productDetailWrapper .priceSection .relativeDiv {
  width: 12%;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection .relativeDiv {
    width: 20%;
  }
}
.productDetailWrapper .priceSection .cartButtons {
  width: calc(100% - 0px);
  padding-top: 10px;
  margin-left: 16px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection .cartButtons {
    margin-left: 0;
    margin-bottom: 0px;
    padding-top: 22px;
  }
}
.productDetailWrapper .priceSection .cartButtons .restocked {
  margin: 10px 0;
}
.productDetailWrapper .priceSection .cartButtons .notifybox {
  border: 1px solid #d2d3d4;
  padding: 16px;
  margin: 16px 0;
}
.productDetailWrapper .priceSection .cartButtons .notifybox .MuiGrid-container {
  align-items: center;
  margin: 0;
  width: calc(100% + 26px);
}
.productDetailWrapper .priceSection .cartButtons .notifybox .MuiGrid-container .notifyTitle {
  font-size: 16px;
  margin-right: 4px;
}
.productDetailWrapper .priceSection .cartButtons .notifybox .MuiGrid-container .MuiTypography-caption {
  font-size: 16px;
}
.productDetailWrapper .priceSection .cartButtons .notificationArea {
  color: red;
  margin-top: 8px;
}
.productDetailWrapper .priceSection .cartButtons .notificationArea .success {
  color: #212934;
}
.productDetailWrapper .priceSection .cartButtons .notificationArea .success svg {
  vertical-align: middle;
  color: #71b946;
}
.productDetailWrapper .priceSection .cartButtons .MuiOutlinedInput-input {
  height: 50px;
  box-sizing: border-box;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection .cartButtons .MuiOutlinedInput-input {
    padding: 18.5px 10px;
  }
}
.productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper {
  position: relative;
  margin-top: 12px;
}
.productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper .subscription-msg-wrapper {
  display: flex;
  color: #71b946;
  margin: 10px 0;
}
.productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper .subscription-msg-wrapper p {
  font-size: 14px;
  /*@include for-phone-only {
    color: #212934;
    font-weight: 300;
    line-height: 1;
    align-self: center;
  }*/
}
.productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper .subscription-msg-wrapper .MuiSvgIcon-root {
  margin-right: 10px;
  fill: #71b946;
  font-size: 22px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection {
    right: 0;
    top: 0;
    position: relative;
    padding: 0 0 0 5px !important;
  }
  .productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip {
    right: -38px;
    min-width: 280px;
    top: 35px;
  }
  .productDetailWrapper .priceSection .cartButtons .auto-reorder-wrapper .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip::before {
    right: 35px;
  }
}
.productDetailWrapper .priceSection .cartButtons .blueOutlinedButton {
  margin-top: 4px;
}
.productDetailWrapper .priceSection .nativeSelect {
  margin-right: 8px;
}
.productDetailWrapper .priceSection .minPurchaseQtyClass {
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-top: 11px;
}
.productDetailWrapper .priceSection .mobileLabel {
  color: #424c5b;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 0;
}
@media (min-width: 768px) {
  .productDetailWrapper .priceSection {
    padding: 40px 6px 0 0;
    flex-direction: row;
    justify-content: space-between;
  }
  .productDetailWrapper .priceSection .mobileLabel {
    display: none;
  }
  .productDetailWrapper .priceSection .cartButtons {
    padding-top: 0;
  }
  .productDetailWrapper .priceSection .pdpqty .quantityDD .autoCompleteBox .MuiOutlinedInput-input {
    padding: 10px 12px;
  }
}
.productDetailWrapper .MuiCard-root {
  box-shadow: none;
}
.productDetailWrapper .MuiTab-root {
  border-bottom: 0;
  min-width: 230px;
  max-width: inherit;
  font-weight: 400;
  color: #212934;
  opacity: 1;
}
.productDetailWrapper .MuiTab-root.Mui-selected {
  font-weight: 500;
  margin-bottom: -2px;
}
.productDetailWrapper .MuiTab-root .MuiTabs-fixed {
  overflow: visible !important;
}
.productDetailWrapper .productDetailsSection .MuiTab-root {
  min-width: auto;
  line-height: 1.1;
}
.productDetailWrapper .MuiTabs-root {
  border-bottom: 1px solid #bcbec0;
  overflow: visible;
}
.productDetailWrapper .MuiTab-wrapper {
  align-items: center;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.productDetailWrapper .tabContents {
  padding-top: 40px;
}
.productDetailWrapper .tabContents .MuiTypography-caption {
  font-size: 16px;
  padding-bottom: 16.5px;
  display: flex;
}
.productDetailWrapper .tabContents .MuiTable-root td {
  width: 50%;
}
.productDetailWrapper .MuiTableCell-root {
  padding: 0 16px;
  height: 40px;
  border: 1px solid #bcbec0;
  color: #424c5b;
  font-family: Kanit;
  font-size: 14px;
}
.productDetailWrapper .compareProductTable .MuiTableCell-root .refVariantSection a {
  font-size: 16px;
  font-weight: 400;
}
.productDetailWrapper .tableHead {
  background-color: #f3f3f3;
  width: 50%;
}
.productDetailWrapper .MuiTableCell-alignRight {
  text-align: left;
}
.productDetailWrapper .justContentSpaceBw {
  padding-top: 31.5px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .justContentSpaceBw {
    padding-top: 0px;
  }
}
.productDetailWrapper .prodInfoDesc {
  color: #212934;
  font-weight: 300;
  width: 100%;
}
@media (min-width: 768px) {
  .productDetailWrapper .prodInfoDesc {
    width: 60%;
  }
}
.productDetailWrapper .prodInfoDesc b {
  color: #212934;
}
.productDetailWrapper .prodInfoDesc ul {
  margin: 0 18px;
}
.productDetailWrapper .prodInfoDesc ul li {
  list-style: disc;
}
.productDetailWrapper .prodInfoSection .MuiCard-root .MuiCardContent-root {
  padding: 0;
}
.productDetailWrapper .prodInfoSection .MuiCard-root .MuiCardContent-root .MuiAccordionSummary-root {
  padding: 0;
}
@media (min-width: 768px) {
  .productDetailWrapper .prodInfoSection .MuiCard-root .MuiCardContent-root {
    padding: 16px 0;
  }
}
.productDetailWrapper .prodInfoSection .tabContents .MuiTableContainer-root {
  padding-right: 16px;
}
.productDetailWrapper .guidesSection {
  text-align: right;
  width: 100%;
}
.productDetailWrapper .guidesSection .MuiIconButton-edgeEnd {
  margin: 0px !important;
}
.productDetailWrapper .guidesSection .MuiAccordionSummary-expandIcon.Mui-expanded {
  transform: rotate(0deg);
}
.productDetailWrapper .guidesSection .MuiAccordionSummary-expandIcon {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .productDetailWrapper .guidesSection {
    width: 40%;
  }
}
.productDetailWrapper .lineDivider {
  display: none;
}
.productDetailWrapper .frequentlyViewedProductList {
  align-items: flex-start;
  display: flex;
  /*.shippingTag {
          white-space: nowrap;
      }*/
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile {
  display: flex;
  width: 100%;
  padding-top: 14px;
  flex-direction: column;
  /* .rec-item-wrapper {
    width: 200px !important;
  } */
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile .compareProduct {
  display: flex;
  padding-bottom: 0;
  align-items: baseline;
  position: relative;
  width: 100%;
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile .compareProduct .description {
  align-self: center;
  padding-left: 6px;
  display: flex;
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile .compareProduct .description .ellipsis {
  min-height: auto;
  width: auto;
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile .compareProduct .description .price {
  font-size: 14px;
  padding-top: 0;
  padding-left: 4px;
  line-height: 21px;
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile #productContainer {
  padding: 0;
}
.productDetailWrapper .frequentlyViewedProductList .itemListMobile h4,
.productDetailWrapper .frequentlyViewedProductList .itemListMobile .imageSection {
  margin-right: 0;
}
.productDetailWrapper .frequentlyViewedProductList #productContainer {
  min-height: auto;
  border: 0;
  padding: 10px;
}
.productDetailWrapper .frequentlyViewedProductList #productContainer:hover {
  box-shadow: 0 0 8px #cccccc;
}
.productDetailWrapper .frequentlyViewedProductList #productContainer .fa-star::before {
  content: "⭑";
}
.productDetailWrapper .frequentlyViewedProductList #productContainer .fa-star.fa-xs {
  font-size: 2em;
  vertical-align: -0.2em;
  margin: -2px;
}
.productDetailWrapper .frequentlyViewedProductList .itemkeyDetails {
  min-height: auto;
}
.productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper {
  width: 172px !important;
  margin-top: 100px;
}
@media (max-width: 991.98px) {
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper {
    padding-top: 22px;
  }
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
    display: flex;
    width: 100% !important;
    border: 1px solid #bcbec0;
    border-radius: 2px;
    height: 50px;
    align-items: center;
    padding: 6px;
    margin-bottom: 17px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
  }
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
    width: 48% !important;
    padding-left: 12px;
    margin-bottom: 0;
  }
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper .totalSumup p {
    font-weight: normal;
  }
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper .totalSumup .price {
    font-size: 28px;
    font-weight: 600;
    margin-top: -5px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .frequentlyViewedProductList .totalCartSumPaper .customBtn {
    width: 48% !important;
  }
}
.productDetailWrapper .frequentlyViewedProductList .contentMargin {
  max-width: 210px;
}
.productDetailWrapper .frequentlyViewedProductList .description p {
  min-height: auto;
  padding: 0;
  margin: 0;
}
.productDetailWrapper .frequentlyViewedProductList .description p.ellipsis {
  min-height: 80px;
  padding: 0;
  display: table;
}
.productDetailWrapper .frequentlyViewedProductList .description p.ellipsis .prodDescClass {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  word-break: break-word;
}
.productDetailWrapper .frequentlyViewedProductList .description p.prod-itemkey-num {
  margin-top: 5px;
  font-size: 15px;
  font-weight: 400;
}
.productDetailWrapper .frequentlyViewedProductList .description p.prod-itemkey-num strong {
  font-weight: 400;
  text-transform: uppercase;
}
.productDetailWrapper .frequentlyViewedProductList section {
  position: relative;
}
.productDetailWrapper .frequentlyViewedProductList section .price {
  font-size: 22px;
  width: 100%;
}
.productDetailWrapper .frequentlyViewedProductList section .price .soldpkg {
  font-size: 13px;
  letter-spacing: -0.1px;
}
.productDetailWrapper .frequentlyViewedProductList section .price .soldpkg span {
  font-size: 13px;
}
.productDetailWrapper .frequentlyViewedProductList section .price .soldpkg .bold {
  margin-left: 2px;
}
.productDetailWrapper .frequentlyViewedProductList section .oldprice {
  right: 0;
  top: 16px;
}
.productDetailWrapper .frequentlyViewedProductList .compareProduct {
  left: 0;
  text-align: left;
  top: 0;
  margin: 8px;
  min-height: 20px;
}
.productDetailWrapper .upgradeAndSavingsSection .MuiCardContent-root {
  padding: 0;
  border: 1px solid #bcbec0;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .productDetailWrapper .upgradeAndSavingsSection .MuiCardContent-root {
    border: none;
    border-radius: 0;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .MuiGrid-container {
  padding: 20px 0;
  margin: 10px auto;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .upgradeAndSavingsSection .MuiGrid-container {
    padding: 0;
    margin-top: 10px;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .MuiGrid-container .MuiGrid-grid-xs-6 {
  max-width: 100%;
}
@media (min-width: 768px) {
  .productDetailWrapper .upgradeAndSavingsSection .MuiGrid-container {
    background: #f8f8f8;
  }
  .productDetailWrapper .upgradeAndSavingsSection .MuiGrid-container .MuiGrid-grid-xs-6 {
    max-width: 50%;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .MuiGrid-spacing-xs-3 > .MuiGrid-item {
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .upgradeAndSavingsSection .MuiGrid-spacing-xs-3 > .MuiGrid-item {
    padding: 0px;
  }
  .productDetailWrapper .upgradeAndSavingsSection .MuiGrid-spacing-xs-3 > .MuiGrid-item.MuiGrid-grid-xs-6 {
    flex-basis: 100%;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .savingsSection {
  border-radius: 4px 4px 0 0;
  background-color: #e1f4d5;
  padding: 8px 10px;
  line-height: 18px;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection {
  flex-direction: row;
  padding: 0 20px 1px 40px;
  /* .userRatings{
              align-self: end;
              padding-bottom: 6px;
  font-size: 16px;
  line-height: 24px;
          }*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .upgradeAndSavingsSection .productSection {
    padding: 0 10px 25px 10px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .upgradeAndSavingsSection .productSection {
    padding: 0 10px 25px 10px;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .imageSection {
  width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  .productDetailWrapper .upgradeAndSavingsSection .productSection .imageSection {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .productDetailWrapper .upgradeAndSavingsSection .productSection .imageSection img {
    width: 100%;
    height: auto;
  }
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .description {
  width: 100%;
}
@media (min-width: 768px) {
  .productDetailWrapper .upgradeAndSavingsSection .productSection .description {
    width: calc(100% - 150px);
  }
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .description p.ellipsis {
  min-height: auto;
  font-weight: 600;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .description p.ellipsis a {
  color: #004e7d;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView {
  display: flex;
  justify-content: space-between;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .updagradeCompare {
  flex-direction: column;
  align-items: baseline;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .updagradeCompare .dv-star-rating {
  pointer-events: none;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .updagradeCompare .zeroTopMargin {
  display: flex;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .price {
  padding-top: 10px;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .selectWrapper {
  padding-top: 20px;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .shippingWrapper {
  min-height: auto;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .shippingWrapper .shippingTag.freeShipping {
  padding-right: 0;
  margin-top: 0;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .upgradeDesktopView .sameDayShipping {
  margin-top: 0;
  color: #212934;
}
.productDetailWrapper .upgradeAndSavingsSection .productSection .flexDisplay.flexDirectionCol {
  flex-direction: column;
}
.productDetailWrapper .upgradeAndSavingsSection .compareButton {
  width: 174px;
}
.productDetailWrapper .priceBoxContainer {
  display: flex;
  padding: 24px 4px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .productDetailWrapper .priceBoxContainer {
    flex-direction: row;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceBoxContainer {
    padding: 0px;
    margin-top: 20px;
  }
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .est_del_label {
  font-size: 14px;
  color: #004e7d;
  font-weight: 300;
  line-height: 20px;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .flexDisplay {
  align-items: flex-start;
  width: 210px;
  display: inline-block !important;
  margin-top: 9px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .priceBoxContainer .zipcodeUpdate .flexDisplay {
    width: 175px;
  }
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .flexDisplay .MuiIconButton-root {
  padding: 8px 8px;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .flexDisplay .MuiSvgIcon-root {
  font-size: 22px;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .flexDisplay .addIconMinus {
  font-size: 24px;
  font-weight: 500;
  color: grey;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .MuiFormHelperText-root.Mui-error {
  margin: 4px 0 10px;
  font-weight: normal;
  line-height: normal;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .MuiFormControl-marginNormal {
  margin: 0;
  margin-right: 10px;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .MuiOutlinedInput-root {
  margin: 0;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .MuiOutlinedInput-input {
  padding: 10px;
  max-width: 131px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .priceBoxContainer .zipcodeUpdate .MuiOutlinedInput-input {
    max-width: 100px;
  }
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .add_zip_codes {
  position: relative;
  top: 7px;
  align-self: flex-start;
  display: inline-block;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .add_zip_codes a {
  display: flex;
  align-items: center;
  background-color: none;
  border-radius: 50%;
  padding: 8px;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .add_zip_codes a:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 50%;
  padding: 8px;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .add_zip_codes a i.addIcon.fal.fa-plus-circle {
  font-size: 24px;
  font-weight: 500;
  color: grey;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .fa-plus-circle {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M232 344V280H168C154.7 280 144 269.3 144 256C144 242.7 154.7 232 168 232H232V168C232 154.7 242.7 144 256 144C269.3 144 280 154.7 280 168V232H344C357.3 232 368 242.7 368 256C368 269.3 357.3 280 344 280H280V344C280 357.3 269.3 368 256 368C242.7 368 232 357.3 232 344zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>');
  display: block;
  width: 24px;
  height: 22px;
  background-repeat: no-repeat;
}
.productDetailWrapper .priceBoxContainer .zipcodeUpdate .fa-minus-circle {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M344 232C357.3 232 368 242.7 368 256C368 269.3 357.3 280 344 280H168C154.7 280 144 269.3 144 256C144 242.7 154.7 232 168 232H344zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>');
  display: block;
  width: 24px;
  height: 22px;
  background-repeat: no-repeat;
}
.productDetailWrapper .priceBoxContainer .priceBox {
  text-align: left;
  width: 100%;
}
@media (min-width: 768px) {
  .productDetailWrapper .priceBoxContainer .priceBox {
    text-align: center;
    width: 40%;
  }
}
.productDetailWrapper .priceBoxContainer .priceBox .pricing .MuiTypography-caption {
  color: #212934;
  font-size: 32px;
}
@media (max-width: 991.98px) {
  .productDetailWrapper .priceBoxContainer .priceBox .pricing .MuiTypography-caption {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.75px;
  }
}
.productDetailWrapper .priceBoxContainer .priceBox .pricing .MuiTypography-caption.soldpkg {
  font-size: 14px;
  display: flex;
  font-weight: 400;
  width: 100%;
  justify-content: center;
  color: #646d7b;
  text-transform: unset;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceBoxContainer .priceBox .pricing .MuiTypography-caption.soldpkg {
    justify-content: left;
    margin-bottom: 5px;
  }
}
.productDetailWrapper .priceBoxContainer .priceBox .pricing .MuiTypography-caption.soldpkg span {
  color: #212934;
}
.productDetailWrapper .priceBoxContainer .priceBox .pricing .MuiTypography-caption.soldpkg .bold {
  margin-left: 5px;
}
.productDetailWrapper .priceBoxContainer .priceBox .callforpricing {
  color: #212934;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
}
.productDetailWrapper .priceBoxContainer .priceBox .MuiTypography-caption {
  color: #646d7b;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
.productDetailWrapper .priceBoxContainer .priceBox .MuiTypography-subtitle1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
}
.productDetailWrapper .priceBoxContainer .priceBox .MuiTypography-subtitle2 {
  font-weight: 500;
}
.productDetailWrapper .priceBoxContainer .priceBox .MuiTypography-subtitle2 .bold {
  font-weight: 500;
}
.productDetailWrapper .priceBoxContainer .priceBox .price_savings {
  color: #bcbec0;
  font-size: 16px;
  text-decoration: line-through;
  line-height: 17px;
  text-transform: lowercase;
}
.productDetailWrapper .priceBoxContainer .priceBox .fa-info-circle::before {
  font-size: 20px;
}
.productDetailWrapper .priceBoxContainer .priceBox .fa-info-circle .MuiTypography-subtitle2 {
  top: 30px;
}
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox {
  font-size: 14px;
  padding: 10px 50px 20px;
  color: #212934;
  width: 100%;
  text-align: left;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox {
    padding: 10px 30px;
  }
}
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .priceTag {
  transform: rotate(140deg);
  background-color: #004e7d;
  position: relative;
  padding: 0 10px 0 5px;
  margin-right: 15px;
  height: 10px;
  display: inline-block;
  margin-left: -30px;
}
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .priceTag::before {
  content: "";
  position: absolute;
  left: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #004e7d;
}
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .priceTag::after {
  content: "";
  background-color: #ffffff;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  right: 11px;
  top: 3px;
}
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .highlight,
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .saveperct {
  color: #004e7d;
  font-weight: 600;
}
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .learnhow,
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .applynow {
  color: #004e7d;
  font-weight: 500;
  margin-left: 5px;
}
.productDetailWrapper .priceBoxContainer .alignVCenter {
  width: 60%;
  flex-direction: column;
}
.productDetailWrapper .apply_zip_codes,
.productDetailWrapper .add_change_zip_codes {
  font-weight: 500;
  font-size: 15px;
}
.productDetailWrapper .apply_zip_codes a,
.productDetailWrapper .add_change_zip_codes a {
  color: #004e7d;
  line-height: 16px;
}
.productDetailWrapper .shippingindetails {
  width: 60%;
  margin-top: 3px;
  line-height: 22px;
}
.productDetailWrapper .shippingindetails .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productDetailWrapper .shippingindetails .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
  top: 25px !important;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .shippingindetails .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productDetailWrapper .shippingindetails .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: inherit;
    z-index: 2;
    top: 28px !important;
  }
  .productDetailWrapper .shippingindetails .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
.productDetailWrapper .shippingindetails .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 163px !important;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .shippingindetails {
    width: 100%;
    margin-top: 10px;
  }
}
.productDetailWrapper .shippingindetails .oneDayShipping .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productDetailWrapper .shippingindetails .oneDayShipping .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
  width: 275px !important;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .shippingindetails .oneDayShipping .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productDetailWrapper .shippingindetails .oneDayShipping .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: -160px;
  }
}
.productDetailWrapper .shippingindetails .freeShipping {
  display: flex;
  align-items: center;
  margin-top: 0 !important;
  padding-left: 0;
  padding-bottom: 22px;
}
.productDetailWrapper .shippingindetails .add_change_zip_codes a {
  color: #004e7d;
}
.productDetailWrapper .shippingindetails .apply_zip_codes {
  margin-top: 10px;
  width: 177px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .shippingindetails .apply_zip_codes {
    width: auto;
  }
  .productDetailWrapper .shippingindetails .apply_zip_codes .tooltip {
    left: 0;
    margin-left: 0;
    width: auto;
    white-space: nowrap;
  }
}
.productDetailWrapper .shippingindetails .estimatedDetails {
  list-style: none;
  font-weight: 300;
  font-size: 15px;
}
.productDetailWrapper .totalCartSumPaper p {
  color: #646d7b;
  font-size: 14px;
  font-weight: 600;
}
.productDetailWrapper .totalCartSumPaper .price {
  font-size: 17px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 9px;
}
@media (min-width: 992px) {
  .productDetailWrapper .totalCartSumPaper .price {
    font-size: 32px;
    color: #212934 !important;
    padding-bottom: 28px;
    padding-top: 10px;
    padding-left: 0;
  }
}
.productDetailWrapper .MuiPaper-root {
  box-shadow: none;
}
.productDetailWrapper .productContainer {
  padding-top: 24px;
  padding-bottom: 0;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .productContainer {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .productDetailWrapper .productContainer {
    padding-bottom: 32px;
  }
}
.productDetailWrapper .prodAddonSectionOfMobile {
  display: none;
}
.productDetailWrapper .prodAddonSectionOfMobile .productCarousel {
  width: 100%;
  padding-bottom: 0;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .productDetailWrapper .prodAddonSectionOfMobile {
    display: block;
  }
  .productDetailWrapper .prodAddonSectionOfMobile .MuiAccordionSummary-root {
    padding: 0;
  }
}
.productDetailWrapper .MuiAccordionSummary-expandIcon {
  margin-top: 12px;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .MuiAccordionSummary-expandIcon {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.productDetailWrapper .MuiAccordionSummary-expandIcon .MuiSvgIcon-root {
  fill: #004e7d;
}
.productDetailWrapper .MuiAccordionDetails-root {
  padding: 10px 0;
}
@media (min-width: 768px) {
  .productDetailWrapper .MuiAccordionDetails-root {
    padding: 8px 16px 16px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .MuiAccordionDetails-root {
    display: inherit;
  }
  .productDetailWrapper .MuiAccordionDetails-root p.MuiTypography-root.MuiTypography-caption.MuiTypography-displayBlock {
    font-size: 14px;
    padding: 5px 0;
    line-height: 16px;
  }
  .productDetailWrapper .MuiAccordionDetails-root table.MuiTable-root {
    margin-bottom: 12px;
  }
}
.productDetailWrapper .MuiAccordionSummary-root.Mui-expanded {
  border-bottom: 1px solid #bcbec0;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .MuiAccordionSummary-root.Mui-expanded {
    border-bottom: none;
  }
}
.productDetailWrapper .prodAddonSection {
  display: block;
}
.productDetailWrapper .prodAddonSection .productCarousel {
  padding-top: 30px;
}
.productDetailWrapper .prodAddonSection .MuiCardContent-root {
  padding: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .prodAddonSection .MuiCardContent-root {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  .productDetailWrapper .prodAddonSection .MuiCardContent-root {
    padding: 16px 0;
  }
}
.productDetailWrapper .prodAddonSection .focusedFields {
  width: 0.1px;
  height: 0.1px;
  border: 1px solid transparent !important;
  opacity: 0;
}
.productDetailWrapper .prodAddonSection .focusedFields:focus-visible {
  outline: none !important;
}
.productDetailWrapper .desktopViews {
  display: none;
}
@media (min-width: 768px) {
  .productDetailWrapper .desktopViews {
    display: block;
  }
}
.productDetailWrapper .mobileViews {
  display: block;
}
@media (min-width: 768px) {
  .productDetailWrapper .mobileViews {
    display: none;
  }
}
.productDetailWrapper .hideImages {
  display: none;
}
.productDetailWrapper .carouselWrap {
  width: 105px;
  position: relative;
  max-height: 538px;
  overflow: hidden;
}
.productDetailWrapper .carouselWrap .gatsby-image-wrapper img {
  border: 1px solid #bcbec0;
  border-radius: 4px;
  cursor: pointer;
}
.productDetailWrapper .carouselWrap .sliderButton {
  background: #000;
  position: absolute;
}
.productDetailWrapper .carouselWrap .sliderButton .MuiSvgIcon-root {
  fill: #ffffff;
  transform: rotate(-90deg);
}
.productDetailWrapper .carouselWrap .sliderButton .forwardIcons {
  transform: rotate(90deg);
}
.productDetailWrapper .carouselWrap .sliderButton.backwardButton {
  bottom: 0;
}
.productDetailWrapper .carouselWrap .rec-slider-container {
  margin: 0;
}
.productDetailWrapper .prodreviewqaSectionTop {
  margin: 0px;
}
.productDetailWrapper .prodreviewqaSectionTop .MuiCardContent-root {
  padding: 0;
}
.productDetailWrapper .thumbnailCarousel {
  position: relative;
  /*  .rec-pagination {
    display: flex;

    .rec-dot {
      display: none;
    }

    .rec-dot:first-child,
    .rec-dot:nth-child(2),
    .rec-dot:nth-child(3),
    .rec-dot:nth-child(4),
    .rec-dot:nth-child(5) {
      display: block;
    }

    @include for-tablet-portrait-up {
      display: none;
    }
  }*/
}
@media (min-width: 768px) {
  .productDetailWrapper .thumbnailCarousel {
    width: 100px;
  }
}
.productDetailWrapper .thumbnailCarousel.desktop {
  max-height: 564px;
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-carousel-wrapper {
  max-height: 564px;
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-arrow {
  display: block;
  position: absolute;
  height: 98px;
  z-index: 1;
  right: 0;
  width: 45px;
  min-width: 45px;
  line-height: 45px;
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-arrow::before, .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow::after {
  position: absolute;
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-arrow::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
  width: 30px;
  z-index: 2;
}
@media (min-width: 768px) {
  .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow::after {
    left: 14%;
    top: 28%;
  }
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-arrow.rec-arrow-left {
  left: 0;
}
@media (min-width: 768px) {
  .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow {
    right: 0;
    left: 50%;
    margin-left: -27px;
  }
}
@media (min-width: 768px) {
  .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow-down {
    bottom: -38px;
  }
  .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow-down::before {
    height: 98px;
    width: 45px;
    left: 0;
    top: 42%;
  }
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-arrow-down::after {
  content: "\f105";
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M23.5 294.5l152-143.1C180.1 146.2 186.1 144 192 144s11.88 2.188 16.5 6.562l152 143.1c9.625 9.125 10.03 24.31 .9375 33.93c-9.125 9.688-24.38 10.03-33.94 .9375l-135.5-128.4l-135.5 128.4c-9.562 9.094-24.75 8.75-33.94-.9375C13.47 318.9 13.87 303.7 23.5 294.5z"/></svg>');
  margin: 0;
  right: 0;
  height: 24px;
  top: 40%;
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow-up {
    top: -26px;
  }
  .productDetailWrapper .thumbnailCarousel.desktop .rec-arrow-up::before {
    height: 98px;
    top: 42%;
    left: 0;
    width: 45px;
  }
}
.productDetailWrapper .thumbnailCarousel.desktop .rec-arrow-up::after {
  content: "\f104";
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M23.5 294.5l152-143.1C180.1 146.2 186.1 144 192 144s11.88 2.188 16.5 6.562l152 143.1c9.625 9.125 10.03 24.31 .9375 33.93c-9.125 9.688-24.38 10.03-33.94 .9375l-135.5-128.4l-135.5 128.4c-9.562 9.094-24.75 8.75-33.94-.9375C13.47 318.9 13.87 303.7 23.5 294.5z"/></svg>');
  margin: 0;
  right: 0;
  height: 24px;
  left: 14%;
  top: 28%;
  transform: rotate(270deg);
}
.productDetailWrapper .thumbnailCarousel .rec-item-wrapper {
  cursor: pointer;
}
.productDetailWrapper .thumbnailCarousel .rec-item-wrapper .imageWidth {
  border: 1px solid #bcbec0;
  border-radius: 4px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .thumbnailCarousel .rec-item-wrapper .imageWidth {
    width: calc(100% - 10px);
  }
}
@media (min-width: 768px) {
  .productDetailWrapper .thumbnailCarousel .rec-item-wrapper .imageWidth {
    height: 100px;
    margin: 0;
    margin-bottom: 16px;
    padding: 12px !important;
  }
  .productDetailWrapper .thumbnailCarousel .rec-item-wrapper .imageWidth.hightlightItem {
    border: 2px solid #004e7d;
  }
  .productDetailWrapper .thumbnailCarousel .rec-item-wrapper img {
    height: 68px;
  }
}
.productDetailWrapper .thumbnailCarousel .rec-item-wrapper img {
  max-width: 100%;
  padding: 5px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .thumbnailCarousel .rec-item-wrapper {
    margin: 0px;
  }
}
.productDetailWrapper .thumbnailCarousel .rec-slider-container {
  margin: 0;
}
.productDetailWrapper .thumbnailCarousel.mobile .rec-carousel-item {
  display: flex;
  align-self: center;
  text-align: center;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container {
  margin: 10px 0;
  width: 120px;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container .dots-container {
  transition: all 0.2s ease-in-out;
  margin-left: 45%;
  position: absolute;
  width: 100%;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container .carousel-pagination-dot {
  display: inline-block;
  margin: 0 4px;
  width: 8px;
  height: 8px;
  background-color: #D9D9D9;
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container .carousel-pagination-dot.hidden {
  display: none;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container .carousel-pagination-dot.active {
  background: #002D50;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container .sibling {
  transition: all 0.2s ease-in-out;
  width: 10px;
  height: 10px;
}
.productDetailWrapper .thumbnailCarousel.mobile .mobile-carousel-pagination-container .active {
  transition: all 0.2s ease-in-out;
  width: 12px;
  height: 12px;
  background-color: #002D50;
}
.productDetailWrapper .thumbnailCarousel.mobile .imageWidth {
  border: 0 !important;
}
.productDetailWrapper .img-zoom-container {
  position: relative;
}
.productDetailWrapper .img-zoom-container img {
  max-width: 100%;
  height: auto;
}
.productDetailWrapper .img-zoom-container #img-zoom-lens {
  position: absolute;
  /*set the size of the lens:*/
  width: 124px;
  height: 124px;
  border: 1px solid #000;
  opacity: 0.3;
  background-color: white;
  visibility: hidden;
}
.productDetailWrapper .img-zoom-container .img-zoom-result {
  border: 1px solid #d4d4d4;
  /*set the size of the result div:*/
  width: 300px;
  height: 300px;
  position: absolute;
  top: 14%;
  left: 100%;
  z-index: 1;
  visibility: hidden;
}
.productDetailWrapper .mainImage {
  border: 1px solid #bcbec0;
  border-radius: 4px;
  position: relative;
  max-width: 100%;
}
.productDetailWrapper .mainImage.desktop {
  margin-left: 18px;
  width: calc(100% - 140px);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 564px;
  max-height: 564px;
}
.productDetailWrapper .mainImage.mobile {
  max-height: 400px;
  margin-bottom: 20px;
}
.productDetailWrapper .mainImage .main-image-mobile {
  max-width: 100%;
  padding: 10px;
  display: block;
  margin: 0 auto;
  max-height: 400px;
}
.productDetailWrapper .mainImage .MuiSvgIcon-root {
  position: absolute;
  bottom: 12px !important;
  right: 12px;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.productDetailWrapper .mainImage .imageWrapper > div {
  z-index: 1;
  cursor: zoom-in !important;
}
.productDetailWrapper .mainImage .imageWrapper {
  width: 99%;
}
.productDetailWrapper .mainImage .lg-react-element {
  width: 100%;
  text-align: center;
}
.productDetailWrapper .mainImage .imageWidth {
  width: 100%;
  text-align: center;
}
.productDetailWrapper .pricebreakSection {
  border: 2px dashed #bcbec0;
  border-radius: 4px;
  margin-top: 28px;
  padding: 17px 32px 24px 32px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pricebreakSection {
    padding: 16px;
  }
}
.productDetailWrapper .pricebreakSection .bulkDiscount {
  font-size: 18px;
  font-weight: 500;
  color: #212934;
  font-family: Kanit;
  line-height: 26px;
  padding-bottom: 16px;
}
.productDetailWrapper .pricebreakSection .columnHead {
  color: #646d7b;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.75px;
  line-height: 16px;
  text-transform: uppercase;
  width: 100%;
}
.productDetailWrapper .pricebreakSection .columnDetails {
  color: #212934;
  font-family: Kanit;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  width: 100%;
}
.productDetailWrapper .pricebreakSection .columnDetails .colSavePriceList {
  display: inline-block;
  width: 30%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .productDetailWrapper .pricebreakSection .columnDetails .savePriceList {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .pricebreakSection .columnDetails .savePriceList {
    display: block;
  }
}
.productDetailWrapper .pricebreakSection .columnDetails .savePriceList .discountedPrice {
  color: #4e832e;
  font-size: 14px;
}
.productDetailWrapper .pricebreakSection .pricebreakRow {
  border-bottom: 1px solid #bcbec0;
  padding: 8px 0;
}
.productDetailWrapper .pricebreakSection .pricebreakRow:last-child, .productDetailWrapper .pricebreakSection .pricebreakRow:first-child {
  border-bottom: 0;
}
.productDetailWrapper .faqSummary {
  padding: 10px 16px;
  padding-top: 24px;
}
.productDetailWrapper .faqSummary .MuiAccordionSummary-content {
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .faqSummary .MuiAccordionSummary-content {
    flex-direction: column;
  }
}
.productDetailWrapper .faqSummary .MuiAccordionSummary-content div {
  width: 76%;
}
.productDetailWrapper .faqSummary .MuiAccordionSummary-content div .faqQuestion {
  color: #212934;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  margin-top: 24px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .faqSummary .MuiAccordionSummary-content div .faqQuestion {
    width: 100%;
    margin-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .productDetailWrapper .faqSummary .MuiAccordionSummary-content div {
    width: 100%;
  }
}
.productDetailWrapper .faqSummary .faqLinks a {
  color: #004e7d;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
}
.productDetailWrapper .faqSummary.Mui-expanded {
  border-bottom: 0;
  margin: 0;
}
.productDetailWrapper .faqSummary .faqaddAns {
  padding-top: 10px;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .faqSummary .faqaddAns {
    margin-bottom: 0px;
  }
}
.productDetailWrapper .faqAnssection {
  color: #424c5b;
  display: flex;
  flex-wrap: wrap;
}
.productDetailWrapper .faqAnssection .faqNo {
  padding-right: 12px;
}
.productDetailWrapper .faqSection {
  padding-top: 20px;
}
.productDetailWrapper .faqSection .blueOutlinedButton.customBtn {
  width: 300px;
  text-transform: unset !important;
  margin: 16px 0 30px 0;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .faqSection .blueOutlinedButton.customBtn {
    width: 100%;
  }
}
.productDetailWrapper .faqSection .MuiAccordionDetails-root {
  border-bottom: 1px solid #bcbec0;
}
.productDetailWrapper .faqSection .MuiAccordion-root.Mui-expanded {
  margin: 0;
}

.prodAddonSection .MuiIconButton-edgeEnd {
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .prodAddonSection .MuiIconButton-edgeEnd {
    align-self: flex-start;
    margin-top: 20px;
  }
}

.returnPlicyBox {
  padding-bottom: 12px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .returnPlicyBox {
    padding-bottom: 0;
  }
}

.faqSection p {
  color: #424c5b;
  font-family: Kanit;
  font-size: 16px;
  line-height: 24px;
}

.faqNo {
  width: 90px;
}

.faqAnswers.MuiTypography-body1 {
  width: calc(100% - 102px);
  color: #212934;
  font-family: Kanit;
  font-size: 16px;
  display: flex;
  flex: 1 1;
  font-weight: 300;
  line-height: 24px;
}

.recentOrderedInfo {
  background: #f3f3f3;
  padding: 16px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  margin-top: 16px;
}
.recentOrderedInfo .MuiSvgIcon-root {
  margin-right: 10px;
}
.recentOrderedInfo span {
  flex-grow: 1;
  font-weight: 300;
  font-size: 14px;
  color: #424c5b;
}
.recentOrderedInfo .oneClickToReorder {
  color: #004e7d;
  font-weight: 500;
}

.modalContainer.reorder {
  padding: 0;
}
.modalContainer.reorder > div {
  padding: 32px;
}
.modalContainer.reorder .MuiSvgIcon-root {
  color: #004e7d;
}
.modalContainer.reorder .faqTitle {
  display: flex;
  align-items: center;
}
.modalContainer.reorder .faqTitle h2 {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}
.modalContainer.reorder .faqHead {
  box-shadow: none;
  background: #f9f9f9;
}
.modalContainer.reorder .faqHead .minicartBg {
  padding: 10px 0px 0px !important;
  color: #d0021b;
}
.modalContainer.reorder section {
  margin: 20px 0 0;
}
.modalContainer.reorder [id^=faq_product_desc] {
  color: #212934;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.modalContainer.reorder .MuiGrid-item.MuiGrid-grid-xs-1 {
  width: 100%;
  height: 86px;
  max-width: 86px;
  border: 1px solid #bcbec0;
  padding: 0;
  flex-basis: auto;
}
.modalContainer.reorder .MuiGrid-item.MuiGrid-grid-xs-1 img {
  width: 100%;
}
.modalContainer.reorder .MuiGrid-grid-xs-11 {
  width: calc(100% - 102px);
  flex-basis: auto;
  align-self: center;
  padding: 0;
}
.modalContainer.reorder .MuiGrid-grid-xs-12 {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 0 !important;
}
.modalContainer.reorder .faqTitleBar {
  position: relative;
}
.modalContainer.reorder .modalClose {
  position: absolute;
  right: 0;
  font-size: 20px;
  color: #6a7681;
}
.modalContainer.reorder .MuiTypography-subtitle2 {
  padding: 0 35px;
  font-weight: 400;
}
.modalContainer.reorder .selectBox {
  width: 315px;
}
.modalContainer.reorder label {
  font-weight: 500;
  color: #212934;
  font-size: 16px;
  margin-bottom: 8px;
}
.modalContainer.reorder .bluefilledButton {
  color: #ffffff !important;
  background: #004e7d !important;
}
.modalContainer.reorder div.MuiTypography-h6 {
  font-size: 16px;
  font-weight: 400;
  color: #424c5b;
}
.modalContainer.reorder .MuiMenu-list li {
  padding: 5px 10px 5px;
}
.modalContainer.reorder .MuiMenu-list li .MuiListItem-gutters {
  padding: 0;
}
.modalContainer.reorder .MuiMenu-list li.MuiListItem-button:hover {
  background-color: rgba(0, 78, 129, 0.04);
}

.tabContainer .MuiTabs-fixed {
  overflow: visible !important;
}

.askQuestionPopup {
  /* @include for-tablet-portrait-up {
        width: 674px;
    } */
}
.askQuestionPopup .faqTitle h2 {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}
.askQuestionPopup .faqHead {
  padding: 35px;
  padding-top: 12px;
  box-shadow: none;
  background: #f9f9f9;
}
.askQuestionPopup section {
  margin: 20px 35px;
}
.askQuestionPopup section.prodAnswerSectionClass label.MuiFormControlLabel-root {
  pointer-events: none;
}
.askQuestionPopup section.prodAnswerSectionClass label.MuiFormControlLabel-root * {
  pointer-events: all;
}
.askQuestionPopup [id^=faq_product_desc] {
  color: #212934;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.askQuestionPopup .MuiGrid-item.MuiGrid-grid-xs-1 {
  width: 100%;
  height: 86px;
  max-width: 86px;
  border: 1px solid #bcbec0;
  padding: 0;
  flex-basis: auto;
}
.askQuestionPopup .MuiGrid-item.MuiGrid-grid-xs-1 img {
  width: 100%;
}
.askQuestionPopup .MuiFormLabel-root.remainingCount {
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-align: right;
}
.askQuestionPopup .MuiGrid-grid-xs-11 {
  width: calc(100% - 102px);
  flex-basis: auto;
  align-self: center;
  padding: 0;
}
.askQuestionPopup .MuiGrid-grid-xs-12 {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
.askQuestionPopup .faqTitleBar {
  position: relative;
}
.askQuestionPopup .modalClose {
  position: absolute;
  right: 0;
  font-size: 20px;
  color: #6a7681;
}
.askQuestionPopup section.prodDescSectionClass {
  margin: 30px 0 0;
}
.askQuestionPopup label.MuiFormControlLabel-root {
  display: block;
}
.askQuestionPopup [id^=faq_product_item_key_] {
  color: #424c5b;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: 16px;
  margin-top: 5px;
}
.askQuestionPopup [id^=faq_key] {
  color: #212934;
  font-size: 16px;
  line-height: 24px;
}
.askQuestionPopup .MuiFormLabel-root {
  color: #212934;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.askQuestionPopup .flexDisplay {
  margin: 20px 35px;
  justify-content: center;
}
.askQuestionPopup .flexDisplay .MuiButton-root {
  width: 213px;
  max-height: 50px;
  margin: 0 10px;
}
@media (max-width: 767.98px) {
  .askQuestionPopup .flexDisplay .MuiButton-root {
    margin: 0 5px;
    line-height: 18px;
  }
}
.askQuestionPopup input[type=text] {
  height: 50px;
  box-sizing: border-box;
}
.askQuestionPopup .MuiFormControl-fullWidth {
  margin-top: 0;
}
.askQuestionPopup .MuiFormControlLabel-root {
  display: flex !important;
}
.askQuestionPopup .MuiFormControlLabel-root > span {
  align-self: center;
}
.askQuestionPopup .MuiTypography-body1 {
  color: #424c5b;
  font-family: Kanit;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.productDetailWrapper .justContentSpaceBw {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 768px) {
  .productDetailWrapper .justContentSpaceBw {
    flex-direction: row;
  }
}
.productDetailWrapper .justContentSpaceBw .prodinfoOnly {
  width: 100%;
}

.specificationsMobile {
  flex-direction: column;
}

.productDetailWrapper .MuiAccordionSummary-root {
  padding: 0;
}
@media (max-width: 767.98px) {
  .productDetailWrapper .MuiAccordionSummary-root {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #ccc;
  }
}
.productDetailWrapper .MuiAccordion-root.Mui-expanded {
  margin: 0 !important;
}

.guidesSection {
  border: 1px solid #bcbec0;
  border-radius: 3px;
  margin-top: 12px;
  margin-left: 30px;
}
@media (max-width: 767.98px) {
  .guidesSection {
    margin-left: 0px;
  }
}
.guidesSection .MuiAccordionSummary-content p {
  color: #4a4a4a;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  padding: 16px;
}
.guidesSection .MuiAccordionSummary-content p .documnetCount {
  padding-left: 5px;
}
.guidesSection .MuiAccordionSummary-root {
  background: #f9f9f9;
}
.guidesSection .MuiAccordionSummary-root.Mui-expanded {
  min-height: 50px;
}
.guidesSection .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}
.guidesSection .MuiAccordionDetails-root {
  width: 100%;
  padding: 8px 16px 0;
}
.guidesSection .MuiAccordionDetails-root > div {
  width: 100%;
}
.guidesSection .documentTitle {
  font-size: 16px;
  font-weight: 300;
  line-height: 17px;
  color: #424c5b;
  font-weight: 400;
  text-transform: lowercase;
}
.guidesSection .flexDisplay {
  margin: 16px 0;
  width: 100%;
  text-align: left;
}
.guidesSection .flexDisplay > div:first-of-type {
  width: 18px;
}
.guidesSection .flexDisplay > div:nth-child(2) {
  width: calc(100% - 112px);
  margin: 0 16px;
  align-self: flex-start;
}
.guidesSection .flexDisplay > div:nth-child(3) {
  width: 18px;
  margin-right: 20px;
}
.guidesSection .flexDisplay > div:last-of-type {
  width: 24px;
}
.guidesSection .fal,
.guidesSection .MuiSvgIcon-root {
  color: #004e7e;
}
.guidesSection .fal {
  font-size: 23px;
  font-weight: 500;
}
.guidesSection MuiAccordionDetails-root {
  padding: 0 16px;
}

.MuiAccordionSummary-content {
  margin: 0 !important;
}
@media (max-width: 767.98px) {
  .MuiAccordionSummary-content {
    margin: 12px 0 !important;
  }
}

.overlaytoImage {
  position: relative;
  border: 1px solid #bcbec0;
  border-radius: 4px;
}
.overlaytoImage .overlaySection {
  position: absolute;
  bottom: 0;
  height: 100%;
  background: rgba(0, 78, 125, 0.3);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
}
.overlaytoImage .overlaySection .MuiSvgIcon-root {
  fill: #ffffff;
  width: 1.5em;
  height: 1.5em;
}

#input-slider {
  margin: 16px 0;
}

.customCut {
  display: flex;
}
.customCut .MuiFormLabel-root {
  color: #333;
  padding-top: 0;
}
.customCut label {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 14px;
}
.customCut label.maxLengthClass {
  text-transform: capitalize;
  margin-top: 10px;
  font-weight: 400;
}
.customCut .MuiInputBase-input {
  padding: 8px 5px 7px 10px;
  font-size: 14px;
  min-width: 120px;
  outline: 0;
}
.customCut .rangButton input[type=number]::-webkit-inner-spin-button,
.customCut .rangButton input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
.customCut .MuiInputBase-root {
  border-radius: 4px;
}
.customCut .MuiInput-underline:hover:not(.Mui-disabled):before,
.customCut .MuiInput-underline:after,
.customCut .MuiInput-underline:before {
  border-bottom: 0;
}
.customCut .groupClassName {
  margin-right: 40px;
}
.customCut .customCutChip {
  height: 35px;
  min-width: 100px;
  border: none;
  justify-content: left;
}
.customCut .customCutChip .MuiChip-label {
  padding: 0 25px;
  font-size: 14px;
  padding: 0;
}

.productSection {
  margin: 0;
}
.productSection .imageSection {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productSection .imageSection .refVariantSection {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid #ddd;
}
.productSection .purchaseQty,
.productSection .sameDayShipping {
  font-size: 13px;
  color: #212934;
}
.productSection a p {
  color: #004e7d;
  font-family: Kanit;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
}

.productCompareSection h1 {
  font-size: 26px;
  margin: 0px;
}
.productCompareSection h5 {
  margin: 12px 0 8px;
  font-weight: 600 !important;
}
.productCompareSection .dv-star-rating {
  justify-content: center;
}
.productCompareSection td.headerCell {
  display: table-cell;
  color: #212934;
  font-family: Kanit;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  min-width: 153px;
}
.productCompareSection .compareWrapper .compare-pdp-showmore-wrapper {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.productCompareSection .compareWrapper .compare-pdp-showmore-wrapper .MuiButton-root {
  width: 277px;
}
@media (max-width: 767.98px) {
  .productCompareSection .compareWrapper .compare-pdp-showmore-wrapper .MuiButton-root {
    width: inherit;
  }
}

#productContainer {
  padding: 0 16px;
}

#dimensionTable td.MuiTableCell-body {
  color: #424c5b;
  font-family: Kanit;
  font-size: 14px;
  line-height: 20px;
  min-width: 153px;
}

.freeShipping .shipAvialMsgClass.sameDayShipping {
  color: #212934;
  font-weight: 300;
  margin: 0;
  padding-left: 11px;
}

.hidereviewUI .MuiButtonBase-root.MuiTab-root:first-child {
  display: none;
}

.reviewPagination {
  margin: 40px auto;
  width: 100%;
  text-align: center;
}
.reviewPagination .loadmoreReviews {
  width: 297px;
}

.reviewdashboard {
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .reviewdashboard {
    flex-direction: row;
  }
}
.reviewdashboard .averageRating {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .reviewdashboard .averageRating {
    width: 60%;
    flex-direction: row;
  }
}
.reviewdashboard .averageRating .ratingStar {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .reviewdashboard .averageRating .ratingStar {
    width: 30%;
  }
}
.reviewdashboard .averageRating .ratingStar strong {
  font-size: 32px;
  line-height: 44px;
  font-weight: 600;
}
.reviewdashboard .averageRating .starCounts {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
}
@media (min-width: 768px) {
  .reviewdashboard .averageRating .starCounts {
    width: 70%;
  }
}
.reviewdashboard .averageRating .progressbar {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.reviewdashboard .averageRating .progressbar span {
  width: 45px;
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.reviewdashboard .averageRating .progressbar span.values {
  padding-left: 12px;
}
.reviewdashboard .averageRating .MuiLinearProgress-root {
  width: 85%;
  border-radius: 4.5px;
  background-color: rgba(108, 194, 237, 0.3);
  height: 8px;
}
.reviewdashboard .averageRating .MuiLinearProgress-barColorPrimary {
  border-radius: 4.5px;
  background-color: #6cc2ed;
}
.reviewdashboard .writeReviewfirst {
  margin-top: -30px;
}
.reviewdashboard .writeReviewfirst strong {
  line-height: 40px;
}
.reviewdashboard .writeReviewfirst .customBtn {
  margin: 16px 0;
  text-transform: unset !important;
}
.reviewdashboard .createReview {
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 78, 125, 0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 22px;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .reviewdashboard .createReview {
    width: 36%;
  }
}
.reviewdashboard .createReview strong {
  font-size: 22px;
  line-height: 30px;
}
.reviewdashboard .createReview p {
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 17px;
}
.reviewdashboard .createReview .MuiButtonBase-root {
  width: 62%;
}

.sortByReviewSection {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .sortByReviewSection {
    display: flex;
    align-items: center;
    flex: 0 1;
    justify-content: flex-end;
    margin-top: 16px;
  }
  .sortByReviewSection .drop-down-list.selectBox {
    width: 210px;
    margin-left: 8px;
  }
}

.printOnly {
  display: none;
}

.printIcon {
  cursor: pointer;
}

.scrollableProductPdp .pdpProductSection {
  width: 85px;
  margin-right: 24px;
  border: 1px solid #bcbec0;
  padding: 5px;
}
.scrollableProductPdp .pdpProductSection img {
  width: 100%;
}
.scrollableProductPdp .titleSection {
  width: 100%;
  margin-right: 40px;
}
.scrollableProductPdp .titleSection .tabs {
  border-top: 1px solid #bcbec0;
  padding: 8px 0 0;
}
.scrollableProductPdp .titleSection .tabs > a {
  margin-right: 24px;
  color: #ccc;
}
.scrollableProductPdp .titleSection .tabs > a:hover {
  color: #004e7d;
}
.scrollableProductPdp .buttonQuantityPrice {
  margin: 0;
  width: 85%;
}

.pdpDetailPage .sticky-addtocart-container {
  padding: 0 18px;
}

@media print {
  .printOnly {
    display: block;
  }
  .printOnly .printTitle {
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 2px solid #bcbec0;
  }
  .printOnly .mainImage {
    margin: 0;
    width: 100%;
  }
  .printOnly.mainImageWrap {
    width: 100%;
  }

  .reviewdashboard .writeReviewfirst .customBtn {
    width: 300px;
  }

  footer .copyrightWrapper,
footer .copyright {
    background: #212934 !important;
  }

  .breadCrumbText,
.productAddonsSection,
.productCompareSection,
.upgradeAndSavingsSection,
.productCarousel,
.subTitle,
.pdpIcons,
.searchWrapper,
.headerRight,
.exclusiveOffersContainer,
.productImage .thumbnailCarousel,
.prodAddonSection .tabformsWrapper,
.productInfoSection .tabformsWrapper,
footer .footerMain,
.megaContainer,
.copyrightWrapper,
.supportContainer,
footer .footerSections,
.thumbnailCarousel + .mainImage {
    display: none;
  }

  .MuiSvgIcon-root.menuIcon,
.pdpIcons {
    display: none !important;
  }

  .productDetailsSection {
    width: 100%;
  }

  .reviewWrapper .coloumnFlex {
    flex-direction: column;
  }

  .productDetailWrapper .MuiTab-wrapper {
    align-items: baseline;
  }
  .productDetailWrapper .priceSection {
    display: none !important;
  }
  .productDetailWrapper .productOverview {
    flex-direction: column;
  }
  .productDetailWrapper .productOverview .mainImage .MuiSvgIcon-root {
    display: none;
  }
  .productDetailWrapper .productOverview #productList {
    position: relative;
    margin-bottom: 20px;
  }
  .productDetailWrapper .shippingindetails {
    display: none;
  }
  .productDetailWrapper .productDetailsSection {
    width: 100%;
    padding-top: 12px;
  }
  .productDetailWrapper .productDetailsSection .tabformsWrapper .tabContainer .MuiAppBar-root .MuiTab-root {
    width: 100%;
  }
  .productDetailWrapper .reviewdashboard .writeReviewfirst .customBtn {
    width: 300px;
  }
}
.productDetailWrapper .mainImage .imageWrapper .magnified {
  border: 3px solid #878888 !important;
}

.pdpDetailPage {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
}
.pdpDetailPage .accordian-summary.premium-product-options .MuiIconButton-edgeEnd,
.pdpDetailPage .accordian-summary.add-ons .MuiIconButton-edgeEnd {
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
}

.pdpDetailPage .compareWrapper tr.compareProductTable td {
  border: none !important;
  padding-bottom: 16px !important;
  vertical-align: top;
}
.pdpDetailPage .compareWrapper tr.compareProductTable td:nth-child(2) .productSection a p {
  color: #212934;
  font-weight: 400;
}

label.MuiFormLabel-root.maxLengthClass {
  text-transform: unset !important;
}

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

.MuiTypography-root.faqAnswersOn.MuiTypography-body1 {
  font-size: 13px;
  flex: 1 1 100%;
  font-weight: 400;
  display: flex;
  padding-left: 90px;
}

.MuiTypography-root.faqAnswersBy.MuiTypography-body1 {
  font-size: 13px;
  flex: 1 1 100%;
  font-weight: 400;
  display: flex;
  padding-left: 90px;
}

span.undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: 0 auto;
  padding-top: 2px;
}

span.undefinedColor {
  border: 1px solid;
}

.activeColorVariant span.undefinedColor {
  border: 4px solid !important;
  border-style: double !important;
  box-sizing: content-box !important;
}

.desktopProductInfoSection {
  position: relative;
  z-index: 1;
}

.pdp-custom-number-input {
  position: relative;
}
.pdp-custom-number-input input[type=number]::-webkit-inner-spin-button,
.pdp-custom-number-input input[type=number]::-webkit-outer-spin-button {
  opacity: 0 !important;
}
.pdp-custom-number-input .control-wrapper {
  position: absolute;
  right: 2px;
  top: 0;
}
.pdp-custom-number-input .arrow-wrapper {
  padding: 4px 8px;
}
.pdp-custom-number-input .arrow-wrapper.up {
  padding: 2px 8px 2px 8px;
}
.pdp-custom-number-input .arrow-wrapper.down {
  padding: 1px 8px 6px 8px;
}
.pdp-custom-number-input .arrow {
  border-bottom: 6px solid #424c5b;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  top: 0;
  cursor: pointer;
}
.pdp-custom-number-input .arrow-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.pdpDetailPage.viewcart .productList .productTile:last-of-type {
  border-bottom: none;
}

.productDetailWrapper .productDetailsSection .prod-itemkey-num,
.productDetailWrapper .productDetailsSection .prod-itemkey-num strong {
  font-weight: 500 !important;
}

.productCompareSection h3, .productCompareSection > h2 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #212934;
  margin: 0;
  margin-bottom: 20px !important;
}

.productCompareSection .compareWrapper {
  padding-top: 20px;
}

.productDetailWrapper .prodInfoSection .tabContents .MuiTableContainer-root .MuiTable-root {
  width: 100%;
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
}

/* .productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .saveperct,
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .applynow {
  // display: none;
} */
.tabformsWrapper .priceBox.premiumPriceBox > div {
  display: none;
}

/* .MuiBox-root.priceBox.premiumPriceBox::after {
    // color: rgb(245 248 250);
    // content: '|';
    // transform: translate(-100%, 0);
    // position: absolute;
    // font-weight: bolder;
    // font-size: 14px;
} */
.productDetailWrapper .priceBoxContainer .priceBox.premiumPriceBox .learnhow {
  display: none;
}

/* .priceBox.premiumPriceBox {
  // display: none;
} */
.pdpLinkTitle {
  font-weight: 400;
  text-decoration: underline;
  color: #004E7D;
  font-size: 14px;
  line-height: 30px;
}

.premiumPrice-Box.priceBox {
  width: 100% !important;
  display: block;
}

.pdpProductGrouping {
  padding-bottom: 20px;
}

.pdpProductGrouping .disabled {
  cursor: not-allowed;
}

.productDetailWrapper .prodAddonSection .frequentlyViewedProductList .totalCartSumPaper {
  margin-top: 22px !important;
}

.prodAddonSection .productCarousel .rec-carousel-wrapper .rec-carousel {
  min-height: unset;
}

.cartButtons .autoReorderSaveMessage {
  text-align: center;
  font-weight: 500;
  position: relative;
  margin-top: 12px;
  font-size: 14px;
  display: flex;
  line-height: 21px;
  /* identical to box height */
  color: #71B946;
  position: relative;
  width: max-content;
}
.cartButtons .autoReorderSaveMessage > div {
  display: flex;
}
@media (max-width: 767.98px) {
  .cartButtons .autoReorderSaveMessage {
    margin: 12px auto 0;
  }
}
.cartButtons .autoReorderSaveMessage .AutoReorderSave {
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .cartButtons .autoReorderSaveMessage .AutoReorderSave {
    font-size: 12px;
    line-height: 17px;
  }
}
.cartButtons .autoReorderSaveMessage .AutoReorderText {
  font-weight: 300;
  font-size: 22px;
  line-height: 21px;
  color: #212934;
  /* identical to box height */
  align-items: center;
  display: flex;
  padding-left: 3px;
}
@media (max-width: 767.98px) {
  .cartButtons .autoReorderSaveMessage .AutoReorderText {
    font-size: 12px;
    line-height: 14px;
  }
}
.cartButtons .autoReorderSaveMessage .freeShippigAutoreOrder {
  display: flex;
  flex-direction: row;
  padding-left: 3px;
}
.cartButtons .autoReorderSaveMessage .freeShippigAutoreOrder::before {
  width: 20px;
  height: 20px;
  display: block;
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113,185,70)" d="M368 0C394.5 0 416 21.49 416 48V96H466.7C483.7 96 499.1 102.7 512 114.7L589.3 192C601.3 204 608 220.3 608 237.3V352C625.7 352 640 366.3 640 384C640 401.7 625.7 416 608 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H256C256 469 213 512 160 512C106.1 512 64 469 64 416H48C21.49 416 0 394.5 0 368V48C0 21.49 21.49 0 48 0H368zM416 160V256H544V237.3L466.7 160H416zM160 368C133.5 368 112 389.5 112 416C112 442.5 133.5 464 160 464C186.5 464 208 442.5 208 416C208 389.5 186.5 368 160 368zM480 464C506.5 464 528 442.5 528 416C528 389.5 506.5 368 480 368C453.5 368 432 389.5 432 416C432 442.5 453.5 464 480 464z"/></svg>');
}
.cartButtons .autoReorderSaveMessage .pdpPriceviewSection {
  position: relative;
  margin: 0;
  padding: 0 !important;
  padding-left: 5px !important;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .regularPdp .rec-item-wrapper, .Col2PdpLayout .rec-item-wrapper {
    width: 96px !important;
  }
  .regularPdp .rec-item-wrapper .imageWidth, .Col2PdpLayout .rec-item-wrapper .imageWidth {
    width: 96px !important;
  }
}

.top-to-btm {
  position: relative;
  display: none;
}
@media (min-width: 1024.98px) {
  .top-to-btm {
    display: block;
  }
}
.top-to-btm .icon-position {
  position: fixed;
  bottom: 40px;
  right: 25px;
  z-index: 20;
}
.top-to-btm .icon-style {
  color: #004e7d;
  font-weight: 600;
  font-size: 14px;
  z-index: 124;
  position: fixed;
  padding: 10px;
  border-radius: 5px;
  right: 1%;
  bottom: 4%;
  text-align: center;
  cursor: pointer;
  animation: movebtn 1.5s ease-in-out;
  background-color: #fff;
}
.top-to-btm .icon-style a {
  font-size: 18px;
  color: #004e7d;
}
.top-to-btm .icon-style a i.fa-solid.fa-angle-up {
  display: block;
  font-size: 24px;
  font-weight: 600;
}
.top-to-btm .icon-style a i {
  display: block;
  font-weight: bold;
  font-size: 25px;
}
@keyframes movebtn {
  0% {
    opacity: 10%;
  }
  25% {
    opacity: 25%;
  }
  50% {
    opacity: 50%;
  }
  75% {
    opacity: 75%;
  }
  100% {
    opacity: 100%;
  }
}

.ingredient-wrap {
  width: 100%;
  display: table;
  position: relative;
  padding: 10px;
}

.ingredient-details {
  margin: 0 auto;
}
.ingredient-details li {
  padding: 8px 0 8px 60px;
  position: relative;
}
.ingredient-details li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  width: 50px;
  height: 50px;
}
.ingredient-details li:nth-child(1)::before {
  background: url("../../../images/ingredient-icon1.jpg") no-repeat;
}
.ingredient-details li:nth-child(2)::before {
  background: url("../../../images/ingredient-icon2.jpg") no-repeat;
}
.ingredient-details li:nth-child(3)::before {
  background: url("../../../images/ingredient-icon3.jpg") no-repeat;
}
.ingredient-details li:nth-child(4)::before {
  background: url("../../../images/ingredient-icon4.jpg") no-repeat;
}
.ingredient-details span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
}
.ingredient-details span.desc-head {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
@media (max-width: 767.98px) {
  .ingredient-details span.desc-head {
    font-size: 16px;
  }
}
.ingredient-details span.desc-text {
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
@media (max-width: 767.98px) {
  .ingredient-details span.desc-text {
    font-size: 14px;
  }
}

.ingredient-header {
  padding: 15px 0;
  color: #004e7d;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .ingredient-header {
    font-size: 22px;
  }
}

.ingredient-list {
  margin-bottom: 40px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
}
.ingredient-list li {
  background: #ffffff;
  color: #212934;
  text-align: center;
  font-size: 14px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
@media (max-width: 767.98px) {
  .ingredient-list li {
    font-size: 12px;
  }
}
.ingredient-list li span {
  padding: 3px;
  display: table-cell;
  width: 19%;
  word-break: break-word;
  text-align: center;
  border-right: 3px solid #fff;
  line-height: 1.3;
}
.ingredient-list li span:last-child {
  border-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
.ingredient-list li:not(.ingredient-title) {
  border-bottom: 3px solid #d5d5d5;
}
.ingredient-list .ingredient-title {
  font-size: 16px;
  font-weight: 500;
  background: #004e7d;
  color: #e4f1f5;
  position: relative;
  margin-bottom: 7px;
  border-radius: 8px 8px 0 0;
}
@media (max-width: 767.98px) {
  .ingredient-list .ingredient-title {
    font-size: 14px;
  }
}
.ingredient-list .ingredient-title span {
  position: relative;
}
.ingredient-list .ingredient-title span::before {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -7px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #004e7d;
}
.ingredient-list .ingredient-title span:first-child {
  border-radius: 4px 0 0 0;
}
.ingredient-list .ingredient-title span:last-child {
  border-radius: 0 4px 0 0;
}

.copyright-msg {
  margin: 30px 0;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.copyright-msg strong {
  display: block;
  font-weight: 400;
}

@media (max-width: 767.98px) {
  .modalContainer.rightAlignedModal .closeIcon {
    display: flex;
    top: 10px;
  }
  .modalContainer.rightAlignedModal h2 {
    margin: 0 0 16px;
  }
}
.navigationToback {
  padding-top: 28px;
  font-size: 14px;
}
.navigationToback a {
  color: #424c5b;
}
.navigationToback .flexOnDesktop {
  display: inline-flex;
  width: auto;
}

.loginBanner {
  display: none;
}
@media (min-width: 1045px) {
  .loginBanner {
    width: 40%;
    float: left;
    display: flex;
    justify-content: center;
  }
  .loginBanner .bannerWrapper {
    left: 0;
    position: inherit;
  }
}
@media (min-width: 1200px) {
  .loginBanner {
    width: 31%;
    margin-left: 9%;
    float: left;
    display: flex;
    justify-content: center;
  }
}

.loginForm {
  display: flex;
  min-height: calc(100vh - 165px);
  padding-bottom: 64px;
  width: 100%;
}
.loginForm input {
  font-size: 14px;
  font-weight: 300;
}
.loginForm .MuiFormControlLabel-label {
  color: #212934;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}
@media (min-width: 1045px) {
  .loginForm {
    padding-left: 10%;
    width: 57%;
  }
}
@media (min-width: 768px) {
  .loginForm .alertInline {
    width: 70%;
  }
}
.loginForm .loginTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  padding-top: 38px;
  text-transform: capitalize;
}
.loginForm .tabformsWrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .loginForm .tabformsWrapper {
    max-width: 630px;
  }
}
.loginForm .tabformsWrapper .MuiTab-root {
  text-align: center;
  min-height: 48px;
}
.loginForm .tabformsWrapper .MuiTab-root.Mui-selected {
  font-weight: 500;
  color: #004e7d;
}
.loginForm .tabformsWrapper.signInUp .MuiTab-root:not(.Mui-selected) {
  background-color: #d5e0e6;
  border: 0;
}
.loginForm .tabformsWrapper.signInUp button.MuiTab-root:first-of-type {
  margin: 0 8px 0 0;
}
.loginForm .tabformsWrapper.signInUp .MuiTab-root.Mui-selected {
  color: #ffffff;
  background-color: #004e7d;
  margin: 0;
  border: 0;
}
.loginForm .tabformsWrapper.signInUp .MuiTabs-root {
  border-bottom: 1px solid #bcbec0;
}
.loginForm .tabformsWrapper.signInUp .MuiTab-wrapper {
  align-items: center;
}
.loginForm .loginformContainer {
  margin: 0;
  width: 100%;
  padding: 0;
}
.loginForm .loginformContainer form {
  max-width: 327px;
}
.loginForm .loginformContainer .passwordField .formLeft {
  width: 100%;
}
.loginForm .MuiFormLabel-root {
  margin-top: 24px;
  text-transform: capitalize;
}
.loginForm .MuiFormControlLabel-root {
  margin-top: 10px;
  margin-bottom: 24px;
}
.loginForm .MuiFormControlLabel-root span {
  text-transform: capitalize;
}
.loginForm .MuiFormControlLabel-root ~ .MuiFormControlLabel-root {
  margin-top: 0;
}
.loginForm .MuiFormControlLabel-root .MuiRadio-root {
  padding: 9px;
}
.loginForm .MuiFormControl-root .MuiFormControlLabel-root {
  margin-top: 0;
  margin-bottom: 0;
}
.loginForm .MuiInputBase-root {
  height: 50px;
}
.loginForm .rememberMe {
  padding-left: 0;
}
.loginForm .rememberMe + .MuiTypography-root {
  font-size: 14px;
  font-weight: 600;
  color: #212934;
}
.loginForm .loginForgot {
  display: flex;
  padding-bottom: 20px;
}
.loginForm .loginForgot .MuiFormControlLabel-root,
.loginForm .loginForgot .MuiGrid-container {
  flex: 0 0 50%;
  margin-left: 0;
  margin-right: 0;
}
.loginForm .loginForgot .MuiGrid-container {
  text-align: right;
  margin-top: 8px;
}
.loginForm .loginForgot .forgotText {
  color: #004e7d;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .loginForm .loginForgot .noStyleButtons {
    justify-content: flex-end !important;
  }
}
@media (min-width: 768px) {
  .loginForm .loginForgot {
    flex-direction: column-reverse;
    padding-bottom: 0;
  }
  .loginForm .loginForgot .MuiFormControlLabel-root,
.loginForm .loginForgot .MuiGrid-container {
    width: 100%;
    text-align: left;
  }
  .loginForm .loginForgot .MuiFormControlLabel-root {
    padding-bottom: 8px;
  }
  .loginForm .loginForgot .MuiIconButton-root {
    padding: 0 8px 0 0;
  }
}
.loginForm .loginBtn {
  background: #d41e3d;
  height: 50px;
  border-radius: 8px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 600;
  font-family: Kanit;
  text-transform: capitalize;
}
.loginForm .MuiTab-root {
  width: 50%;
  opacity: 1;
  color: #212934;
  font-size: 17px;
}
@media (min-width: 768px) {
  .loginForm .MuiTab-root {
    width: 80%;
  }
}

section.accountLayout {
  display: flex;
  flex-wrap: wrap;
}
section.accountLayout .loginMainHead {
  width: 100%;
}
@media (max-width: 767.98px) {
  section.accountLayout {
    display: inherit;
  }
}

.loginMainHead {
  background: #004e7d;
}
.loginMainHead .loginHeader {
  padding: 12px 36px;
  background: #004e7d;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
}
.loginMainHead .loginHeader .logo {
  width: 211px;
  height: 60px;
}

.passwordFreesection {
  padding-top: 39px;
  width: 100%;
}
.passwordFreesection .passwordFreeLoginForm {
  max-width: 100% !important;
}
.passwordFreesection .passwordfreeTile {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
  font-family: Kanit;
  padding-bottom: 8px;
}
.passwordFreesection .description {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 300;
  font-family: Kanit;
}
.passwordFreesection .MuiFormControlLabel-label {
  font-weight: 300;
  font-size: 14px;
}
.passwordFreesection .MuiOutlinedInput-adornedEnd {
  padding-right: 0;
}
.passwordFreesection legend.MuiFormLabel-root {
  padding-top: 0px;
}
.passwordFreesection .passwordfreeTextfields .MuiOutlinedInput-input {
  padding: 0 14px;
}
.passwordFreesection .passwordfreeTextfields .redFilledButton {
  max-width: 136px;
  border-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  max-height: 50px;
}
@media (min-width: 768px) {
  .passwordFreesection {
    width: 70%;
  }
}
.passwordFreesection p.MuiFormHelperText-root.MuiFormHelperText-contained.Mui-error {
  margin: 3px 0;
}

.modalContainer.loginPopup {
  height: 100% !important;
  padding: 0 !important;
}
.modalContainer.loginPopup .ashBg {
  background-color: #eaf0f4;
  padding: 32px;
}
.modalContainer.loginPopup .loginForgot {
  display: flex;
  flex-direction: column-reverse;
}
.modalContainer.loginPopup .passwordFreesection {
  width: 100% !important;
  padding-top: 16px;
}
.modalContainer.loginPopup .backNav {
  display: none;
}
.modalContainer.loginPopup .resetpasswordHeading {
  font-size: 22px;
}
.modalContainer.loginPopup .MuiTypography-subtitle1 {
  padding-top: 16px;
}
.modalContainer.loginPopup .newCustomerForm {
  padding: 32px;
}
.modalContainer.loginPopup .newCustomerForm .customBtn {
  margin-top: 24px;
}
.modalContainer.loginPopup .customBtn,
.modalContainer.loginPopup .formLeft {
  width: 100% !important;
}
.modalContainer.loginPopup .MuiInputBase-root {
  background-color: #ffffff;
}
.modalContainer.loginPopup .forgotLink {
  float: right;
}
.modalContainer.loginPopup .forgotText {
  margin-top: 10px;
}
.modalContainer.loginPopup .forgotText .MuiGrid-root.MuiGrid-item:nth-child(1) {
  padding-bottom: 0 !important;
  margin-bottom: -5px;
}
.modalContainer.loginPopup .loginBtn {
  margin-bottom: 16px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .modalContainer.loginPopup {
    width: 500px;
  }
}

.leftArrow {
  color: #68707C;
  font-size: 22px;
  font-weight: 600;
  padding-right: 10px;
  cursor: pointer;
  line-height: 18px;
}

.backText {
  color: #212934;
  font-weight: 500;
  cursor: pointer;
}
.backText:hover {
  text-decoration: underline;
}

.accountLayout .accountContent .loaderWrapper section.flexOnDesktop.alignVCenter {
  width: 100%;
}

.accountLayout .support, .accountLayout .header .menuIcon, .accountLayout .searchWrapper, .accountLayout .headerRight {
  display: none;
}

main.MuiContainer-root.signUpContainer.MuiContainer-maxWidthLg {
  padding: 0;
}

.signUpContainer .paper {
  display: flex;
  flex-direction: column;
}
.signUpContainer .customBtn {
  margin-top: 24px;
}
.signUpContainer .stepLabel {
  padding-top: 31px;
}
.signUpContainer .loginTitle {
  padding-top: 13px;
}
.signUpContainer .selectBox {
  min-height: 36px;
}
.signUpContainer .step1Form .emailField {
  width: 100%;
}
@media (min-width: 768px) {
  .signUpContainer .step1Form .emailField {
    width: 52%;
  }
}
@media (min-width: 768px) {
  .signUpContainer .step1Form .customBtn {
    width: 52%;
  }
  .signUpContainer .step1Form .twoColumn {
    width: 38%;
  }
  .signUpContainer .step1Form .twoColumn .marginRight20 {
    width: calc(38% - 20px);
  }
}
.signUpContainer .passwordField .MuiInputAdornment-root .MuiButtonBase-root {
  color: #bcbec0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 300;
  font-family: Kanit;
}
@media (min-width: 768px) {
  .signUpContainer .error,
.signUpContainer .warning {
    width: 353px;
    float: left;
  }
}
.signUpContainer .link {
  color: #004e7d;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  font-weight: 600;
  font-family: Kanit;
}
.signUpContainer .MuiSelect-select {
  padding: 8px 12px;
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .signUpContainer .phoneField {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .signUpContainer .signupForm2 {
    width: 76.5%;
    flex-direction: row;
  }
}
.signUpContainer .signupForm2 a.link {
  margin-top: 8px;
  width: 100%;
  float: left;
}
.signUpContainer .minHeightForm {
  min-height: 300px;
  justify-content: space-between;
}
.signUpContainer .contactInfo .extension {
  width: 100%;
}
@media (min-width: 768px) {
  .signUpContainer .contactInfo .extension {
    width: 32%;
  }
}
.signUpContainer .contactInfo .phoneField {
  width: 100%;
}
@media (min-width: 768px) {
  .signUpContainer .contactInfo .phoneField {
    width: calc(68% - 20px);
  }
}
@media (min-width: 768px) {
  .signUpContainer .contactInfo {
    width: 84%;
  }
}
.signUpContainer .workEmail {
  width: 100%;
  clear: both;
}
@media (min-width: 768px) {
  .signUpContainer .workEmail {
    width: 84%;
  }
}
.signUpContainer .MuiFormGroup-row {
  flex-wrap: nowrap;
}
.signUpContainer .subHeading {
  color: #212934;
  margin: 0;
  padding-top: 36px;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
  font-family: Kanit;
}
@media (min-width: 768px) {
  .signUpContainer .MuiFormLabel-root {
    font-weight: normal;
  }
}
.signUpContainer .MuiFormControlLabel-root {
  width: 100%;
}
.signUpContainer .MuiFormControl-root {
  display: inline-flex;
}

.suggestionsWrapper {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  left: 0;
  right: 0;
  top: 95px;
  border: 1px solid #bcbec0;
  list-style: none;
  max-width: 442px;
  height: 430px;
  overflow-y: auto;
}
.suggestionsWrapper li {
  padding: 10px;
  cursor: pointer;
}
.suggestionsWrapper li:hover {
  background-color: #eaf0f4;
}
.suggestionsWrapper .suggestion-active {
  color: #424c5b;
  background-color: #eaf0f4;
}

.addressSuggestions {
  display: flex;
  padding-top: 16px;
}
@media (max-width: 767.98px) {
  .addressSuggestions {
    flex-direction: column;
  }
}
.addressSuggestions .addressCard {
  width: 100%;
  margin-bottom: 20px;
}
.addressSuggestions .addressCard .MuiPaper-elevation1 {
  height: 227px;
}
.addressSuggestions .addressCard .MuiCardHeader-action {
  margin-top: -8px;
  margin-bottom: -8px;
}
.addressSuggestions .addressCard .MuiCardActions-root {
  padding: 5px 15px;
}
@media (min-width: 768px) {
  .addressSuggestions .addressCard {
    width: 50%;
  }
  .addressSuggestions .addressCard:not(:last-child) {
    margin-right: 20px;
  }
}
.addressSuggestions .addressCard .defaultAddress .MuiCardHeader-title {
  text-transform: none;
  font-weight: normal;
}
.addressSuggestions .addressCard .MuiCard-root {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.addressSuggestions .addressCard.invalidMatch {
  width: 100%;
}
.addressSuggestions .customBtn {
  width: 100%;
  margin-top: 0;
}
.addressSuggestions h1 {
  width: 100%;
  margin-bottom: 24px;
}

.modalContainer.loginPopup.wishlistLogin {
  height: 100% !important;
  padding: 0 !important;
}
.modalContainer.loginPopup.wishlistLogin .closeIcon {
  right: 15px;
  top: 10px;
  display: block;
}
.modalContainer.loginPopup.wishlistLogin .ashBg {
  background-color: #fff;
  padding: 32px 16px;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .back {
  font-weight: 500;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .back svg {
  width: 14px;
  height: 14px;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .loginForm {
  width: 100%;
  padding-left: 0px;
  margin-top: 10px;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .MuiTab-root {
  width: 49%;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .loginForm .MuiInputBase-root {
  height: unset;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .loginForgot {
  flex-direction: unset;
}
.modalContainer.loginPopup.wishlistLogin .passwordField .formRight {
  margin-left: 26px;
  font-size: 13px;
  font-weight: 300;
  line-height: 14px;
}
.modalContainer.loginPopup.wishlistLogin .passwordField .formRight p {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .modalContainer.loginPopup.wishlistLogin .step1Form .emailField {
    width: 100%;
  }
}
.modalContainer.loginPopup.wishlistLogin .step1Form.flexWrapContent {
  display: flex;
  flex-wrap: wrap;
}
.modalContainer.loginPopup.wishlistLogin .signUpContainer .step1Form .twoColumn {
  width: calc(50% - 10px);
}
.modalContainer.loginPopup.wishlistLogin .loginForm .loginformContainer form, .modalContainer.loginPopup.wishlistLogin .signUpContainer .signupForm2, .modalContainer.loginPopup.wishlistLogin .signUpContainer .contactInfo, .modalContainer.loginPopup.wishlistLogin .signUpContainer .workEmail {
  width: 100%;
  max-width: 100%;
}
.modalContainer.loginPopup.wishlistLogin .addressSuggestions {
  margin-top: 16px;
}
.modalContainer.loginPopup.wishlistLogin .zipField, .modalContainer.loginPopup.wishlistLogin .cityField {
  width: 100%;
  margin-right: 0;
}
.modalContainer.loginPopup.wishlistLogin .signUpContainer .MuiFormControlLabel-root {
  margin: 16px 0;
}
.modalContainer.loginPopup.wishlistLogin .loginForm .MuiFormControlLabel-root span {
  padding: 0;
}
.modalContainer.loginPopup.wishlistLogin .loginForm .MuiFormControlLabel-root span .MuiIconButton-label {
  margin-right: 8px;
}
.modalContainer.loginPopup.wishlistLogin .loginForm .MuiFormControlLabel-root span.MuiRadio-root {
  padding: 9px;
}
.modalContainer.loginPopup.wishlistLogin .fa-exclamation-circle {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(208, 52, 44)" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>');
}
.modalContainer.loginPopup.wishlistLogin .fa-check::before {
  content: "";
}

.modalContainer.wishlistLogin .closeIcon {
  right: 15px;
  top: 10px;
  display: block;
}

.wishListLoginSuccessContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  top: 50%;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 20px;
  height: 206px;
  position: absolute;
  width: 90%;
  margin: 0 5%;
  margin-top: -103px;
}
.wishListLoginSuccessContainer .wishListLoginSuccessMsg {
  font-size: 26px;
  font-weight: 500;
  width: 100%;
  margin-bottom: 30px;
}
.wishListLoginSuccessContainer .fa-circle-check {
  width: 100%;
  background-position: center;
  margin-bottom: 30px;
  background-size: 40px 40px;
  height: 40px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>');
}
.wishListLoginSuccessContainer .wishListSuccessMsg {
  width: 100%;
  color: #004E7D;
  margin-bottom: 30px;
  font-size: 16px;
}

.productOverview .priceSection .cartButtons .autoReorderSaveMessage:not(div.autoReorderMsgBlock) {
  position: absolute !important;
  top: 10px;
  right: -35px;
}

.productOverview .priceSection .cartButtons .autoReorderSaveMessage:has(div.autoReorderMsgBlock) {
  position: unset !important;
  top: unset;
  right: unset;
}

.roi-calculator {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .roi-calculator {
    display: inherit;
  }
}
.roi-calculator .calculator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator {
    display: inherit;
  }
}
.roi-calculator .calculator .calc-input-area {
  display: flex;
  flex-direction: column;
  width: 45%;
  min-width: 420px;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator .calc-input-area {
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
    min-width: auto;
  }
}
.roi-calculator .calculator .calc-input-area .calc-title {
  margin-top: 0px;
  font-weight: 500;
  margin: 0px;
  font-size: 34px;
  color: #212934;
  line-height: 38px;
  padding-bottom: 20px;
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator .calc-input-area .calc-title {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 20px;
  }
}
.roi-calculator .calculator .calc-input-area .slider-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  margin-bottom: 20px;
  margin-right: 5px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group {
    margin-right: 8px;
  }
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group {
    margin-bottom: 25px;
  }
}
@media (max-width: 767.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group {
    flex-wrap: wrap;
    margin-right: 5px;
  }
}
.roi-calculator .calculator .calc-input-area .slider-group p {
  width: 32%;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #212934;
  margin-right: 10px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group p {
    width: 55%;
    margin-right: 10px;
  }
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group p {
    line-height: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 767.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group p {
    width: 100%;
    margin-bottom: 10px;
  }
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper {
  width: 47%;
  padding: 0 20px 0 20px;
  display: flex;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper {
    width: calc(73% - 80px);
    padding: 0 20px 0 5px;
  }
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper {
    width: calc(92% - 90px);
    padding: 0 20px 0 15px;
  }
}
@media (max-width: 767.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper {
    width: calc(92% - 90px);
    padding: 0 25px 0 0px;
  }
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-colorPrimary {
  color: #d41e3d;
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-colorPrimary .MuiSlider-track,
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-colorPrimary .MuiSlider-rail {
  height: 6px;
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-thumb {
  background-color: #d41e3d;
  height: 23px;
  width: 23px;
  margin-top: -8px;
  margin-left: -8px;
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-thumb::before {
  content: "";
  height: 11px;
  width: 11px;
  background-color: #d41e3d;
  border-radius: 50%;
  border: 3px solid #fff;
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-valueLabel {
  left: calc(-50% + 4px);
}
.roi-calculator .calculator .calc-input-area .slider-group .slider-wrapper .MuiSlider-valueLabel span {
  font-size: 9px;
}
.roi-calculator .calculator .calc-input-area .slider-group .MuiInput-underline:after,
.roi-calculator .calculator .calc-input-area .slider-group .MuiInput-underline:before {
  display: none;
}
.roi-calculator .calculator .calc-input-area .slider-group .input-for-slider {
  border-radius: 4px;
  width: 14%;
  margin-right: 5px;
  min-width: 80px;
}
@media (max-width: 767.98px) {
  .roi-calculator .calculator .calc-input-area .slider-group .input-for-slider {
    min-width: 90px;
  }
}
.roi-calculator .calculator .calc-input-area .slider-group .input-for-slider input {
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
  height: 32px;
  outline: none;
  border-radius: 4px;
  background-color: #ffffff;
  text-align: center;
}
.roi-calculator .calculator .calc-input-area .slider-group .value-label {
  width: 4%;
  font-size: 16px;
  font-weight: 300;
  color: #424c5b;
}
.roi-calculator .calculator .calc-input-area .redFilledButton {
  width: 212px;
}
@media (max-width: 991.98px) {
  .roi-calculator .calculator .calc-input-area .redFilledButton {
    width: 212px;
    margin-top: 16px;
  }
}
.roi-calculator .calculator .calc-input-area .redFilledButton .MuiButton-label {
  width: 212px;
  font-size: 16px;
}
.roi-calculator .product-main-container,
.roi-calculator .main-container {
  display: flex;
  width: 53%;
}
@media (max-width: 991.98px) {
  .roi-calculator .product-main-container,
.roi-calculator .main-container {
    width: 100%;
  }
}
.roi-calculator .product-main-container .table-wrapper,
.roi-calculator .main-container .table-wrapper {
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  overflow-x: auto;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table,
.roi-calculator .main-container .table-wrapper .fixed-col-table {
  width: 100%;
  display: block;
  border-spacing: 0;
  position: relative;
  border-collapse: inherit;
  overflow: auto;
  /*.tableColsCount_1 {
      //width: 100%;
      //display: inline-table;

      th {
          //: 40%;
      }
  }*/
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table tr,
.roi-calculator .main-container .table-wrapper .fixed-col-table tr {
  color: inherit;
  display: table-row;
  outline: 0;
  vertical-align: middle;
  /*td:last-child {
      border-right: 0!important;
  }*/
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table tr:last-child th, .roi-calculator .product-main-container .table-wrapper .fixed-col-table tr:last-child td,
.roi-calculator .main-container .table-wrapper .fixed-col-table tr:last-child th,
.roi-calculator .main-container .table-wrapper .fixed-col-table tr:last-child td {
  border-bottom: 0 !important;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table th,
.roi-calculator .main-container .table-wrapper .fixed-col-table th {
  background: #ffffff;
  border-right: 0.5px solid #BCBEC0;
  min-width: 170px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  position: sticky;
  left: 0;
  z-index: 1;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table td,
.roi-calculator .main-container .table-wrapper .fixed-col-table td {
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 300;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table td .prod-image,
.roi-calculator .main-container .table-wrapper .fixed-col-table td .prod-image {
  width: 100%;
  min-width: 116px;
  max-width: 150px;
  padding: 0px 9px;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table td a,
.roi-calculator .main-container .table-wrapper .fixed-col-table td a {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table th,
.roi-calculator .product-main-container .table-wrapper .fixed-col-table td,
.roi-calculator .main-container .table-wrapper .fixed-col-table th,
.roi-calculator .main-container .table-wrapper .fixed-col-table td {
  line-height: 22px;
  display: table-cell;
  padding: 10px 16px;
  text-align: left;
  letter-spacing: 0.01071em;
  vertical-align: inherit;
  border-bottom: 0.5px solid #BCBEC0;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table tr:nth-child(n) td,
.roi-calculator .main-container .table-wrapper .fixed-col-table tr:nth-child(n) td {
  background-color: white;
  box-sizing: border-box;
  border-right: 0.5px solid #BCBEC0;
  border-bottom: 0.5px solid #BCBEC0;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table tr:nth-child(2n) td,
.roi-calculator .main-container .table-wrapper .fixed-col-table tr:nth-child(2n) td {
  background-color: #f4f4f4;
  box-sizing: border-box;
  border-right: 0.5px solid #BCBEC0;
  border-bottom: 0.5px solid #BCBEC0;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table .result-cell:first-child,
.roi-calculator .main-container .table-wrapper .fixed-col-table .result-cell:first-child {
  box-shadow: inset 0px 11px 8px -10px #EFABA8, inset 0px -11px 8px -10px #EFABA8, inset 11px 0px 8px -10px #EFABA8;
  border-bottom: 0.5px solid #EFABA8;
}
.roi-calculator .product-main-container .table-wrapper .fixed-col-table .result-cell,
.roi-calculator .main-container .table-wrapper .fixed-col-table .result-cell {
  border-bottom: 0.5px solid #EFABA8 !important;
  box-shadow: inset 0px 11px 8px -10px #EFABA8, inset 0px -11px 8px -10px #EFABA8;
}
.roi-calculator.roi-form {
  margin-bottom: 30px;
}
.roi-calculator.roi-form .alertInline.error {
  margin-bottom: 0;
  margin-top: 20px;
}
.roi-calculator.roi-form .fullStretch {
  margin-bottom: 24px;
  width: calc(50% - 8px);
}
.roi-calculator.roi-form .fullStretch:first-child {
  margin-right: 16px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .roi-calculator.roi-form .fullStretch {
    width: 100%;
  }
  .roi-calculator.roi-form .fullStretch.facility-input {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: middle;
  }
}
.roi-calculator.roi-form .fullStretch.facility-input .MuiInputBase-root {
  margin-bottom: 3px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .roi-calculator.roi-form .calc-input-area > .flexDisplay {
    display: block !important;
  }
}
.roi-calculator.roi-form .calc-input-area .fullStretch {
  margin-bottom: 24px;
  width: calc(50% - 8px);
}
.roi-calculator.roi-form .calc-input-area .fullStretch:first-child {
  margin-right: 16px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .roi-calculator.roi-form .calc-input-area .fullStretch {
    width: 100%;
  }
  .roi-calculator.roi-form .calc-input-area .fullStretch.facility-input {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: middle;
  }
}
.roi-calculator.roi-form .calc-input-area .fullStretch.facility-input .MuiInputBase-root {
  margin-bottom: 3px;
}
.roi-calculator.roi-form .calc-input-area p.Mui-error {
  position: absolute;
  bottom: -16px;
}
.roi-calculator.roi-form .calc-input-area p.Mui-error#facility-size-helper-text {
  width: 300px;
}
.roi-calculator.roi-form .calc-input-area .calc-title {
  font-size: 26px;
  line-height: 30px;
  padding-bottom: 35px;
}
.roi-calculator.roi-form .calc-input-area .slider-group {
  flex-wrap: wrap;
}
.roi-calculator.roi-form .calc-input-area .slider-group p {
  width: 100%;
}
.roi-calculator.roi-form .calc-input-area .slider-group p.requiredField::after {
  content: "*";
  color: red;
}
.roi-calculator.roi-form .calc-input-area .slider-group .slider-wrapper {
  width: calc(88% - 80px);
  margin: 0 20px 0 0;
  padding: 0 20px 0 0px;
  /*@include for-phone-only {
      // width: 65%;
      width: calc(90% - 100px);
      padding: 0 25px 0 0px;
  }*/
}
@media (max-width: 991.98px) {
  .roi-calculator.roi-form .calc-input-area .slider-group .slider-wrapper {
    width: calc(86% - 100px);
  }
}
.roi-calculator.roi-form .calc-input-area .slider-group .input-for-slider input {
  font-weight: 300;
  padding: 6px 0 7px;
}
.roi-calculator.roi-form .calc-input-area .MuiInputBase-root > input {
  padding: 14px 12px;
}
.roi-calculator.roi-form .calc-input-area .facility-input-label {
  color: #212934;
}
.roi-calculator.roi-form .calc-input-area .drop-down-list {
  width: 100%;
}
.roi-calculator.roi-form .calc-input-area .drop-down-list .MuiOutlinedInput-input {
  border-radius: 4px;
}
.roi-calculator.roi-form .calc-input-area .drop-down-list .MuiOutlinedInput-input span {
  width: 95%;
  -webkit-line-clamp: 1;
  word-break: break-all;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.roi-calculator tbody.tableColsCount_3 {
  display: table;
  width: 100%;
}
.roi-calculator .alertInline {
  margin: 30px 0 0 0;
}
.roi-calculator .send-email {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .roi-calculator .send-email {
    flex-direction: column;
    padding: 15px;
  }
}
.roi-calculator .send-email .flex-col:first-child {
  width: 34%;
  margin-right: 30px;
}
@media (max-width: 1200px) {
  .roi-calculator .send-email .flex-col:first-child {
    width: 35%;
    margin-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .roi-calculator .send-email .flex-col:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.roi-calculator .send-email .flex-col:last-child {
  width: calc(66% - 30px);
}
@media (max-width: 1200px) {
  .roi-calculator .send-email .flex-col:last-child {
    width: 65%;
  }
}
@media (max-width: 991.98px) {
  .roi-calculator .send-email .flex-col:last-child {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .roi-calculator .send-email .flex-col:last-child {
    flex-wrap: wrap;
  }
  .roi-calculator .send-email .flex-col:last-child .fullStretch:nth-child(2) {
    margin-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .roi-calculator .send-email .flex-col:last-child {
    display: block !important;
    flex-wrap: nowrap;
  }
}
.roi-calculator .send-email .flex-col:last-child .fullStretch {
  max-width: 310px;
  margin-right: 20px;
}
.roi-calculator .send-email .flex-col:last-child .fullStretch input {
  padding: 14px 12px;
}
@media (max-width: 767.98px) {
  .roi-calculator .send-email .flex-col:last-child .fullStretch {
    max-width: unset;
    width: calc(49% - 8px);
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .roi-calculator .send-email .flex-col:last-child .fullStretch {
    width: 100%;
  }
}
.roi-calculator .send-email button {
  max-width: 215px;
}
.roi-calculator .send-email .MuiFormLabel-root .requiredField::after {
  content: "*";
  color: red;
}
.roi-calculator .send-email p.Mui-error {
  position: absolute;
  bottom: -18px;
}

tbody.tableColsCount_2 {
  display: table;
  width: 100%;
}

tbody.tableColsCount_2 tr td:nth-child(1), tbody.tableColsCount_2 tr td:nth-child(2), tbody.tableColsCount_2 tr td:nth-child(3) {
  width: 33.33% s;
}

.roi-calculator tbody.tableColsCount_2 tr td:nth-child(3) {
  border-right: none !important;
}

.roi-calculator tbody.tableColsCount_3 tr td:nth-child(4) {
  border-right: none !important;
}

.right_col .roi-calculator .main-container .table-wrapper .fixed-col-table {
  display: inline-table;
}
.right_col .roi-calculator .tableColsCount_1 th {
  width: 40%;
}
.right_col .roi-calculator .tableColsCount_1 tr td:nth-child(2) {
  border-right: none !important;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .right_col .roi-calculator .calculator .calc-input-area {
    min-width: 420px;
  }
  .right_col .roi-calculator .product-main-container, .right_col .roi-calculator .main-container {
    width: calc(100% - 440px);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .right_col .roi-calculator .calculator .calc-input-area {
    width: 100%;
    margin-bottom: 30px;
  }
  .right_col .roi-calculator .product-main-container, .right_col .roi-calculator .main-container {
    width: 100%;
  }
}
.right_col .roi-calculator .send-email {
  flex-direction: column;
}
@media (min-width: 1400px) {
  .right_col .roi-calculator .send-email {
    flex-direction: row;
  }
}
.right_col .roi-calculator .send-email .flex-col:first-child {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
@media (min-width: 1400px) {
  .right_col .roi-calculator .send-email .flex-col:first-child {
    width: 28%;
    margin-right: 30px;
    margin-bottom: 0;
  }
}
.right_col .roi-calculator .send-email .flex-col:last-child {
  width: 72%;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .right_col .roi-calculator .send-email .flex-col:last-child {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .right_col .roi-calculator .send-email .flex-col:last-child {
    width: 100%;
    flex-wrap: wrap;
  }
  .right_col .roi-calculator .send-email .flex-col:last-child .fullStretch {
    max-width: unset;
    width: calc(49% - 8px);
  }
  .right_col .roi-calculator .send-email .flex-col:last-child .fullStretch:nth-child(2) {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .right_col .roi-calculator .send-email .flex-col:last-child {
    width: 100%;
  }
}

.MuiListItem-gutters.dropdown-menu {
  white-space: break-spaces;
  padding: 0 16px;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 400;
}

.MuiListItem-gutters.dropdown-menu .MuiButtonBase-root {
  padding: 0 9px 0 0;
}

.MuiListItem-gutters.dropdown-menu .MuiListItem-root {
  padding: 6px 0;
}

.MuiListItem-gutters.dropdown-menu .selectOptionsText {
  white-space: break-spaces;
  margin: 0;
}

.MuiListItem-gutters.dropdown-menu .selectOptionsText span {
  white-space: break-spaces;
  font-size: 15px;
  font-weight: 400;
}

.MuiMenu-list .MuiMenuItem-root.Mui-disabled {
  font-size: 15px;
  font-weight: 400;
}

.mobile-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}
.mobile-banner .mobile-banner-wrapper {
  display: flex;
  transition: transform 1s ease-in-out 0s;
}
.mobile-banner .banner-slide {
  display: flex;
  max-width: 100%;
  min-height: 75px;
}
.mobile-banner .banner-image {
  width: 75px;
  height: auto;
  max-height: 75px;
  overflow: hidden;
}
.mobile-banner .banner-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mobile-banner .banner-image img.image-border {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.mobile-banner .banner-content {
  width: calc(100% - 75px);
  padding-left: 16px;
  align-self: center;
}
.mobile-banner .banner-content .bannerButton {
  padding: 0;
}
.mobile-banner .banner-content .banner-btn {
  margin-top: 12px;
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  line-height: 1;
  min-width: 219px;
  max-width: 328px;
  height: 32px;
  text-transform: capitalize;
}
.mobile-banner .banner-content .banner-btn.MuiButton-root, .mobile-banner .banner-content .banner-btn .MuiButton-root:hover {
  background-color: #d41e3d;
  border: 1px solid #d41e3d;
  color: #ffffff;
}
@media (max-width: 420px) {
  .mobile-banner .banner-content .banner-btn {
    min-width: 185px;
  }
}
.mobile-banner .banner-content p, .mobile-banner .banner-content h1, .mobile-banner .banner-content h2, .mobile-banner .banner-content h3, .mobile-banner .banner-content h4, .mobile-banner .banner-content h5, .mobile-banner .banner-content h6, .mobile-banner .banner-content a:not(.MuiButton-root):not(.banner-content-link), .mobile-banner .banner-content span:not(.MuiButton-label) {
  font-size: 16px;
  font-weight: 700;
  /*line-height: 18px;*/
  line-height: 1.13;
  color: #333;
}
.mobile-banner .banner-content p > *, .mobile-banner .banner-content h1 > *, .mobile-banner .banner-content h2 > *, .mobile-banner .banner-content h3 > *, .mobile-banner .banner-content h4 > *, .mobile-banner .banner-content h5 > *, .mobile-banner .banner-content h6 > *, .mobile-banner .banner-content a:not(.MuiButton-root):not(.banner-content-link) > *, .mobile-banner .banner-content span:not(.MuiButton-label) > * {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.13;
}
.mobile-banner .banner-content p sup, .mobile-banner .banner-content h1 sup, .mobile-banner .banner-content h2 sup, .mobile-banner .banner-content h3 sup, .mobile-banner .banner-content h4 sup, .mobile-banner .banner-content h5 sup, .mobile-banner .banner-content h6 sup, .mobile-banner .banner-content a:not(.MuiButton-root):not(.banner-content-link) sup, .mobile-banner .banner-content span:not(.MuiButton-label) sup {
  font-size: 16px;
  line-height: 0.5;
  vertical-align: top;
}
.mobile-banner .banner-content-link {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.mobile-banner .banner-slider-pagination {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}

/*# sourceMappingURL=pdp.css.map */