@charset "UTF-8";
/****** Primary Colors ******/
/****** Secondary Colors ******/
h1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
}

h2 {
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
}

h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
}

h4 {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
}

h5 {
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}

h6 {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  color: #212934;
}

/****** Primary Colors ******/
/****** Secondary Colors ******/
.brx-section-divider {
  margin: 16px auto;
  padding: 0;
  max-width: 1368px;
}
@media (max-width: 767.98px) {
  .brx-section-divider {
    margin: 0;
  }
}

.fullStretch {
  width: 100%;
}

.brxComponent:empty {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.brxComponent {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.brxComponentCatBanner {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
}

.brxComponentCatBanner:empty {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.noPadding {
  padding: 0 !important;
}

.noPaddingBottom {
  padding-bottom: 0 !important;
}

.paddingT16 {
  padding-top: 16px;
}

.noMargin {
  margin: 0 !important;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}

.d-inline {
  display: inline-block;
}

/****Loader Issue fix for Login/SignIn/Out page*****/
.accountLayout .contentWrapper.accountContent .loaderWrapper {
  height: unset !important;
}
.accountLayout .contentWrapper.accountContent .loaderWrapper .backText {
  padding-top: 28px !important;
  font-size: 14px !important;
}
.accountLayout .contentWrapper.accountContent .loaderWrapper .leftArrow {
  padding-top: 28px !important;
}
.accountLayout .contentWrapper.accountContent .loaderWrapper .MuiCircularProgress-root {
  width: auto;
  height: auto;
  padding-top: 11%;
  padding-bottom: 15%;
}

@media (max-width: 767.98px) {
  .tiledCards_cardsBannersContainer__4lS_Y .tiledCards_bannerButton__doHVQ button {
    color: #212934;
  }
}

.innerNavBar {
  color: #004e7d;
  font-size: 14px;
  font-weight: 600;
  margin-top: 12px;
}
.innerNavBar .navBarItem {
  padding-left: 18px;
  padding-bottom: 16px;
  margin-top: 0;
  display: flex;
}
.innerNavBar .linkText {
  padding-left: 6px;
  display: flex;
  font-weight: 500;
  color: #004e7d;
}
.innerNavBar a {
  display: flex;
}

.link {
  color: #004e7d;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}

.bold {
  font-weight: 600;
}

.semiBold {
  font-weight: 500;
}

.content {
  padding: 3%;
  height: calc(100% - 82px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .content {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .content {
    padding: 0;
  }
}

.widget-floating {
  top: auto !important;
  bottom: 50px !important;
}

.accountContent {
  max-width: 1440px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .accountContent {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.inlineOnDesktop {
  display: none;
}
@media (min-width: 768px) {
  .inlineOnDesktop {
    display: inline;
  }
}

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

.flexOnDesktopUp {
  display: none;
}
@media (min-width: 1200px) {
  .flexOnDesktopUp {
    display: flex;
  }
}

.blockOnDesktop {
  display: none;
}
@media (min-width: 768px) {
  .blockOnDesktop {
    display: block;
  }
}

.inlineOnMobile {
  display: inline;
}
@media (min-width: 768px) {
  .inlineOnMobile {
    display: none;
  }
}

.flexOnMobile {
  display: inline;
}
@media (min-width: 768px) {
  .flexOnMobile {
    display: none;
  }
}

.showFlex {
  display: flex;
}

.showBlock {
  display: block;
}

.hide {
  display: none;
}

.modal-open {
  overflow: hidden;
  touch-action: none;
  position: relative;
  height: 100%;
}

.emailError {
  color: #d41e3d;
}

.marginTop5 {
  margin-top: 5px !important;
}

.alertContainer {
  position: fixed;
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}
.alertContainer .MuiSnackbar-anchorOriginTopCenter {
  top: 51px;
  width: 100%;
}
@media (min-width: 768px) {
  .alertContainer .MuiSnackbar-anchorOriginTopCenter {
    top: 24px;
  }
}
.alertContainer .MuiSnackbar-root.MuiSnackbar-anchorOriginTopRight {
  position: relative !important;
}

.floatWrap {
  float: left;
}

.info.iIcon {
  transform: rotate(180deg);
  margin-left: 5px;
  width: 24px;
}

.relativeDiv {
  position: relative;
}

.pageNav {
  padding-bottom: 64px;
}
.pageNav .alignVCenter svg,
.pageNav .alignVCenter span {
  font-size: 15px;
  color: #424c5b;
  cursor: pointer;
}

.flexDisplay {
  display: flex;
}

.noMargin {
  margin: 0;
}

h3.section_title_h3:empty {
  margin-bottom: 0 !important;
}

.section_title_h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  color: #212934;
  margin: 0;
  margin-bottom: 20px !important;
}
@media (max-width: 767.98px) {
  .section_title_h3 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: normal;
  }
}
.section_title_h3:empty {
  margin-bottom: 0 !important;
}

/*from reset-home*/
.max-width {
  max-width: 1368px;
  margin: 0 auto;
  width: 100%;
  text-align: left;
}

.errorMsgWrapper i.fa-circle-exclamation {
  color: #d0021b;
  font-size: 22px;
  margin: 0px 10px 0px 0px;
}

.errorMsgWrapper {
  font-size: 14px;
  display: flex;
  color: #212934;
  margin-top: 15px;
}

.redColor {
  color: #d41e3d !important;
}

.buttonLogin {
  height: 50px;
  border-radius: 8px;
  background: #d41e3d;
  color: #ffffff;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.agreeBtn {
  background-color: #008000;
}

.blue-text {
  color: #004e7d;
}

.toolTipContainer {
  background: #002e50;
  color: #ffffff;
  padding: 10px;
  width: 60%;
  right: -24px;
  position: absolute;
  line-height: 1.3;
  font-weight: 400;
  z-index: 1;
}
.toolTipContainer p,
.toolTipContainer span,
.toolTipContainer div {
  color: #fff !important;
}
.toolTipContainer span {
  padding: 0;
  color: #fff;
}
.toolTipContainer.estShippingToolTip {
  width: 100%;
  top: 65px;
}
.toolTipContainer .head-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #bcbec0;
  margin-bottom: 16px;
}
.toolTipContainer .head-title h1 {
  font-size: 16px;
}
.toolTipContainer .head-title .fas {
  padding-right: 5px;
  color: #ffffff;
}

.toolTipContainer.estShippingToolTip::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: -10px;
  right: 30px;
  z-index: 2;
}

.estShipping::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: -10px;
  right: 30px;
  z-index: 2;
}
.estShipping p {
  padding: 0;
  margin: 0;
  line-height: initial;
}

.whiteColorvariant {
  border: 1px solid #212934;
}

.toolTipContainer p {
  word-break: break-word;
}

.toolTipContainer.freeShippingToolTip {
  left: 0;
  margin-top: 15px;
  width: 65%;
}

.toolTipContainer.freeShippingToolTip::before {
  left: 10px;
}

.renderfreeShippingToolTip::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 5.5px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 10px;
  top: -4px;
}

.productCarousel .freeShipping .d-inline.cursor-p .fa-info-circle.freeShppingToolTip {
  margin: 0 6px;
}

.fa-info-circle {
  display: inline-flex;
  width: 16px;
  height: 16px;
  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(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, .fa-info-circle.ToolTip {
  position: relative;
  font-style: normal;
  vertical-align: middle;
  margin: 0px 8px;
  /* &::before {
     content: "\f05a";
     color: $primary-blue;
     border-radius: 100%;
     font-size: 16px;
     font-weight: 500;
   }*/
}
.fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2, .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
  background: #002e50;
  color: #ffffff;
  padding: 10px;
  width: 215px;
  right: -24px;
  position: absolute;
  top: 35px;
  line-height: 1.3;
  font-weight: 400;
  z-index: 2;
}
.fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .fa-info-circle.ToolTip .MuiTypography-subtitle2::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: -10px;
  right: 30px;
  z-index: 2;
}
@media (max-width: 539.98px) {
  .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 155px !important;
  }
}
@media (max-width: 767.98px) {
  .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2, .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: 0;
  }
  .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before, .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 6px;
  }
}
.fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 a, .fa-info-circle.ToolTip .MuiTypography-subtitle2 a {
  color: #ffffff;
  font-weight: 500;
  display: block;
}
.fa-info-circle.PriceInfoTooltip .MuiTypography-subtitle2 {
  right: -150px;
}
.fa-info-circle.PriceInfoTooltip .MuiTypography-subtitle2::before {
  left: 35px;
}

.listViewTable .MuiTypography-subtitle2 {
  right: 0 !important;
}

.productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
.productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
  top: 25px;
}
@media (max-width: 539.98px) {
  .productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2,
  .productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 {
    left: -150px !important;
  }
}
@media (max-width: 539.98px) {
  .productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
  .productTileContainer .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 .fa-info-circle.ToolTip .MuiTypography-subtitle2::before,
  .productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2::before,
  .productTileContainer .fa-info-circle.ToolTip .MuiTypography-subtitle2 .fa-info-circle.ToolTip .MuiTypography-subtitle2::before {
    left: 156px !important;
  }
}

.fontSize12Normal {
  font-size: 12px !important;
  font-weight: normal;
  line-height: 12px;
}

.successMsg {
  background-color: rgba(113, 185, 70, 0.12);
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 auto;
  margin-top: 16px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  color: #4b515a;
}
.successMsg .far {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #4e832e;
}
.successMsg span {
  font-weight: 500;
  margin: 0 4px;
}

.warning-msg {
  background-color: #fbeaec;
  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;
}
.warning-msg .fa-exclamation-circle {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #d0021b;
}
.warning-msg span {
  font-weight: 500;
  margin: 0 4px;
  color: #424c5b;
}

.contentWrapper .share-popup-wrapper {
  position: absolute;
  right: 30px;
  top: 25px;
}
@media (max-width: 767.98px) {
  .contentWrapper .share-popup-wrapper {
    position: relative;
    right: auto;
    top: auto;
  }
  .contentWrapper .share-popup-wrapper .navContextMenu {
    float: right;
  }
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper {
  display: flex;
  align-items: center;
  color: #004e7d;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper span {
  padding: 0 3px;
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper .fal {
  width: 18.38px;
  height: 21px;
  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="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>');
  display: inline-block;
  background-repeat: no-repeat;
}
.contentWrapper .share-popup-wrapper .inlineFlexWrapper .fal::before {
  content: "";
}
.contentWrapper .sharePopup1 {
  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: 1;
  right: 0px;
  top: 30px;
}
.contentWrapper .sharePopup1::before {
  top: -9px;
  border-bottom: solid 6px #dadada;
  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;
}
.contentWrapper .sharePopup1 ::after {
  top: -8px;
  border-bottom: solid 6px white;
  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;
}
.contentWrapper > h2 {
  margin: 0 36px 16px;
}
.contentWrapper h2.title {
  margin: 0 36px 16px;
  font-size: 30px;
  font-weight: 500;
}

.mainComparePage.compareWrapper .tileDescContainer {
  position: relative;
  padding-bottom: 16px;
}
.mainComparePage.compareWrapper .reviewDesktopView {
  padding-right: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mainComparePage.compareWrapper .tagsRow {
  max-height: 62px;
}
.mainComparePage.compareWrapper .leftArrow {
  margin-right: 7px;
}

.selectBoxWithSearch.autoComplete {
  outline: none;
}
.selectBoxWithSearch.autoComplete input {
  padding: 10px;
  border: none;
  outline: none;
}
@media (max-width: 767.98px) {
  .selectBoxWithSearch.autoComplete input {
    margin: 10px 20px;
  }
}
.selectBoxWithSearch.autoComplete .MuiInputBase-root {
  border: none;
  border-bottom: 1px solid #bcbec0;
  border-radius: 0;
}
.selectBoxWithSearch.autoComplete .autoCompleteStyle .selectOptionsText {
  margin: 0 4px;
}

.autoCompleteSelectBoxHeader .actionBtnWrapper {
  position: absolute;
  top: 20px;
  right: 10px;
}

.Mask {
  position: fixed;
  background: #000;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  z-index: 1;
}

.Mask--open {
  top: 196px;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  pointer-events: auto;
}

.pos-absolute {
  position: absolute;
}

.h-full {
  height: 100%;
}

.half-star-wrapper {
  color: #D89F02;
}

.mobile_primary_blue {
  background: url(../../../images/bg/mobile/mobile_primary_blue.jpg);
}

.mobile_primary_red {
  background: url(../../../images/bg/mobile/mobile_primary_red.jpg);
}

.mobile_secondary_blue {
  background: url(../../../images/bg/mobile/mobile_secondary_blue.jpg);
}

.mobile_secondary_green {
  background: url(../../../images/bg/mobile/mobile_secondary_green.jpg);
}

.mobile_secondary_grey {
  background: url(../../../images/bg/mobile/mobile_secondary_grey.jpg);
}

.mobile_secondary_orange {
  background: url(../../../images/bg/mobile/mobile_secondary_orange.jpg);
}

.mobile_secondary_yellow {
  background: url(../../../images/bg/mobile/mobile_secondary_yellow.jpg);
}

.mobile_white_background {
  background: url(../../../images/bg/mobile/mobile_white_background.jpg);
}

.right_col .mobile_primary_blue, .right_col .mobile_primary_red, .right_col .mobile_secondary_blue, .right_col .mobile_secondary_green, .right_col .mobile_secondary_grey, .right_col .mobile_secondary_orange, .right_col .mobile_secondary_yellow, .right_col .mobile_white_background {
  font-size: 50px !important;
  line-height: 45px !important;
  word-break: break-word !important;
}
@media (max-width: 1200px) {
  .right_col .mobile_primary_blue, .right_col .mobile_primary_red, .right_col .mobile_secondary_blue, .right_col .mobile_secondary_green, .right_col .mobile_secondary_grey, .right_col .mobile_secondary_orange, .right_col .mobile_secondary_yellow, .right_col .mobile_white_background {
    font-size: 40px !important;
    line-height: 35px !important;
  }
}

.account {
  cursor: pointer;
}
.account .accountLinksection {
  padding-top: 20px;
}
.account .accountLinksection a {
  display: block;
  text-align: left;
  padding-bottom: 16px;
}
.account .accountPopup {
  display: none;
}
.account .accountPopup .accountLinksection {
  margin: -24px -15px -8px;
  padding-top: 0;
}
.account .accountPopup .accountLinksection a {
  display: block;
  text-align: left;
  padding-bottom: 16px;
}
.account:hover .accountPopup {
  display: block;
  box-sizing: border-box;
  padding: 40px 29px;
  width: 300px;
  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: -14px;
}
.account:hover .accountPopup::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 5.5px #DADADA;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
  top: -6px;
}
.account:hover .accountPopup::after {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 5.5px #ffffff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
  top: -5px;
}
.account:hover .accountPopup .createAccount {
  height: 52px;
  background-color: transparent;
  box-shadow: none;
  border: 2px solid #004e7d;
  border-radius: 8px;
  color: #004e7d;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.account:hover .accountPopup .signupText {
  padding-top: 29px;
  padding-bottom: 13px;
}
.account:hover .accountPopup .buttonLogin {
  height: 50px;
  border-radius: 8px;
  background: #d41e3d;
  color: #FFFFFF;
  font-family: Kanit;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.customBtn {
  width: 100%;
  max-height: 50px;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  height: 50px;
  font-family: "kanit" !important;
}
@media (max-width: 767.98px) {
  .customBtn {
    font-size: 14px !important;
  }
}
.customBtn.disabled {
  opacity: 0.5;
}
.customBtn .icon {
  margin-right: 8px;
  font-size: 24px;
}

.redFilledButton {
  background-color: #d41e3d !important;
  color: #ffffff !important;
}

.blueOutlinedButton {
  color: #004e7d !important;
  background: #ffffff !important;
  border: 2px solid #004e7d !important;
}

.MuiButtonBase-root {
  box-shadow: none !important;
}

.noStyleButtons {
  background: transparent !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  color: #004e7d !important;
  font-weight: 600 !important;
  text-transform: none !important;
  font-family: "kanit" !important;
  font-size: 16px !important;
}

/***** Buttons for BRX AND SITE ******/
.btn_primary {
  height: 50px;
  max-height: 50px;
  border-radius: 8px;
  text-align: center;
  min-width: 212px;
  max-width: 328px;
  font-size: 16px;
  border: none;
  padding: 0;
}
.btn_primary.fill-primary-blue {
  background-color: #004e7d;
  color: #ffffff;
}
.btn_primary.fill-primary-red {
  background-color: #d41e3d;
  color: #ffffff;
}
.btn_primary.fill-primary-blue-tint {
  background-color: #b2c8db;
  color: #ffffff;
}
.btn_primary.fill-primary-red-tint {
  background-color: #f3b2c3;
  color: #ffffff;
}
.btn_primary.fill-secondary-orange {
  background-color: #e25411;
  color: #ffffff;
}
.btn_primary.fill-secondary-green {
  background-color: #71b946;
  color: #ffffff;
}
.btn_primary.fill-secondary-yellow {
  background-color: #d89f02;
  color: #ffffff;
}
.btn_primary.fill-secondary-blue {
  background-color: #6cc2ed;
  color: #ffffff;
}
.btn_primary.fill-secondary-grey {
  background-color: #bcbec0;
  color: #ffffff;
}

.btn_secondory {
  height: 48px;
  max-height: 48px;
  border-radius: 8px;
  text-align: center;
  min-width: 212px;
  max-width: 328px;
  font-size: 16px;
  border: none;
  padding: 0;
}
.btn_secondory.fill-primary-blue {
  border: 2px solid #004e7d;
  color: #004e7d;
  background-color: #ffffff;
}
.btn_secondory.fill-primary-red {
  border: 2px solid #d41e3d;
  color: #d41e3d;
  background-color: #ffffff;
}
.btn_secondory.fill-primary-blue-tint {
  border: 2px solid #b2c8db;
  color: #b2c8db;
  background-color: #ffffff;
}
.btn_secondory.fill-primary-red-tint {
  border: 2px solid #f3b2c3;
  color: #f3b2c3;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-orange {
  border: 2px solid #e25411;
  color: #e25411;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-green {
  border: 2px solid #71b946;
  color: #71b946;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-yellow {
  border: 2px solid #d89f02;
  color: #d89f02;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-blue {
  border: 2px solid #6cc2ed;
  color: #6cc2ed;
  background-color: #ffffff;
}
.btn_secondory.fill-secondary-grey {
  border: 2px solid #bcbec0;
  color: #bcbec0;
  background-color: #ffffff;
}

.bannerButton {
  padding: 40px 0 0 0;
}

.ButtonContainer {
  padding: 40px 0 0 0;
}

.bannerButton .Small, .ButtonContainer .Small {
  min-width: 212px !important;
  max-width: 212px !important;
}
.bannerButton .Max, .ButtonContainer .Max {
  min-width: 328px !important;
  max-width: 328px !important;
}
.bannerButton a, .ButtonContainer a {
  font-size: 16px;
  font-family: Kanit;
  min-width: 212px;
  max-width: 328px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: none;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
}
@media (max-width: 767.98px) {
  .bannerButton, .ButtonContainer {
    padding: 10px 0 0 0;
  }
  .bannerButton a, .ButtonContainer a {
    font-size: 14px;
    font-family: Kanit;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: none;
    max-width: 324px;
    min-width: 156px;
    height: 38px;
    box-shadow: none;
    border-radius: 8px;
  }
}
.bannerButton Button:hover, .ButtonContainer Button:hover {
  box-shadow: none;
}
.bannerButton .primary-blue, .bannerButton .primary-blue:hover, .ButtonContainer .primary-blue, .ButtonContainer .primary-blue:hover {
  background-color: #004e7d;
}
.bannerButton .primary-red, .bannerButton .primary-red:hover, .ButtonContainer .primary-red, .ButtonContainer .primary-red:hover {
  background-color: #d41e3d;
}
.bannerButton .primary-blue-tint, .bannerButton .primary-blue-tint:hover, .ButtonContainer .primary-blue-tint, .ButtonContainer .primary-blue-tint:hover {
  background-color: #b2c8db;
}
.bannerButton .primary-red-tint, .bannerButton .primary-red-tint:hover, .ButtonContainer .primary-red-tint, .ButtonContainer .primary-red-tint:hover {
  background-color: #f3b2c3;
}
.bannerButton .secondary-orange, .bannerButton .secondary-orange:hover, .ButtonContainer .secondary-orange, .ButtonContainer .secondary-orange:hover {
  background-color: #e25411;
}
.bannerButton .secondary-green, .bannerButton .secondary-green:hover, .ButtonContainer .secondary-green, .ButtonContainer .secondary-green:hover {
  background-color: #d41e3d;
}
.bannerButton .secondary-yellow, .bannerButton .secondary-yellow:hover, .ButtonContainer .secondary-yellow, .ButtonContainer .secondary-yellow:hover {
  background-color: #d89f02;
}
.bannerButton .secondary-blue, .bannerButton .secondary-blue:hover, .ButtonContainer .secondary-blue, .ButtonContainer .secondary-blue:hover {
  background-color: #6cc2ed;
}
.bannerButton .secondary-grey, .bannerButton .secondary-grey:hover, .ButtonContainer .secondary-grey, .ButtonContainer .secondary-grey:hover {
  background-color: #bcbec0;
}
.bannerButton .secondary-dark-blue, .bannerButton .secondary-dark-blue:hover, .ButtonContainer .secondary-dark-blue, .ButtonContainer .secondary-dark-blue:hover {
  background-color: "#002d50";
}
.bannerButton .MuiButton-root, .ButtonContainer .MuiButton-root {
  font-size: 16px;
  min-width: 212px;
  max-width: 328px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: none;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
}
.bannerButton .MuiButton-root.primary-light, .bannerButton .MuiButton-root.primary-light:hover, .ButtonContainer .MuiButton-root.primary-light, .ButtonContainer .MuiButton-root.primary-light:hover {
  background-color: #d41e3d;
  border: 1px solid #d41e3d;
  color: #ffffff;
}
.bannerButton .MuiButton-root.secondary-light, .bannerButton .MuiButton-root.secondary-light:hover, .ButtonContainer .MuiButton-root.secondary-light, .ButtonContainer .MuiButton-root.secondary-light:hover {
  background-color: #ffffff;
  border: 1px solid #004e7d;
  color: #004e7d;
}
.bannerButton .MuiButton-root.primary-dark, .bannerButton .MuiButton-root.primary-dark:hover, .ButtonContainer .MuiButton-root.primary-dark, .ButtonContainer .MuiButton-root.primary-dark:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #d41e3d;
}
.bannerButton .MuiButton-root.secondary-dark, .bannerButton .MuiButton-root.secondary-dark:hover, .ButtonContainer .MuiButton-root.secondary-dark, .ButtonContainer .MuiButton-root.secondary-dark:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.filterViewAll {
  background-color: #ffffff;
  border: 1px solid #004e7d;
  color: #004e7d;
  font-size: 14px !important;
  padding: 5px 15px;
  min-width: 212px;
  max-width: 328px;
  font-weight: 400 !important;
  text-transform: none;
  height: 33px;
  box-shadow: none;
  border-radius: 4px;
}

.stepper .MuiStepConnector-lineHorizontal {
  border-top-style: dashed;
  border-top-width: 2px;
}
.stepper .MuiStepConnector-line {
  display: block;
  border-color: #ffffff;
}
.stepper .MuiStepLabel-label {
  color: #ffffff !important;
}

.MuiPaper-root.MuiStepper-root {
  background: #004e7d;
  color: #ffffff;
  width: 50%;
  margin-left: 64px;
}

.MuiInputBase-root {
  border: 1px solid #bcbec0;
  background-color: #ffffff;
}

.MuiInputBase-root.Mui-error,
.error {
  background-color: #ffffff;
  border: 1px solid #ff1000;
  border-radius: 4px;
}

.error {
  padding: 10px;
}
.error .errorMsg {
  color: #ff1000;
}

.MuiFormHelperText-root.Mui-error {
  color: #ff1000;
  margin: 0;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
  font-family: Kanit;
  margin-top: 7px;
}

/* .header .searchWrapper input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
} */
.header .searchWrapper input[type=search].header-search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  display: block;
  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.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(61, 100, 165)" d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg>');
  background-repeat: no-repeat;
  background-size: 0.6rem;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-notchedOutline {
  border: none !important;
}

.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border: none !important;
}

.MuiSelect-select:focus {
  background-color: #ffffff !important;
}

.MuiFormLabel-root {
  color: #212934;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  font-family: Kanit;
}
@media (min-width: 768px) {
  .MuiFormLabel-root {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
    font-family: Kanit;
  }
}
.MuiFormLabel-root .requiredField::after {
  content: "*";
  color: red;
}

.MuiFormControl-marginNormal {
  margin-top: 5px;
  margin-bottom: 0px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  animation-name: onAutoFillStart;
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  padding: 14.5px 14px;
}

input:-internal-autofill-selected {
  background-color: #ffffff !important;
}

.MuiIconButton-label input[type=checkbox],
.MuiOutlinedInput-notchedOutline,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: none;
}

.MuiInputBase-input.Mui-disabled,
.MuiInputBase-root.Mui-disabled {
  color: #424c5b;
  background-color: #f3f3f3;
  border-radius: 4px;
  font-size: 15px;
  cursor: not-allowed;
  box-sizing: border-box;
}

.marginRight20 {
  margin-right: 20px;
}

.twoColumn {
  width: 50%;
  float: left;
}
.twoColumn.marginRight20 {
  width: calc(50% - 20px);
}

.threeColumn {
  width: 33.3%;
  float: left;
}
.threeColumn.marginRight20 {
  width: calc(33.3% - 20px);
}
@media (max-width: 767.98px) {
  .threeColumn.expiry-month {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767.98px) {
  .threeColumn.expiry-year {
    width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .threeColumn.cvc-no {
    width: 100%;
  }
}

.cityField {
  width: 100%;
  float: left;
  margin: 0;
}
@media (max-width: 767.98px) {
  .cityField {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .cityField {
    width: 66%;
  }
  .cityField .selectBox {
    width: 100%;
    height: 50px;
  }
}

.stateField {
  width: 100%;
  float: left;
}

.zipField {
  width: calc(34% - 20px);
  float: left;
}
@media (max-width: 767.98px) {
  .zipField {
    width: 100%;
    margin-right: 0;
  }
}

.cancelIcon {
  fill: #646d7b;
}

.cityField .drop-down-list .MuiSelect-selectMenu {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 238px;
  display: block;
  line-height: 20px !important;
}
@media (max-width: 767.98px) {
  .cityField .drop-down-list .MuiSelect-selectMenu {
    width: 100%;
  }
}
.cityField .drop-down-list > div.Mui-focused {
  outline: 1px solid #ccc;
}

.inputWithButton .MuiOutlinedInput-input {
  padding: 0 14px;
}
.inputWithButton .MuiInputBase-root {
  border: 1px solid #bcbec0;
  height: 50px;
  padding-right: 0;
  border-right: 0;
}
.inputWithButton .MuiFormLabel-root {
  color: #212934;
}
.inputWithButton .redFilledButton {
  max-width: 136px;
  border-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  max-height: 51px;
  height: 50px;
}

.MuiTypography-root {
  font-family: "Kanit", sans-serif !important;
}

.MuiCheckbox-root .MuiSvgIcon-root {
  width: 23px;
  height: 23px;
  fill: #424c5b;
}

.MuiCheckbox-colorSecondary.Mui-checked {
  color: transparent;
}
.MuiCheckbox-colorSecondary.Mui-checked path {
  fill: #004e7d;
}

.MuiCheckbox-root.MuiIconButton-colorSecondary:hover {
  background-color: rgba(245, 0, 87, 0.04);
}

.MuiCheckbox-colorSecondary.Mui-disabled {
  color: transparent;
}
.MuiCheckbox-colorSecondary.Mui-disabled path {
  fill: unset;
}

.MuiRadio-colorSecondary.Mui-checked {
  color: #004e7d !important;
}

.MuiIconButton-colorSecondary:hover {
  background-color: transparent !important;
}

.MuiRadio-root {
  align-items: baseline !important;
}
.MuiRadio-root input[type=radio] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.MuiRadio-root .MuiIconButton-label {
  width: 24px;
  height: 24px;
}
.MuiRadio-root .MuiSvgIcon-root:nth-child(2) {
  display: none;
}
.MuiRadio-root.Mui-checked .MuiSvgIcon-root:nth-child(2) {
  display: block;
  position: absolute;
}

.languages {
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .languages {
    padding-right: 0;
  }
}
.languages .MuiOutlinedInput-inputMarginDense {
  padding-top: 4.5px;
  padding-bottom: 6.5px;
}
.languages .MuiInputBase-input,
.languages .MuiSelect-select:focus {
  background-color: #ffffff;
}
.languages .MuiSelect-outlined.MuiSelect-outlined {
  padding-right: 32px;
  font-size: 13px;
  font-weight: 600;
  padding-left: 7px;
}

@media (min-width: 768px) {
  .nativeSelect {
    width: 200px !important;
  }
}
.nativeSelect .MuiListItemIcon-root {
  min-width: 32px;
}
.nativeSelect .listItem,
.nativeSelect img.countryFlag {
  width: 25px;
  height: 17px;
}
.nativeSelect .MuiInputLabel-outlined {
  transform: translate(14px, 12px) scale(1);
}
.nativeSelect .MuiListItem-gutters {
  padding: 0 25px 0 5px;
  display: flex;
}
.nativeSelect .MuiSelect-select:focus {
  background: white;
}
.nativeSelect .MuiOutlinedInput-input {
  padding: 5px 13px;
}
.nativeSelect .MuiListItem-root {
  padding-top: 0;
  padding-bottom: 0;
}
.nativeSelect .info {
  color: #212934;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  padding-left: 10px;
  margin-top: 2px;
  opacity: 0.9;
}
.nativeSelect .MuiListItemText-primary {
  opacity: 0.65;
  color: #212934;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
}
.nativeSelect .MuiSvgIcon-colorPrimary {
  margin-right: 5px;
}
.nativeSelect .MuiSelect-selectMenu {
  opacity: unset !important;
}
.nativeSelect .MuiListItemText-root {
  margin: 0;
  text-align: left;
}
.nativeSelect .MuiSelect-select.MuiSelect-select {
  padding: 5px;
}
.nativeSelect .checkedStatus,
.nativeSelect .selectOptionsText {
  display: none;
}

.relativeDiv.quantityDD {
  max-width: unset;
}

.quantityDD {
  max-width: 90px;
}
.quantityDD .nativeSelect {
  width: 76px !important;
  margin-right: 8px;
}
.quantityDD .nativeSelect .MuiListItemText-root {
  text-align: center;
}
.quantityDD .autoCompleteBox .MuiListItemText-primary {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
  color: #424c5b;
  opacity: initial;
}
.quantityDD .autoCompleteBox .MuiSelect-icon {
  color: #424c5b;
}
.quantityDD .autoCompleteBox .MuiOutlinedInput-notchedOutline,
.quantityDD .autoCompleteBox .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid #424c5b;
}
.quantityDD .autoCompleteBox .MuiOutlinedInput-root {
  height: 48px;
  border: none;
  overflow: -webkit-paged-y; /* Safari */
}
.quantityDD .autoCompleteBox .MuiOutlinedInput-input {
  padding: 5px 14px;
  height: auto;
}

#menu-country .MuiListItem-button,
#menu-country .MuiListItem-gutters {
  padding: 0 5px;
}
#menu-country .checkedStatus {
  justify-content: flex-end;
}
#menu-country .selectBoxText {
  display: none;
}
#menu-country .MuiListItemIcon-root {
  min-width: 30px;
}

.drop-down-list .MuiOutlinedInput-input {
  padding: 14px 12px !important;
  min-height: 20px !important;
  color: #212934 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  align-items: center;
  display: flex;
  /*@include for-phone-only {
    padding: 9px 12px !important;
  }*/
}

@media (max-width: 767.98px) {
  .mobileMenu.otherSupports .languages {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.loaderWrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaderWrapper:empty {
  display: none;
}

.loaderOverlay {
  width: 100% !important;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.lds-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1301;
}

.lds-spinner div {
  transform-origin: 40px 25px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 5px;
  height: 10px;
  border-radius: 20%;
  background: #212934;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.simpleLoaderWrapper {
  display: grid;
  justify-content: center;
  place-content: center;
}

.dottedLoader,
.dottedLoader:before,
.dottedLoader:after {
  width: 20px; /* update this to control the size */
  aspect-ratio: 0.5;
  display: grid;
  background: radial-gradient(#004e7d 68%, #004e7d 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s, 0) * 0.4s);
  transform: translate(calc(var(--_s, 0) * 150%));
}

.dottedLoader:before,
.dottedLoader:after {
  content: "";
  grid-area: 1/1;
}

.dottedLoader:before {
  --_s: -1;
}

.dottedLoader:after {
  --_s: 1;
}

@keyframes load {
  20% {
    background-position: top;
  }
  40% {
    background-position: bottom;
  }
  60% {
    background-position: center;
  }
}
.lds-spinner-component-level {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  z-index: 1301;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
}

.lds-spinner-component-level div {
  animation: lds-spinner-component-level 1.2s linear infinite;
}

.lds-spinner-component-level div:after {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  left: 10px;
  width: 11px;
  height: 5px;
  border-radius: 20%;
  background: #212934;
}

.lds-spinner-component-level div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner-component-level div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner-component-level div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner-component-level div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner-component-level div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner-component-level div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner-component-level div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner-component-level div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner-component-level div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner-component-level div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner-component-level div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner-component-level div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner-component-level {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rec-carousel-wrapper .rec-pagination {
  display: none;
}
.rec-carousel-wrapper .rec-dot {
  width: 40px;
  height: 4px;
  background-color: #cccccc;
  box-shadow: none;
  border-radius: 0;
}
.rec-carousel-wrapper .rec-dot:hover, .rec-carousel-wrapper .rec-dot:focus {
  box-shadow: none;
}
.rec-carousel-wrapper .rec-dot_active {
  background-color: #004e7d;
}
.rec-carousel-wrapper .rec-arrow {
  width: 50px;
  min-width: 50px !important;
  pointer-events: none;
  height: 100%;
  background: transparent;
  color: #ffffff;
  border-radius: 0;
  box-shadow: none !important;
  border: 0 !important;
  z-index: 1;
}
@media (min-width: 880px) {
  .rec-carousel-wrapper .rec-arrow {
    width: 70px;
    min-width: 50px !important;
  }
}
.rec-carousel-wrapper .rec-arrow:disabled {
  opacity: 0;
}
.rec-carousel-wrapper .rec-arrow:disabled::before {
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .rec-carousel-wrapper .rec-arrow:disabled {
    opacity: 0.4;
  }
}
.rec-carousel-wrapper .rec-arrow:hover:enabled, .rec-carousel-wrapper .rec-arrow:focus:enabled {
  background-color: transparent;
  box-shadow: none;
}
.rec-carousel-wrapper .rec-arrow::before, .rec-carousel-wrapper .rec-arrow::after {
  position: absolute;
}
.rec-carousel-wrapper .rec-arrow::before {
  content: "";
  top: 50%;
  margin-top: -41.5px;
  font-size: 20px;
  background-color: #212934;
  border-radius: 4px;
  width: 40px;
  height: 83px;
  min-width: 40px;
  box-shadow: 0 0 2px 0px #333;
  pointer-events: all;
}
.rec-carousel-wrapper .rec-arrow::before:hover:enabled, .rec-carousel-wrapper .rec-arrow::before:focus:enabled {
  box-shadow: none;
}
.rec-carousel-wrapper .rec-arrow::after {
  top: 50%;
  margin-top: -41.5px;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 83px;
  background-repeat: no-repeat;
  content: "";
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-right {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-right::before {
  right: 0;
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-right::after {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 83" width="40" height="83"><path d="M17.2,32.9l7.3,7.8c0.2,0.2,0.3,0.5,0.3,0.8c0,0.3-0.1,0.6-0.3,0.8l-7.3,7.8c-0.5,0.5-1.2,0.5-1.7,0c-0.5-0.5-0.5-1.2,0-1.7l6.6-6.9l-6.6-6.9c-0.5-0.5-0.4-1.3,0-1.7C16,32.4,16.8,32.4,17.2,32.9z" fill="white"/></svg>');
  right: 0;
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-left {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-left::before {
  left: 0;
}
.rec-carousel-wrapper .rec-arrow.rec-arrow-left::after {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 83" width="40" height="83"><path d="M22.8,50.1l-7.3-7.8c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8l7.3-7.8c0.5-0.5,1.2-0.5,1.7,0c0.5,0.5,0.5,1.2,0,1.7L18,41.5l6.6,6.9c0.5,0.5,0.4,1.3,0,1.7C24,50.6,23.2,50.6,22.8,50.1z" fill="white"/></svg>');
  left: 0;
}
@media (max-width: 767.98px) {
  .rec-carousel-wrapper .variantsTile {
    height: auto;
    min-height: auto;
  }
  .rec-carousel-wrapper .rec-arrow.rec-arrow-left, .rec-carousel-wrapper .rec-arrow.rec-arrow-right {
    display: flex !important;
    width: auto;
    min-width: 40px !important;
    color: rgba(0, 0, 0, 0.2);
    text-indent: -9999px;
    pointer-events: none;
  }
  .rec-carousel-wrapper .rec-arrow.rec-arrow-left {
    position: absolute;
    left: -1px;
    background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%) !important;
  }
  .rec-carousel-wrapper .rec-arrow.rec-arrow-left::after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm185.4 39.1L85.5 242.2C82 245.9 80 250.9 80 256s2 10.1 5.5 13.8l99.9 107.1c4.2 4.5 10.1 7.1 16.3 7.1c12.3 0 22.3-10 22.3-22.3l0-57.7 96 0c17.7 0 32-14.3 32-32l0-32c0-17.7-14.3-32-32-32l-96 0 0-57.7c0-12.3-10-22.3-22.3-22.3c-6.2 0-12.1 2.6-16.3 7.1z" fill="rgb(0,78,125,1)"/></svg>');
    top: 30%;
    margin-top: 0;
    pointer-events: all;
    background-size: contain;
    width: 30px;
    height: 40px;
  }
  .rec-carousel-wrapper .rec-arrow.rec-arrow-right {
    position: absolute;
    right: -1px;
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) !important;
    justify-content: end;
  }
  .rec-carousel-wrapper .rec-arrow.rec-arrow-right::after {
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M448 96c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320zM262.6 135.1l99.9 107.1c3.5 3.8 5.5 8.7 5.5 13.8s-2 10.1-5.5 13.8L262.6 376.9c-4.2 4.5-10.1 7.1-16.3 7.1C234 384 224 374 224 361.7l0-57.7-96 0c-17.7 0-32-14.3-32-32l0-32c0-17.7 14.3-32 32-32l96 0 0-57.7c0-12.3 10-22.3 22.3-22.3c6.2 0 12.1 2.6 16.3 7.1z" fill="rgb(0,78,125,1)"/></svg>');
    top: 30%;
    margin-top: 0;
    pointer-events: all;
    background-size: contain;
    width: 30px;
    height: 40px;
  }
  .rec-carousel-wrapper .rec-arrow:disabled {
    background: none !important;
    opacity: 0.2;
  }
  .rec-carousel-wrapper .rec-arrow::before {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .popularReads .popular .rec-carousel-wrapper .rec-arrow, .ListViewEnhanceSwaper .rec-carousel-wrapper .rec-arrow, .minicrtCustomizable .rec-carousel-wrapper .rec-arrow {
    display: block;
    text-indent: -9999px;
  }
  .popularReads .popular .rec-carousel-wrapper .rec-arrow::after, .ListViewEnhanceSwaper .rec-carousel-wrapper .rec-arrow::after, .minicrtCustomizable .rec-carousel-wrapper .rec-arrow::after {
    display: none;
  }
}
.modalContainer .productCarousel .rec-carousel-wrapper .rec-arrow {
  position: unset !important;
  width: 50px !important;
  min-width: 50px !important;
}

.gridWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.gridWrapper .gridBox {
  width: 10rem;
}
@supports (display: grid) {
  .gridWrapper {
    display: grid;
    grid-gap: 0.75rem;
  }
  @media (min-width: 768px) {
    .gridWrapper {
      grid-gap: 1.2rem;
    }
  }
  .gridWrapper .gridBox {
    width: 100%;
  }
}
@supports (display: -ms-grid) {
  .gridWrapper {
    display: -ms-grid;
  }
  .gridWrapper .gridBox {
    grid-column: 1;
    -ms-grid-column: 1;
    padding-right: 0.75rem;
  }
  @media (min-width: 768px) {
    .gridWrapper .gridBox {
      ppadding-rightright: 1.2rem;
    }
  }
}

.col-70 {
  width: 70%;
}

.col-30 {
  width: 30%;
}

@supports (display: grid) {
  @media (max-width: 420px) {
    .Authorable_Grid.Authorable_GridNew .gridWrapper {
      grid-gap: 0.45rem !important;
    }
  }
}

.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%;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer {
  border-bottom: 1px solid #BCBEC0;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected {
  border-bottom: 2px solid #004E7D !important;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected .listview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.622 6.925C.724 6.925 0 7.61 0 8.458c0 .849.724 1.534 1.622 1.534.897 0 1.621-.685 1.621-1.534 0-.848-.724-1.533-1.621-1.533Zm0-6.133C.724.792 0 1.476 0 2.325c0 .848.724 1.533 1.622 1.533.897 0 1.621-.685 1.621-1.533 0-.849-.724-1.533-1.621-1.533Zm0 12.266c-.898 0-1.622.695-1.622 1.534 0 .838.735 1.533 1.622 1.533.886 0 1.621-.695 1.621-1.534 0-.838-.724-1.533-1.621-1.533Zm3.243 2.556H20v-2.045H4.865v2.045Zm0-6.134H20V7.436H4.865V9.48Zm0-8.177v2.044H20V1.303H4.865Z" fill="rgb(0, 78, 125)"/></svg>') !important;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected .gridview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M1.929 1.286a.645.645 0 0 0-.643.643v3.857c0 .353.289.643.643.643h3.857c.353 0 .643-.29.643-.643V1.929a.645.645 0 0 0-.643-.643H1.929zM0 1.929A1.93 1.93 0 0 1 1.929 0h3.857a1.93 1.93 0 0 1 1.928 1.929v3.857a1.93 1.93 0 0 1-1.928 1.928H1.929A1.93 1.93 0 0 1 0 5.786V1.929zm1.929 9.642a.645.645 0 0 0-.643.643v3.857c0 .354.289.643.643.643h3.857a.645.645 0 0 0 .643-.643v-3.857a.645.645 0 0 0-.643-.643H1.929zM0 12.214a1.93 1.93 0 0 1 1.929-1.928h3.857a1.93 1.93 0 0 1 1.928 1.928v3.857A1.93 1.93 0 0 1 5.786 18H1.929A1.93 1.93 0 0 1 0 16.071v-3.857zM16.071 1.285h-3.857a.645.645 0 0 0-.643.643v3.857c0 .354.29.643.643.643h3.857c.354 0 .643-.29.643-.643V1.928a.645.645 0 0 0-.643-.643zM12.214 0h3.857A1.93 1.93 0 0 1 18 1.928v3.857a1.93 1.93 0 0 1-1.929 1.929h-3.857a1.93 1.93 0 0 1-1.929-1.929V1.928A1.93 1.93 0 0 1 12.214 0zm0 11.57a.645.645 0 0 0-.643.643v3.858c0 .353.29.642.643.642h3.857a.644.644 0 0 0 .643-.642v-3.858a.645.645 0 0 0-.643-.642h-3.857zm-1.929.643a1.93 1.93 0 0 1 1.929-1.928h3.857A1.93 1.93 0 0 1 18 12.213v3.858a1.929 1.929 0 0 1-1.929 1.928h-3.857a1.93 1.93 0 0 1-1.929-1.928v-3.858z" fill="rgb(0, 78, 125)"/></svg>') !important;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected.listgridview-tabs_0 span, .tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected.listgridview-tabs_1 span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.tabContainer .listGridContainer .listview-icon-placeholder {
  margin-bottom: 0;
  margin-right: 6px;
}
.tabContainer .listGridContainer .listview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.622 6.925C.724 6.925 0 7.61 0 8.458c0 .849.724 1.534 1.622 1.534.897 0 1.621-.685 1.621-1.534 0-.848-.724-1.533-1.621-1.533Zm0-6.133C.724.792 0 1.476 0 2.325c0 .848.724 1.533 1.622 1.533.897 0 1.621-.685 1.621-1.533 0-.849-.724-1.533-1.621-1.533Zm0 12.266c-.898 0-1.622.695-1.622 1.534 0 .838.735 1.533 1.622 1.533.886 0 1.621-.695 1.621-1.534 0-.838-.724-1.533-1.621-1.533Zm3.243 2.556H20v-2.045H4.865v2.045Zm0-6.134H20V7.436H4.865V9.48Zm0-8.177v2.044H20V1.303H4.865Z" fill="rgb(179, 182, 185)"/></svg>');
  width: 20px;
  height: 17px;
  content: " ";
  display: block;
  margin-top: 0;
  background-repeat: no-repeat;
}
.tabContainer .listGridContainer .gridview-icon-placeholder {
  margin-bottom: 0;
  margin-right: 6px;
}
.tabContainer .listGridContainer .gridview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M1.929 1.286a.645.645 0 0 0-.643.643v3.857c0 .353.289.643.643.643h3.857c.353 0 .643-.29.643-.643V1.929a.645.645 0 0 0-.643-.643H1.929zM0 1.929A1.93 1.93 0 0 1 1.929 0h3.857a1.93 1.93 0 0 1 1.928 1.929v3.857a1.93 1.93 0 0 1-1.928 1.928H1.929A1.93 1.93 0 0 1 0 5.786V1.929zm1.929 9.642a.645.645 0 0 0-.643.643v3.857c0 .354.289.643.643.643h3.857a.645.645 0 0 0 .643-.643v-3.857a.645.645 0 0 0-.643-.643H1.929zM0 12.214a1.93 1.93 0 0 1 1.929-1.928h3.857a1.93 1.93 0 0 1 1.928 1.928v3.857A1.93 1.93 0 0 1 5.786 18H1.929A1.93 1.93 0 0 1 0 16.071v-3.857zM16.071 1.285h-3.857a.645.645 0 0 0-.643.643v3.857c0 .354.29.643.643.643h3.857c.354 0 .643-.29.643-.643V1.928a.645.645 0 0 0-.643-.643zM12.214 0h3.857A1.93 1.93 0 0 1 18 1.928v3.857a1.93 1.93 0 0 1-1.929 1.929h-3.857a1.93 1.93 0 0 1-1.929-1.929V1.928A1.93 1.93 0 0 1 12.214 0zm0 11.57a.645.645 0 0 0-.643.643v3.858c0 .353.29.642.643.642h3.857a.644.644 0 0 0 .643-.642v-3.858a.645.645 0 0 0-.643-.642h-3.857zm-1.929.643a1.93 1.93 0 0 1 1.929-1.928h3.857A1.93 1.93 0 0 1 18 12.213v3.858a1.929 1.929 0 0 1-1.929 1.928h-3.857a1.93 1.93 0 0 1-1.929-1.928v-3.858z" fill="rgb(179, 182, 185)"/></svg>');
  width: 18px;
  height: 18px;
  content: " ";
  display: block;
  margin-top: 0;
  background-repeat: no-repeat;
}

.brxTableWrapper .brxTableDesc {
  font-size: 16px;
  font-weight: 300;
  color: #212934;
  line-height: 24px;
  margin: 30px 0;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar {
  height: 9px;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-track {
  background: #A7A0A0;
  border: none;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-thumb {
  border-right: none;
  border-left: none;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-track-piece:end {
  background: transparent;
}
.brxTableWrapper .customScrollbar::-webkit-scrollbar-track-piece:start {
  background: transparent;
}
.brxTableWrapper .brxTable {
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #BCBEC0;
}
.brxTableWrapper .brxTable .brxTableStickyRow {
  position: sticky !important;
  z-index: 1 !important;
}
.brxTableWrapper .brxTable .brxTableHeader {
  color: rgba(0, 0, 0, 0.87);
  background-color: #F5F8FA !important;
  font-weight: 500;
  line-height: 22px;
}
.brxTableWrapper .brxTable .MuiTableRow-root:nth-child(n) .MuiTableCell-root {
  background-color: white;
  box-sizing: border-box;
  border-right: 0.5px solid #BCBEC0;
  border-bottom: 0.5px solid #BCBEC0;
}
.brxTableWrapper .brxTable .MuiTableRow-root:nth-child(2n) .MuiTableCell-root {
  background-color: #f4f4f4;
  box-sizing: border-box;
  border-right: 0.5px solid #BCBEC0;
  border-bottom: 0.5px solid #BCBEC0;
}

.brxTableWrapper .brxTable td {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.brxTableWrapper .brxTable td a, .brxTableWrapper .brxTable td a:hover {
  color: #004e7d;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}

.megaContainer ul.lv1 li:nth-child(2) ul.lv2, .megaContainer ul.lv1 li:nth-child(3) ul.lv2 {
  height: auto;
  width: 200px;
  overflow-y: hidden !important;
}

.megaContainer ul.lv1 li:nth-child(2) .wrapper, .megaContainer ul.lv1 li:nth-child(3) .wrapper {
  height: auto;
}

.lv1 > li > a {
  display: inline-flex;
}

.megaContainer ul.lvn li a.secondary-light span {
  line-height: 1;
}

.megaContainer {
  /** {
    box-sizing: border-box
  }*/
  /*  i { 
      &.fas { 
        &.fa-caret-down {
          width: 10px;
          min-height: 1px;
          display: inline-block;
        }
      }
    }*/
  /*ul.lvn li:hover {

    background: rgba(0, 0, 0, 0.04) !important;
    color: #212934;

    font-weight: 500 !important;

    .mdesc {
      padding-right: 0; 
    }
  }*/
  /*.lv1 li:first-child {
    .lv2 {
      padding-bottom: 20px;
      border-bottom: 20px solid #f4f4f4;
    }
  }*/
  /*ul.lvn::-webkit-scrollbar, .quickOrderForm::-webkit-scrollbar {
      width: 9px;
  }
   ul.lvn::-webkit-scrollbar-thumb, .quickOrderForm::-webkit-scrollbar-thumb {
      background-color: #cfcfcf;
      border-radius: 6.5px;
      border: 3px solid #cfcfcf;
  }
   ul.lvn::-webkit-scrollbar-track, .quickOrderForm::-webkit-scrollbar-track {
      border-radius: 20px;
      background-color: #a7a0a0;
  }*/
}
.megaContainer .navbar {
  display: flex !important;
  justify-content: flex-start !important;
  background-color: #004e7d;
  max-width: 1440px !important;
  margin: 0 auto;
}
.megaContainer .navbar > li a {
  color: #fff;
}
.megaContainer .megaContainer {
  background-color: #004e7d;
}
.megaContainer ul,
.megaContainer li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.megaContainer ul.lv1 {
  clear: both;
  z-index: 100;
}
.megaContainer ul.lv1 > li {
  float: left;
  width: auto;
  align-items: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  position: relative;
  justify-content: center;
  display: flex;
  flex: 1 1 auto;
  min-height: 58px;
}
.megaContainer .navbar::before {
  content: "";
  width: 36px;
  color: #ffffff;
  background: #004e7d;
}
.megaContainer ul.lvn {
  position: absolute;
  text-align: left;
  top: 0px;
  z-index: 1000;
  min-width: 261px;
  width: auto;
  display: flex;
  flex-direction: column;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
.megaContainer ul.lvn li a {
  text-decoration: none;
  color: inherit;
  flex-direction: row;
  align-items: center;
  display: block;
  overflow: hidden;
  padding-right: 10px;
  width: 100%;
}
.megaContainer ul.lvn li a span {
  padding-top: 4px;
  padding-bottom: 4px;
}
.megaContainer ul.lv1 li {
  font-weight: 600;
  font-size: 16px;
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .megaContainer ul.lv1 li {
    font-size: 14px;
  }
}
.megaContainer ul.lvn li {
  padding: 0 0 0 25px;
  position: static;
  font-weight: 300;
  color: #212934;
}
.megaContainer ul.lvn li .mdesc {
  float: left;
  width: calc(100% - 24px);
  padding-right: 14px;
}
.megaContainer ul.lvn li .icon {
  float: right;
}
.megaContainer .megaContainer ul.lv2 li:hover {
  background: #f4f4f4 !important;
}
.megaContainer .megaContainer ul.lvn li.activeMenu, .megaContainer .megaContainer ul.lvn li.activeListMenu {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #212934;
  font-weight: 500 !important;
}
.megaContainer .megaContainer ul.lvn li.activeMenu .mdesc, .megaContainer .megaContainer ul.lvn li.activeListMenu .mdesc {
  padding-right: 0;
}
.megaContainer ul.lvn .parent.viewall_parent {
  padding: 0 0 10px 0;
  line-height: 1.3;
}
.megaContainer ul.lv1 li:nth-child(2) ul.lv2 {
  height: auto;
  width: 200px;
  overflow-y: hidden !important;
}
.megaContainer ul.lv1 li:nth-child(2) .wrapper {
  height: auto;
}
.megaContainer ul.lv1 li:hover {
  background-color: #002d50;
}
.megaContainer ul.lv1 li, .megaContainer ul.lv1 li:hover {
  cursor: pointer;
}
.megaContainer ul.lv1 li.hasChild:hover::before, .megaContainer .quick-order-menu::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 #f4f4f4 transparent;
  bottom: -2px;
  right: 10px;
  z-index: 12;
}
.megaContainer ul.lv1 li.hasChild:hover::before {
  content: "";
  bottom: -2px;
  right: 10px;
  z-index: 12;
}
.megaContainer .quick-order-menu {
  position: absolute;
  right: 0;
  top: 0;
}
.megaContainer .quick-order-menu::before {
  top: 44px;
  right: 18px;
  z-index: 13;
}
.megaContainer a.parent {
  color: #004e7d !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.megaContainer .viewall_parent {
  color: #004e7d !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}
.megaContainer ul.lv2 {
  top: 60px;
  left: 0px;
  height: 692px;
  margin-left: 25px;
  overflow-y: auto;
  overflow-x: hidden;
  position: static;
  background: #f4f4f4;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
.megaContainer ul.lv3 {
  position: static;
  overflow-y: auto;
  overflow-x: hidden;
  height: 692px;
}
.megaContainer ul.lv4 {
  position: static;
  overflow-y: auto;
  overflow-x: hidden;
  height: 692px;
}
.megaContainer .wrapper {
  position: absolute;
  top: 58px;
  left: 0px;
  margin-left: -25px;
  height: 730px;
  z-index: 13;
  display: unset !important;
}
.megaContainer .wrapper2 {
  position: absolute;
  top: 0px;
  left: 100%;
  background-color: transparent;
}
.megaContainer .wrapper3 {
  position: absolute;
  top: 0px;
  left: 100%;
  background-color: transparent;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
.megaContainer .menu {
  position: relative;
  top: 0;
  left: 0;
}
.megaContainer ul.lvn li .icon {
  color: #004e7d !important;
  display: flex;
}
.megaContainer .activeMenuItem {
  background-color: #002d50;
}
.megaContainer .quick-order i.fal.fa-cart-arrow-down {
  color: #fff;
  font-size: x-large;
  width: 27px;
  min-height: 1px;
  display: inline-block;
}
.megaContainer .quick-order {
  display: flex;
  align-items: center;
}
.megaContainer .quick-order span.icon {
  margin-left: 5px;
}
.megaContainer .accountPopup {
  z-index: 1000 !important;
}
.megaContainer .quickOrderForm {
  position: absolute;
  right: 0;
  background: #f4f4f4;
  top: 58px;
  max-height: 660px;
  overflow-y: scroll;
  z-index: 13;
}
.megaContainer .quickOrderForm label {
  display: flex;
}
.megaContainer .itemRow span {
  color: #212934;
  font-weight: 300;
}
@media (min-width: 768px) {
  .megaContainer ul.lvn {
    background-color: #f4f4f4;
    width: calc((100vw - 72px) / 4);
    max-width: 345px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .megaContainer ul.lvn {
    width: calc((100vw - 72px) / 3);
    max-width: 370px;
  }
}
@media (min-width: 768px) {
  .megaContainer .menuv2.quick-order .fa-cart-arrow-down {
    color: #ffffff;
    font-size: x-large;
  }
}
.megaContainer .bannerWrapper {
  position: absolute;
  left: 100%;
  top: 0;
  height: 692px;
  width: 340px;
  padding-left: 0;
  padding-right: 20px;
  background: #f4f4f4;
  padding-top: 30px;
  box-shadow: 20px 0px 15px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .megaContainer .bannerWrapper {
    width: 280px;
  }
}

.megaContainer a.quick-order a {
  display: none;
}

@media (min-width: 1200px) {
  .megaContainer a.quick-order a {
    display: flex;
  }
}
.megaContainer .activeATag:hover {
  font-weight: 500;
}

.megaContainer ul.lvn li:hover {
  background-color: transparent;
}

ul.lvn.lv2 li:first-child {
  padding-top: 10px !important;
}

ul.lvn.lv2 li:last-child {
  padding-bottom: 10px !important;
}

.megaContainer ul.lvn li a {
  font-size: 14px;
}

.megaContainer ul.lvn li a > span:hover {
  text-decoration: underline;
}

li.outerListItem li a, li.outerListItemActive li a {
  display: flex;
}

li.hasChild li.hasChild a {
  display: flex;
}

ul.lv1 li.hasChild:has(.wrapper):before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f4f4f4 rgba(0, 0, 0, 0);
  bottom: -2px;
  right: 10px;
  z-index: 12;
}

.megaContainer ul.lv1 li:has(.wrapper) {
  background: #002d50 !important;
}

.shop-all-wrapper {
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  position: static;
  padding-top: 15px;
  height: calc(100% - 50px);
  padding-bottom: 20px;
}
.shop-all-wrapper li {
  position: static;
  font-weight: 300;
  color: #212934;
  padding-left: 10px;
  height: 33px;
  line-height: 33px;
}
.shop-all-wrapper li a {
  color: inherit;
  display: block;
  overflow: hidden;
  padding-right: 10px;
  width: 100%;
  font-size: 14px;
}
.shop-all-wrapper .chevron-right {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #004e7d;
  display: flex;
  float: right;
}
.shop-all-wrapper .category-desc i, .shop-all-wrapper-cont .active-cat i {
  height: 15px !important;
  width: 15px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-right: 30px;
}
.shop-all-wrapper .view-all-parent {
  padding: 4px 0 4px 0;
  line-height: 1.3;
  text-decoration: underline;
}
.shop-all-wrapper .view-all-parent:hover {
  background: none;
}
.shop-all-wrapper-cont {
  background-color: #f4f4f4;
  height: 100vh;
  position: absolute;
  padding-left: 0;
  top: 0;
  z-index: 13;
}
@media (min-width: 768px) {
  .shop-all-wrapper-cont {
    width: 345px;
  }
}
@media (max-width: 1200px) {
  .shop-all-wrapper-cont {
    width: 370px;
  }
}
.shop-all-wrapper-cont .menu-selected {
  background: #002D50;
  height: 50px;
  border-right: 1px solid white;
}
.shop-all-wrapper-cont .menu-selected i {
  margin-bottom: 3px;
}
.shop-all-wrapper-prime-cont {
  left: 0;
}
.shop-all-wrapper-lv1-cont {
  display: none;
}
@media (min-width: 768px) {
  .shop-all-wrapper-lv1-cont {
    left: 345px;
  }
}
@media (max-width: 1200px) {
  .shop-all-wrapper-lv1-cont {
    left: 370px;
  }
}
.shop-all-wrapper-lv2-cont {
  display: none;
}
@media (min-width: 768px) {
  .shop-all-wrapper-lv2-cont {
    left: 690px;
  }
}
@media (max-width: 1200px) {
  .shop-all-wrapper-lv2-cont {
    left: 740px;
  }
}
.shop-all-wrapper .list-menu:hover {
  background: #004e7d;
  color: #fff;
}
.shop-all-wrapper .list-menu a {
  text-decoration: none;
}

.nav-modal-wrapper {
  height: 100vh;
}
.nav-modal-wrapper .active-list-menu {
  background: #004e7d;
}
.nav-modal-wrapper .active-list-menu .active-category-tag {
  color: white;
  line-height: 33px;
}
.nav-modal-wrapper .active-list-menu .chevron-right {
  color: #fff;
}
.nav-modal-wrapper .list-menu:hover span.chevron-right {
  color: #fff;
}
.nav-modal-wrapper ul.menu-selected li.active-cat {
  color: #ffffff;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  font-weight: 400;
  font-size: 16px;
}
.nav-modal-wrapper .fa-border-all {
  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.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="white" d="M384 96V224H256V96H384zm0 192V416H256V288H384zM192 224H64V96H192V224zM64 288H192V416H64V288zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>');
}

#nav-menu-modal {
  background-color: transparent;
  width: 0 !important;
  height: 100%;
}
#nav-menu-modal i::before {
  content: "";
}
#nav-menu-modal .modalClose {
  cursor: pointer;
  position: absolute;
  right: -50px;
  color: white;
  top: 0;
}
#nav-menu-modal .modalClose svg {
  display: block;
  width: 40px;
  height: 40px;
}

.shop-all-wrapper-cont .active-list-menu .fa-box, .shop-all-wrapper-cont .active-cat .fa-box, .shop-all-wrapper-cont li.list-menu:hover .fa-box {
  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="white" d="M342.4 32C367.7 32 390.6 46.9 400.9 70.01L442.5 163.6C446.1 171.8 448 180.6 448 189.6V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V189.6C0 180.6 1.879 171.8 5.516 163.6L47.11 70.01C57.38 46.89 80.3 32 105.6 32H342.4zM342.4 64H240V160H405.9L371.7 83C366.5 71.45 355.1 64 342.4 64V64zM416 192H32V416C32 433.7 46.33 448 64 448H384C401.7 448 416 433.7 416 416V192zM42.13 160H208V64H105.6C92.95 64 81.49 71.45 76.35 83L42.13 160z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-building, .shop-all-wrapper-cont .active-cat .fa-building, .shop-all-wrapper-cont li.list-menu:hover .fa-building {
  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="white" d="M64 120C64 106.7 74.75 96 88 96H136C149.3 96 160 106.7 160 120V168C160 181.3 149.3 192 136 192H88C74.75 192 64 181.3 64 168V120zM96 128V160H128V128H96zM296 96C309.3 96 320 106.7 320 120V168C320 181.3 309.3 192 296 192H248C234.7 192 224 181.3 224 168V120C224 106.7 234.7 96 248 96H296zM288 160V128H256V160H288zM64 248C64 234.7 74.75 224 88 224H136C149.3 224 160 234.7 160 248V296C160 309.3 149.3 320 136 320H88C74.75 320 64 309.3 64 296V248zM96 256V288H128V256H96zM296 224C309.3 224 320 234.7 320 248V296C320 309.3 309.3 320 296 320H248C234.7 320 224 309.3 224 296V248C224 234.7 234.7 224 248 224H296zM288 288V256H256V288H288zM64 512C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320C355.3 0 384 28.65 384 64V448C384 483.3 355.3 512 320 512H64zM32 64V448C32 465.7 46.33 480 64 480H128V416C128 380.7 156.7 352 192 352C227.3 352 256 380.7 256 416V480H320C337.7 480 352 465.7 352 448V64C352 46.33 337.7 32 320 32H64C46.33 32 32 46.33 32 64zM224 416C224 398.3 209.7 384 192 384C174.3 384 160 398.3 160 416V480H224V416z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-forklift, .shop-all-wrapper-cont .active-cat .fa-forklift, .shop-all-wrapper-cont li.list-menu:hover .fa-forklift {
  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="white" d="M277.8 0C290.2 0 301.6 7.201 306.8 18.47L412.1 246C414.1 250.3 416 254.9 416 259.5V344.4C435.6 362 448 387.6 448 416C448 469 405 512 352 512C298.1 512 256 469 256 416H192C192 469 149 512 96 512C42.98 512 0 469 0 416V240C0 195.8 35.82 160 80 160H128V32C128 14.33 142.3 0 160 0H277.8zM80 192C53.49 192 32 213.5 32 240V344.4C48.98 329.2 71.41 320 96 320C137.8 320 173.4 346.7 186.5 384H261.5C274.6 346.7 310.2 320 352 320C363.2 320 373.1 321.9 384 325.5V288H263.1C255.1 288 248.2 284.1 242.3 279.5L147.5 192H80zM264 256H382.3L277.8 32H160V160L264 256zM296.6 384C291.1 393.4 288 404.3 288 416C288 451.3 316.7 480 352 480C387.3 480 416 451.3 416 416C416 393.9 404.8 374.4 387.8 362.9C386.6 362.1 385.3 361.3 384 360.6C374.6 355.1 363.7 352 352 352C328.3 352 307.6 364.9 296.6 384V384zM40.56 384C35.12 393.4 32 404.3 32 416C32 451.3 60.65 480 96 480C131.3 480 160 451.3 160 416C160 404.1 157.2 394.6 152.3 385.5C152 384.1 151.7 384.5 151.4 384C140.4 364.9 119.7 352 95.1 352C72.31 352 51.63 364.9 40.56 384H40.56zM512 416H624C632.8 416 640 423.2 640 432C640 440.8 632.8 448 624 448H496C487.2 448 480 440.8 480 432V16C480 7.164 487.2 0 496 0C504.8 0 512 7.164 512 16V416z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-screwdriver, .shop-all-wrapper-cont .active-cat .fa-screwdriver, .shop-all-wrapper-cont li.list-menu:hover .fa-screwdriver {
  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="M415.1 192l95.1-128l-63.1-64l-128 96l-.0208 73.38l-98.5 98.5C209.2 260 195.2 256 181.2 256c-19.12 0-38.25 7.25-52.87 21.88l-117.4 117.7c-14.62 14.5-14.62 38.17 0 52.79l52.75 52.75C71.03 508.5 80.59 512 90.22 512c9.5 0 18.98-3.542 26.23-10.92l117.6-117.5c25.25-25.25 28.63-64.25 10-93.13L342.6 192H415.1zM351.1 112l93-69.75l24.75 24.75L399.1 160h-48V112zM211.3 360.9l-117.4 117.5c-1 1-2.375 1.5-3.75 1.5c-1 0-2.5-.25-3.75-1.5L33.59 425.5c-2-2.125-2-5.375 0-7.5l117.5-117.4c8-8.125 18.75-12.5 30.12-12.5c11.37 0 22.13 4.375 30.13 12.5C227.1 317.2 227.1 344.2 211.3 360.9z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-plate-utensils, .shop-all-wrapper-cont .active-cat .fa-plate-utensils, .shop-all-wrapper-cont li.list-menu:hover .fa-plate-utensils {
  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="white" d="M624.3 18.08C627.4 19.41 630.3 21.36 632.6 23.79C635 26.23 636.9 29.11 638.2 32.27C639.4 35.43 640 38.81 640 42.21V480C640 484.2 638.3 488.3 635.3 491.3C632.3 494.3 628.2 496 624 496C619.8 496 615.7 494.3 612.7 491.3C609.7 488.3 608 484.2 608 480V320H562.9C556.1 319.9 549.4 318.5 543.2 315.8C536.9 313.1 531.2 309.1 526.5 304.2C521.8 299.3 518.1 293.6 515.6 287.2C513.1 280.9 511.9 274.1 512 267.3L512.4 158.2C512.2 128.3 520.8 99 537.3 74.03C553.7 49.05 577.2 29.51 604.8 17.89C607.8 16.64 611.1 16 614.4 16C617.8 16.04 621.2 16.74 624.3 18.08V18.08zM608 51.78C588.7 61.98 572.5 77.32 561.4 96.09C550.2 114.9 544.4 136.4 544.6 158.2L544 267.5C543.1 270.3 544.5 273 545.5 275.6C546.6 278.2 548.2 280.5 550.1 282.5C551.8 284.2 553.8 285.6 555.1 286.5C558.2 287.5 560.6 287.1 562.9 288H608V51.78zM145.9 209.9C136.9 218.9 124.7 224 112 224H96V480C96 484.2 94.31 488.3 91.31 491.3C88.31 494.3 84.24 496 80 496C75.76 496 71.69 494.3 68.69 491.3C65.69 488.3 64 484.2 64 480V224H48C35.27 224 23.06 218.9 14.06 209.9C5.057 200.9 0 188.7 0 176V32C0 27.76 1.686 23.69 4.686 20.69C7.687 17.69 11.76 16 16 16C20.24 16 24.31 17.69 27.31 20.69C30.31 23.69 32 27.76 32 32V176C32 180.2 33.69 184.3 36.69 187.3C39.69 190.3 43.76 192 48 192H64V32C64 27.76 65.69 23.69 68.69 20.69C71.69 17.69 75.76 16 80 16C84.24 16 88.31 17.69 91.31 20.69C94.31 23.69 96 27.76 96 32V192H112C116.2 192 120.3 190.3 123.3 187.3C126.3 184.3 128 180.2 128 176V32C128 27.76 129.7 23.69 132.7 20.69C135.7 17.69 139.8 16 144 16C148.2 16 152.3 17.69 155.3 20.69C158.3 23.69 160 27.76 160 32V176C160 188.7 154.9 200.9 145.9 209.9zM437.8 154.2C464.8 181.2 480 217.8 480 256C480 284.5 471.6 312.3 455.7 336C439.9 359.7 417.4 378.1 391.1 389C364.8 399.9 335.8 402.8 307.9 397.2C279.1 391.7 254.3 377.1 234.2 357.8C214 337.7 200.3 312 194.8 284.1C189.2 256.2 192.1 227.2 202.1 200.9C213.9 174.6 232.3 152.1 255.1 136.3C279.7 120.4 307.5 112 336 112C374.2 112 410.8 127.2 437.8 154.2L437.8 154.2zM415.2 335.2C436.2 314.2 448 285.7 448 256C448 233.9 441.4 212.2 429.1 193.8C416.8 175.4 399.3 161 378.9 152.5C358.4 144.1 335.9 141.8 314.1 146.2C292.4 150.5 272.5 161.1 256.8 176.8C241.1 192.5 230.5 212.4 226.2 234.2C221.8 255.9 224 278.4 232.5 298.9C241 319.3 255.4 336.8 273.8 349.1C292.2 361.4 313.8 368 336 368C365.7 368 394.2 356.2 415.2 335.2zM542.7 358.2C544 359.9 544.1 361.8 545.5 363.8C546.1 365.9 546.2 367.1 545.1 370.1C545.7 372.2 545 374.2 544 376C522.1 413.9 490.3 445.1 451.9 466.2C413.6 487.3 370.2 497.5 326.5 495.7C282.8 493.1 240.4 480.3 203.9 456.2C167.4 432.1 138.2 398.4 119.4 358.9C118.3 356.1 117.6 354.9 117.4 352.7C117.2 350.5 117.4 348.3 118 346.2C118.7 344.1 119.8 342.1 121.2 340.5C122.7 338.8 124.4 337.5 126.4 336.5C128.4 335.6 130.5 335.1 132.7 334.1C134.9 334.9 137.1 335.3 139.2 336.1C141.2 336.9 143.1 338.1 144.6 339.7C146.2 341.2 147.4 343.1 148.2 345.1C164.5 379.4 189.8 408.5 221.4 429.5C253 450.4 289.8 462.2 327.7 463.8C365.6 465.3 403.2 456.4 436.4 438.2C469.6 419.9 497.2 392.8 516.2 360C518.3 356.3 521.8 353.7 525.9 352.6C529.1 351.5 534.3 352 538 354.1C539.8 355.2 541.5 356.6 542.7 358.2V358.2zM195.5 95.9C191.3 95.4 187.5 93.24 184.8 89.91C182.2 86.57 181 82.33 181.5 78.11C182 73.9 184.2 70.05 187.5 67.43C229.8 34.1 282.1 15.98 336 15.98C389.9 15.98 442.2 34.1 484.5 67.43C487.8 70.05 489.1 73.9 490.5 78.11C490.1 82.33 489.8 86.57 487.2 89.91C484.5 93.24 480.7 95.4 476.5 95.9C472.2 96.4 468 95.21 464.7 92.58C427.8 64.23 382.5 48.86 336 48.86C289.5 48.86 244.2 64.23 207.3 92.58C203.1 95.21 199.8 96.4 195.5 95.9z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-chair-office, .shop-all-wrapper-cont .active-cat .fa-chair-office, .shop-all-wrapper-cont li.list-menu:hover .fa-chair-office {
  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="white" d="M48.02 240c8.844 0 15.99-7.156 15.99-16l.0091-80c0-8.844-7.154-16-15.1-16s-15.1 7.156-15.1 16V224C32.02 232.8 39.17 240 48.02 240zM396.8 283.9C388.1 266.9 371.9 256 353.2 256h-1.217l-.0091-176c0-44.13-35.89-80-79.99-80H176C131.9 0 96.01 35.88 96.01 80L96.01 256H94.79C76.13 256 59.02 266.9 51.2 283.9L36.44 315.9c-6.883 14.95-5.697 32.13 3.156 45.98C48.45 375.7 63.56 384 80.02 384H208v49.04C162.1 438 128 463.8 128 496c0 8.844 7.156 16 15.1 16c8.844 0 16-7.156 16-16c0-12.78 19.74-26.76 47.99-30.77V496c0 8.844 7.157 16 15.1 16c8.844 0 15.1-7.156 15.1-16v-30.77c28.26 4.012 47.99 17.98 47.99 30.77c0 8.844 7.156 16 16 16c8.842 0 15.1-7.156 15.1-16c0-32.21-34.09-57.99-79.99-62.96V384h127.1c16.46 0 31.58-8.277 40.44-22.14c8.85-13.84 10.03-31.03 3.156-45.96L396.8 283.9zM176 32h95.99c26.47 0 47.1 21.53 47.1 48V256H128L128 80C128 53.53 149.5 32 176 32zM381.4 344.6C378.5 349.2 373.5 352 367.1 352H80.02c-5.484 0-10.52-2.756-13.47-7.369c-2.957-4.625-3.352-10.36-1.062-15.33l14.76-32C82.86 291.6 88.56 288 94.79 288h258.4c6.223 0 11.93 3.648 14.53 9.297l14.76 31.99C384.8 334.3 384.4 340 381.4 344.6zM399.1 128c-8.844 0-15.1 7.156-15.1 16L383.1 224c0 8.844 7.144 16 15.99 16s15.1-7.156 15.1-16V144C415.1 135.2 408.8 128 399.1 128z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-fan-table, .shop-all-wrapper-cont .active-cat .fa-fan-table, .shop-all-wrapper-cont li.list-menu:hover .fa-fan-table {
  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="white" d="M448 224c0-123.8-100.3-224-224-224S0 100.3 0 224c0 118.3 91.75 215 208 223.3V480h-128C71.16 480 64 487.2 64 496C64 504.8 71.33 512 80.17 512h287.7C376.7 512 384 504.8 384 496c0-8.838-7.164-16-16-16h-128v-32.75C356.3 439 448 342.3 448 224zM224 413.5c-104.5 0-189.5-85-189.5-189.5S119.5 34.5 224 34.5S413.5 119.5 413.5 224S328.5 413.5 224 413.5zM224 209.4C216 209.4 209.4 216 209.4 224S216 238.6 224 238.6S238.6 232 238.6 224S232 209.4 224 209.4zM383.3 243.4c0-34-16.88-65.63-45-84.5c-28.25-19-64-22.62-95.38-9.75L221.1 93.25c-8-21.38-34.12-32.75-56-20.12c-48.62 28.12-65.37 90.38-37.25 139c6.625 11.38 15.38 21.5 26 29.5L116.6 287.9c-7.375 8.875-10.38 20.5-8.25 31.75c2 11.25 9 21.12 18.88 26.88C142.6 355.4 160.1 360 177.9 360c28.88 0 66.63-13.38 88.38-50.88c6.5-11.38 10.75-24 12.38-37.13c12.38 2 31.62 5.25 59.13 9.875C358.9 285.4 383.3 270 383.3 243.4zM343.5 250.3c-1.5 0-76.88-12.88-79-12.88c-.125 0 .125 0 0 0c-10 0-17.5 8.625-17.12 18.5c.625 13-2.5 26-9 37.25C218.9 326.9 184.4 328 178.6 328c-12.5 .125-24.75-3.125-35.5-9.375c-3.352-1.916-4.938-6.881-1.875-10.5l49-59.5c7.75-9.5 2.75-21.62-5.875-26c-11.62-6-21.38-15.25-28-26.5c-19.25-33.38-7.75-76 25.5-95.38C184.4 99.38 189.1 99.1 192 104.5l27 72c1.875 4.75 5.75 8.5 10.62 10c5 1.5 10.25 .75 14.62-2c21.38-13.62 48.63-14.5 70.88-2.25s36.13 35.63 36.13 61.13C351.3 247 348.6 250.3 343.5 250.3z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-trash, .shop-all-wrapper-cont .active-cat .fa-trash, .shop-all-wrapper-cont li.list-menu:hover .fa-trash {
  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="white" d="M432 64C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H413.7L388.2 452.6C385.9 486.1 357.1 512 324.4 512H123.6C90.01 512 62.15 486.1 59.75 452.6L34.29 96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56L336.9 64H432zM177.7 32C172.2 32 167.1 34.84 164.2 39.52L148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7zM381.6 96H66.37L91.67 450.3C92.87 467 106.8 480 123.6 480H324.4C341.2 480 355.1 467 356.3 450.3L381.6 96z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-lightbulb-on, .shop-all-wrapper-cont .active-cat .fa-lightbulb-on, .shop-all-wrapper-cont li.list-menu:hover .fa-lightbulb-on {
  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="white" d="M119.1 33.74l-64-31.1c-7.875-3.1-17.5-.875-21.38 7.125c-4 7.875-.875 17.5 7.125 21.37l64 31.1C107.1 63.36 109.5 63.99 112 63.99c7.375 0 13.88-5.125 15.62-12.37C129.3 44.49 125.8 36.99 119.1 33.74zM112 287.1c-2.5 0-4.875 .625-7.125 1.75l-64 31.1c-8 3.875-11.12 13.5-7.25 21.37c4 7.1 13.62 11.12 21.5 7.25l64-31.1c6.625-3.375 10.12-10.87 8.5-17.1C125.9 293.1 119.4 287.1 112 287.1zM528 63.99c2.5 0 4.875-.625 7.125-1.75l64-31.1c8-3.875 11.12-13.5 7.125-21.37c-3.875-7.1-13.5-11.12-21.38-7.125l-64 31.1c-6.625 3.25-10.12 10.75-8.5 17.87C514.1 58.86 520.6 63.99 528 63.99zM96 175.1C96 167.1 88.88 159.1 80 159.1h-64c-8.875 0-16 7.125-16 15.1S7.125 191.1 16 191.1h64C88.88 191.1 96 184.9 96 175.1zM624 159.1h-64c-8.875 0-16 7.125-16 15.1s7.125 15.1 16 15.1h64c8.875 0 16-7.125 16-15.1S632.9 159.1 624 159.1zM599.1 321.7l-64-31.1c-7.875-3.1-17.5-.75-21.5 7.125c-3.875 7.875-.75 17.5 7.25 21.5l64 31.1c7.875 3.875 17.5 .75 21.5-7.25C610.3 335.2 607.1 325.6 599.1 321.7zM319.5 .0154C222.7 .2967 144 79.89 144 177.4c0 42.91 15.47 84.34 43.55 116.6c13.33 15.31 35.84 49.59 43.73 76.02c1.078 8.687 8.844 14.62 17.64 13.71c8.703-.9687 14.98-8.965 14.11-17.65l-.6094-3.312c-10.31-34.97-36-72.84-50.73-89.77C188.7 246.5 176 212.6 176 177.4c0-81.24 63.05-145.1 143.5-145.3H320c38.13 0 74.05 14.87 101.2 41.94C448.8 101.5 464 138.2 464 177.4c0 35.19-12.67 69.15-35.67 95.62c-14.75 16.94-40.44 54.8-50.75 89.77l-.625 3.344c-1.047 8.75 4.938 17.59 13.67 18.68c.7813 .0938 1.531 .1562 2.281 .1562c7.797 0 14.36-5.121 15.36-13.12c8.344-28.25 30.86-62.53 44.2-77.84C480.5 261.7 496 220.3 496 177.4c0-47.71-18.55-92.49-52.22-126.1C410.5 18.08 365.6-1.172 319.5 .0154zM383.1 415.1H256c-8.846 0-16.01 7.18-16 16.03l.0746 22.34c.0098 6.27 1.884 12.46 5.359 17.68l17.09 25.69c5.225 7.855 17.22 14.28 26.65 14.28h61.72c9.418 0 21.41-6.43 26.63-14.27l17.09-25.69c2.953-4.441 5.351-12.36 5.359-17.68l-.0254-22.34C399.1 423.2 392.8 415.1 383.1 415.1zM367.9 454.4l-16.11 24.45c-.4766 .4375-1.686 1.086-.8672 1.117l-60.29 .1172c-.4238-.1016-1.138-.2773-1.423-.2773c-.1406 0-.1348-.2266 0 0l-17.1-25.48l-.0098-6.367h95.94l.0039 5.18C367.9 453.6 367.7 454.4 367.9 454.4C367.9 454.4 367.8 454.5 367.9 454.4zM336 80.02c0-8.84-7.156-16-16-16c-61.75 0-112 50.24-112 111.1c0 8.844 7.156 16 16 16s16-7.159 16-16c0-44.1 35.88-79.1 80-79.1C328.8 96.01 336 88.86 336 80.02z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-flux-capacitor, .shop-all-wrapper-cont .active-cat .fa-flux-capacitor, .shop-all-wrapper-cont li.list-menu:hover .fa-flux-capacitor {
  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="white" d="M292.7 255.2L337.9 209.9C356.7 191.2 356.7 160.8 337.9 142.1C319.2 123.3 288.8 123.3 270.1 142.1L224 188.1L177.9 142.1C159.2 123.3 128.8 123.3 110.1 142.1C91.31 160.8 91.31 191.2 110.1 209.9L155.3 255.2C151.6 255.7 147.8 256 144 256C99.82 256 64 220.2 64 176C64 131.8 99.82 96 144 96C188.2 96 224 131.8 224 176C224 131.8 259.8 96 304 96C348.2 96 384 131.8 384 176C384 220.2 348.2 256 304 256C300.2 256 296.4 255.7 292.7 255.2V255.2zM173.8 273.7L176 275.9V336C176 362.5 197.5 384 224 384C250.5 384 272 362.5 272 336V275.9L274.2 273.7C292.4 288.4 304 310.8 304 336C304 380.2 268.2 416 224 416C179.8 416 144 380.2 144 336C144 310.8 155.6 288.4 173.8 273.7zM224 233.4L292.7 164.7C298.9 158.4 309.1 158.4 315.3 164.7C321.6 170.9 321.6 181.1 315.3 187.3L240 262.6V336C240 344.8 232.8 352 224 352C215.2 352 208 344.8 208 336V262.6L132.7 187.3C126.4 181.1 126.4 170.9 132.7 164.7C138.9 158.4 149.1 158.4 155.3 164.7L224 233.4zM384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM384 64H64C46.33 64 32 78.33 32 96V416C32 433.7 46.33 448 64 448H384C401.7 448 416 433.7 416 416V96C416 78.33 401.7 64 384 64z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-pallet, .shop-all-wrapper-cont .active-cat .fa-pallet, .shop-all-wrapper-cont li.list-menu:hover .fa-pallet {
  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="white" d="M624 480h-64v-96h64c8.844 0 16-7.156 16-16S632.8 352 624 352h-608C7.156 352 0 359.2 0 368S7.156 384 16 384h64v96h-64C7.156 480 0 487.2 0 496S7.156 512 16 512h608c8.844 0 16-7.156 16-16S632.8 480 624 480zM304 480h-192v-96h192V480zM528 480h-192v-96h192V480z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-hospital-user, .shop-all-wrapper-cont .active-cat .fa-hospital-user, .shop-all-wrapper-cont li.list-menu:hover .fa-hospital-user {
  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 fill="white" d="M0 64C0 28.65 28.65 0 64 0H256C291.3 0 320 28.65 320 64V336C320 344.8 312.8 352 304 352C295.2 352 288 344.8 288 336V64C288 46.33 273.7 32 256 32H64C46.33 32 32 46.33 32 64V256H144C152.8 256 160 263.2 160 272C160 280.8 152.8 288 144 288H32V352H144C152.8 352 160 359.2 160 368C160 376.8 152.8 384 144 384H32V448C32 465.7 46.33 480 64 480H240C248.8 480 256 487.2 256 496C256 504.8 248.8 512 240 512H64C28.65 512 0 483.3 0 448V64zM144 80C144 71.16 151.2 64 160 64C168.8 64 176 71.16 176 80V112H208C216.8 112 224 119.2 224 128C224 136.8 216.8 144 208 144H176V176C176 184.8 168.8 192 160 192C151.2 192 144 184.8 144 176V144H112C103.2 144 96 136.8 96 128C96 119.2 103.2 112 112 112H144V80zM512 272C512 316.2 476.2 352 432 352C387.8 352 352 316.2 352 272C352 227.8 387.8 192 432 192C476.2 192 512 227.8 512 272zM432 224C405.5 224 384 245.5 384 272C384 298.5 405.5 320 432 320C458.5 320 480 298.5 480 272C480 245.5 458.5 224 432 224zM482.9 384C534.3 384 576 425.7 576 477.1C576 496.4 560.4 512 541.1 512H322.9C303.6 512 288 496.4 288 477.1C288 425.7 329.7 384 381.1 384H482.9zM322.9 480H541.1C542.7 480 544 478.7 544 477.1C544 443.4 516.6 416 482.9 416H381.1C347.4 416 320 443.4 320 477.1C320 478.7 321.3 480 322.9 480V480z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-cogs, .shop-all-wrapper-cont .active-cat .fa-cogs, .shop-all-wrapper-cont li.list-menu:hover .fa-cogs {
  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="white" d="M103.1 176C103.1 145.1 129.1 120 159.1 120C190.9 120 215.1 145.1 215.1 176C215.1 206.9 190.9 232 159.1 232C129.1 232 103.1 206.9 103.1 176zM159.1 152C146.7 152 135.1 162.7 135.1 176C135.1 189.3 146.7 200 159.1 200C173.3 200 183.1 189.3 183.1 176C183.1 162.7 173.3 152 159.1 152zM213.9 51.16C223.4 55.3 232.4 60.5 240.6 66.61L267.7 58.52C273.2 56.85 279.3 58.3 283.3 62.62C299.5 80.44 311.9 101.8 319.3 125.4C321.1 130.9 319.3 136.9 315.1 140.9L294.1 160C295.7 165.5 295.1 171.1 295.1 176.8C295.1 181.1 295.7 187.1 295.2 192.1L315.1 211.1C319.3 215.1 321.1 221.1 319.3 226.6C311.9 250.2 299.5 271.6 283.3 289.4C279.3 293.7 273.2 295.2 267.7 293.5L242.1 285.8C233.3 292.5 223.7 298.1 213.5 302.6L207.3 328.6C205.1 334.3 201.7 338.8 196 340.1C184.4 342.6 172.4 344 159.1 344C147.6 344 135.6 342.6 123.1 340.1C118.3 338.8 114 334.3 112.7 328.6L106.5 302.6C96.26 298.1 86.67 292.5 77.91 285.8L52.34 293.5C46.75 295.2 40.65 293.7 36.73 289.4C20.5 271.6 8.055 250.2 .6513 226.6C-1.078 221.1 .6929 215.1 4.879 211.1L24.85 192.1C24.29 187.1 24 181.1 24 176.8C24 171.1 24.34 165.5 25.01 160L4.879 140.9C.6936 136.9-1.077 130.9 .652 125.4C8.056 101.8 20.51 80.44 36.73 62.62C40.65 58.3 46.75 56.85 52.34 58.52L79.38 66.61C87.62 60.5 96.57 55.3 106.1 51.17L112.7 23.36C114 17.71 118.3 13.17 123.1 11.91C135.6 9.35 147.6 8 159.1 8C172.4 8 184.4 9.35 196 11.91C201.7 13.16 205.1 17.71 207.3 23.36L213.9 51.16zM58.71 147.9L56.78 163.9C56.26 168.1 55.1 172.4 55.1 176.8C55.1 180.8 56.22 184.7 56.65 188.6L58.4 204.4L34.72 226.9C39.47 238.8 45.84 249.8 53.55 259.7L84.35 250.5L97.31 260.4C104 265.5 111.4 269.8 119.2 273.2L133.9 279.5L141.3 310.7C147.4 311.6 153.6 312 159.1 312C166.3 312 172.6 311.6 178.7 310.7L186.1 279.5L200.8 273.2C208.6 269.8 215.1 265.5 222.7 260.4L235.7 250.5L266.4 259.7C274.2 249.8 280.5 238.8 285.3 226.9L261.6 204.4L263.3 188.6C263.8 184.7 263.1 180.8 263.1 176.8C263.1 172.4 263.7 168.1 263.2 163.9L261.3 147.9L285.3 125.1C280.5 113.2 274.2 102.2 266.4 92.29L234.4 101.9L221.6 92.32C215.2 87.64 208.4 83.67 201.1 80.51L186.5 74.13L178.7 41.29C172.6 40.44 166.3 40 159.1 40C153.6 40 147.4 40.44 141.3 41.29L133.5 74.13L118.8 80.51C111.6 83.67 104.7 87.64 98.44 92.32L85.56 101.9L53.55 92.29C45.84 102.2 39.47 113.2 34.72 125.1L58.71 147.9zM464 296C494.9 296 520 321.1 520 352C520 382.9 494.9 408 464 408C433.1 408 408 382.9 408 352C408 321.1 433.1 296 464 296V296zM488 352C488 338.7 477.3 328 464 328C450.7 328 440 338.7 440 352C440 365.3 450.7 376 464 376C477.3 376 488 365.3 488 352zM588.8 405.9C584.7 415.4 579.5 424.4 573.4 432.6L581.5 459.7C583.2 465.2 581.7 471.3 577.4 475.3C559.6 491.5 538.2 503.9 514.6 511.3C509.1 513.1 503.1 511.3 499.1 507.1L479.1 486.1C474.5 487.7 468.9 488 463.2 488C458 488 452.9 487.7 447.9 487.2L428.9 507.1C424.9 511.3 418.9 513.1 413.4 511.3C389.8 503.9 368.4 491.5 350.6 475.3C346.3 471.4 344.9 465.2 346.5 459.7L354.2 434.1C347.5 425.3 341.9 415.7 337.4 405.5L311.4 399.3C305.7 397.1 301.2 393.7 299.9 388C297.4 376.4 296 364.4 296 352C296 339.6 297.4 327.6 299.9 315.1C301.2 310.3 305.7 306 311.4 304.7L337.4 298.5C341.9 288.3 347.5 278.7 354.2 269.9L346.5 244.3C344.9 238.8 346.3 232.7 350.6 228.7C368.4 212.5 389.8 200.1 413.4 192.7C418.9 190.9 424.9 192.7 428.9 196.9L447.9 216.9C452.9 216.3 458 216 463.2 216C468.9 216 474.5 216.3 479.1 217L499.1 196.9C503.1 192.7 509.1 190.9 514.6 192.7C538.2 200.1 559.6 212.5 577.4 228.7C581.7 232.7 583.2 238.8 581.5 244.3L573.4 271.4C579.5 279.6 584.7 288.6 588.8 298.1L616.6 304.7C622.3 306 626.8 310.3 628.1 315.1C630.7 327.6 632 339.6 632 352C632 364.4 630.7 376.4 628.1 388C626.8 393.7 622.3 397.1 616.6 399.3L588.8 405.9zM492.1 250.7L476.1 248.8C471.9 248.3 467.6 248 463.2 248C459.2 248 455.3 248.2 451.4 248.7L435.6 250.4L413.1 226.7C401.2 231.5 390.2 237.8 380.3 245.6L389.5 276.4L379.6 289.3C374.5 296 370.2 303.4 366.8 311.2L360.5 325.9L329.3 333.3C328.4 339.4 328 345.7 328 352C328 358.3 328.4 364.6 329.3 370.7L360.5 378.1L366.8 392.8C370.2 400.6 374.5 407.1 379.6 414.7L389.5 427.7L380.3 458.4C390.2 466.2 401.2 472.5 413.1 477.3L435.6 453.6L451.4 455.4C455.3 455.8 459.2 456 463.2 456C467.6 456 471.9 455.7 476.1 455.2L492.1 453.3L514.9 477.3C526.8 472.5 537.8 466.2 547.7 458.4L538.1 426.4L547.7 413.6C552.4 407.3 556.3 400.4 559.5 393.1L565.9 378.5L598.7 370.7C599.6 364.6 600 358.3 600 352C600 345.7 599.6 339.4 598.7 333.3L565.9 325.5L559.5 310.9C556.3 303.6 552.4 296.8 547.7 290.4L538.1 277.6L547.7 245.6C537.8 237.8 526.8 231.5 514.9 226.7L492.1 250.7z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-backpack, .shop-all-wrapper-cont .active-cat .fa-backpack, .shop-all-wrapper-cont li.list-menu:hover .fa-backpack {
  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="white" d="M320 64h-16V48C304 21.5 282.5 0 256 0H192C165.5 0 144 21.5 144 48V64H128C57.25 64 0 121.2 0 192v256c0 35.38 28.62 64 64 64h320c35.38 0 64-28.62 64-64V192C448 121.2 390.8 64 320 64zM176 48C176 39.12 183.2 32 192 32h64c8.75 0 16 7.125 16 16V64h-96V48zM336 480h-224v-96h224V480zM336 352h-224v-32c0-17.62 14.38-32 32-32h160c17.62 0 32 14.38 32 32V352zM416 448c0 17.62-14.38 32-32 32h-16v-160c0-35.25-28.75-64-64-64h-160c-35.25 0-64 28.75-64 64v160H64c-17.62 0-32-14.38-32-32V192c0-53 43-96 96-96h192c53 0 96 43 96 96V448zM304 160H143.1C135.2 160 128 167.2 128 175.1C128 184.8 135.2 192 143.1 192h160C312.8 192 320 184.8 320 176C320 167.2 312.8 160 304 160z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-truck, .shop-all-wrapper-cont .active-cat .fa-truck, .shop-all-wrapper-cont li.list-menu:hover .fa-truck {
  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="white" d="M64 416C28.65 416 0 387.3 0 352V64C0 28.65 28.65 0 64 0H352C387.3 0 416 28.65 416 64V96H481.3C495.3 96 508.6 102.1 517.7 112.8L596.4 204.6C603.9 213.3 608 224.4 608 235.8V384H624C632.8 384 640 391.2 640 400C640 408.8 632.8 416 624 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H255.1C255.1 469 213 512 159.1 512C106.1 512 63.1 469 63.1 416H64zM32 64V352C32 369.7 46.33 384 64 384H69.46C82.64 346.7 118.2 320 160 320C201.8 320 237.4 346.7 250.5 384H384V64C384 46.33 369.7 32 352 32H64C46.33 32 32 46.33 32 64zM570.9 224L493.4 133.6C490.4 130 485.1 128 481.3 128H416V224H570.9zM416 256V344.4C432.1 329.2 455.4 320 480 320C521.8 320 557.4 346.7 570.5 384H576V256H416zM160 352C124.7 352 96 380.7 96 416C96 451.3 124.7 480 160 480C195.3 480 224 451.3 224 416C224 380.7 195.3 352 160 352zM480 480C515.3 480 544 451.3 544 416C544 380.7 515.3 352 480 352C444.7 352 416 380.7 416 416C416 451.3 444.7 480 480 480z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-wrench, .shop-all-wrapper-cont .active-cat .fa-wrench, .shop-all-wrapper-cont li.list-menu:hover .fa-wrench {
  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="M507.4 114.5c-2.25-9.5-9.626-17-19-19.63c-9.501-2.625-19.63 0-26.63 7L397.9 165.7l-44.25-7.375l-7.376-44.25l63.88-63.88c6.876-6.875 9.626-17.13 7.001-26.5c-2.625-9.5-10.25-16.88-19.75-19.25c-51.75-12.75-105.4 2-143.3 39.75C216.2 82.12 201.9 136.9 215.5 188.1l-193.3 193.3c-29.63 29.63-29.63 77.88 0 107.5C36.47 504.1 55.6 512 75.98 512c20.25 0 39.25-7.875 53.63-22.25l193.1-193.1c52.13 13.75 106.9-.75 144.9-38.88C505.5 219.1 520.4 166.4 507.4 114.5zM445 235.2c-31.75 31.75-78.38 42.63-121.8 28.13l-9.376-3.125L106.1 467.1c-16.63 16.63-45.5 16.63-62.13 0c-17.13-17.13-17.13-45.13 0-62.25l207-207L248.7 188.6c-14.38-43.5-3.625-90.13 28-121.8c22.75-22.63 52.75-34.88 83.76-34.88c6.876 0 13.88 .625 20.75 1.75l-69.26 69.38l13.75 83l83.13 13.88l69.26-69.38C484.9 168.9 472.8 207.5 445 235.2zM79.99 415.1c-8.876 0-16 7.125-16 16s7.125 16 16 16s16-7.125 16-16S88.86 415.1 79.99 415.1z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-cube, .shop-all-wrapper-cont .active-cat .fa-cube, .shop-all-wrapper-cont li.list-menu:hover .fa-cube {
  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="M239.5 5.018C250.1 1.106 261.9 1.106 272.5 5.018L480.5 81.28C499.4 88.22 512 106.2 512 126.4V385.7C512 405.8 499.4 423.8 480.5 430.7L272.5 506.1C261.9 510.9 250.1 510.9 239.5 506.1L31.48 430.7C12.57 423.8 0 405.8 0 385.7V126.4C0 106.2 12.57 88.22 31.48 81.28L239.5 5.018zM261.5 35.06C257.1 33.76 254 33.76 250.5 35.06L44.14 110.7L256 193.1L467.9 110.7L261.5 35.06zM42.49 400.7L240 473.1V222L32 140.3V385.7C32 392.4 36.19 398.4 42.49 400.7V400.7zM272 473.1L469.5 400.7C475.8 398.4 480 392.4 480 385.7V140.3L272 222V473.1z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-user-hard-hat, .shop-all-wrapper-cont .active-cat .fa-user-hard-hat, .shop-all-wrapper-cont li.list-menu:hover .fa-user-hard-hat {
  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="white" d="M447 472.2C434.1 420.4 387.5 384 334 384H113.1c-53.45 0-100 36.38-113 88.24C-4.079 492.4 11.2 512 32.02 512h383.1C436.8 512 452.1 492.4 447 472.2zM32.02 479.1C41.44 442.3 75.14 416 113.1 416h220c38.84 0 72.54 26.32 81.97 64L32.02 479.1zM322.4 224c0 52.94-43.07 96-96.01 96S130.4 276.9 130.4 224c0-8.844-7.158-16-16-16s-16 7.156-16 16c0 70.58 57.43 128 128 128c70.58 0 128-57.42 128-128c0-8.844-7.158-16-16-16C329.6 208 322.4 215.2 322.4 224zM80.44 176h289.6c8.884 0 16.09-7.164 16.09-16c0-8.838-7.203-16-16.09-16l-16.09-.0078c0-.0059 0 .0059 0 0c0-65.1-49.3-118.4-112.6-126.4V16c0-8.844-7.195-16-16.09-16C216.3 0 209.1 7.156 209.1 16v1.602c-63.31 7.977-112.6 61.29-112.6 126.4c0 .0059 0-.0059 0 0L80.44 144C71.55 144 64.35 151.2 64.35 160C64.35 168.8 71.55 176 80.44 176zM241.3 49.6c45.56 7.672 80.44 46.93 80.44 94.39c0 .0059 0-.0059 0 0L241.3 144V49.6zM128.7 143.1c0-47.46 34.88-86.72 80.44-94.39V144L128.7 143.1C128.7 143.1 128.7 143.1 128.7 143.1z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-screwdriver-wrench, .shop-all-wrapper-cont .active-cat .fa-screwdriver-wrench, .shop-all-wrapper-cont li.list-menu:hover .fa-screwdriver-wrench {
  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="M225.1 378.1c-5.346-9.277-17.67-11.48-25.24-3.91l-91.57 91.55c-15.01 15-38.9 18.79-56.54 6.984c-23.71-15.88-26.04-48.76-6.967-67.97l134.8-134.8c6.242-6.238 6.229-16.36-.0313-22.59C173.3 241.2 163.2 241.2 156.1 247.4l-134.7 134.7c-29.62 29.62-29.62 77.86 0 107.5c16.64 16.78 39.93 24.7 63.89 21.57c17.43-2.273 33.27-11.36 45.7-23.79l90.54-90.52c4.883-4.883 6.32-12.52 2.857-18.49C225.2 378.3 225.1 378.2 225.1 378.1zM259.8 88.66c4.697-7.82 10.35-15.14 16.98-21.8c22.75-22.62 52.62-34.87 83.87-34.87c6.875 0 13.75 .625 20.62 1.75l-69.25 69.48l13.75 82.98l83.12 13.75l69.37-69.23c6.625 38.12-5.373 76.73-33.12 104.5c-4.432 4.434-9.207 8.426-14.23 12c-7.775 5.527-8.24 16.98-1.475 23.7c5.625 5.594 14.65 6.258 21.07 1.602c6.045-4.383 11.82-9.293 17.26-14.81c37.75-37.74 52.62-91.35 39.62-143.2c-2.25-9.492-9.625-16.99-19.12-19.62s-19.62 0-26.62 7l-63.87 63.86L353.5 158.3l-7.373-44.12l63.87-63.98c6.873-6.871 9.623-16.99 6.998-26.49c-2.623-9.496-10.25-16.74-19.75-19.12c-51.62-12.88-105.2 1.875-143.1 39.61c-8.27 8.348-15.16 17.61-20.98 27.39c-3.791 6.367-3.049 14.45 2.191 19.68C242.5 98.44 254.6 97.3 259.8 88.66zM63.1 431.9c0 8.746 7.25 15.1 16 15.1s15.1-7.25 15.1-15.1s-7.248-15.1-15.1-15.1S63.1 423.1 63.1 431.9zM502.6 389.4l-124.4-124.5c-15.62-15.62-36.12-23.37-56.62-23.37c-15.38 0-30.88 4.371-44.12 13.25L191.1 169.3l.002-73.35l-127.1-95.99L0 63.1l96 127.1l73.37-.0289l85.5 85.48c-20.62 31.12-17.12 73.23 10.25 100.7l124.5 124.5C395.7 508.8 403.1 512 412.2 512c8.123 0 16.37-3.125 22.5-9.375l67.1-67.98C515.1 422.1 515.1 401.9 502.6 389.4zM159.1 159.1h-47.1L42.25 66.98L66.1 42.24l92.1 69.73V159.1zM412.1 479.9l-124.4-124.5c-9.123-9.125-14.12-21.12-14.12-33.87c0-12.88 5-24.87 14.12-33.87c9-9.125 21-14.12 33.88-14.12c12.75 0 24.88 4.996 33.87 14.12l124.5 124.3L412.1 479.9z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-car, .shop-all-wrapper-cont .active-cat .fa-car, .shop-all-wrapper-cont li.list-menu:hover .fa-car {
  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="M80 296C80 282.7 90.75 272 104 272C117.3 272 128 282.7 128 296C128 309.3 117.3 320 104 320C90.75 320 80 309.3 80 296zM432 296C432 309.3 421.3 320 408 320C394.7 320 384 309.3 384 296C384 282.7 394.7 272 408 272C421.3 272 432 282.7 432 296zM48.29 204.7L82.99 89.01C93.14 55.17 124.3 32 159.6 32H352.4C387.7 32 418.9 55.17 429 89.01L463.7 204.7C492.6 221.2 512 252.3 512 288V464C512 472.8 504.8 480 496 480C487.2 480 480 472.8 480 464V416H32V464C32 472.8 24.84 480 16 480C7.164 480 0 472.8 0 464V288C0 252.3 19.44 221.2 48.29 204.7zM85.33 192.6C88.83 192.2 92.39 192 96 192H416C419.6 192 423.2 192.2 426.7 192.6L398.4 98.21C392.3 77.9 373.6 64 352.4 64H159.6C138.4 64 119.7 77.9 113.6 98.21L85.33 192.6zM32 288V384H480V288C480 260.3 462.4 236.7 437.7 227.8L437.3 227.9L437.2 227.6C430.5 225.3 423.4 224 416 224H96C88.58 224 81.46 225.3 74.83 227.6L74.73 227.9L74.27 227.8C49.62 236.7 32 260.3 32 288V288z"/></svg>');
}
.shop-all-wrapper-cont .active-list-menu .fa-container-storage, .shop-all-wrapper-cont .active-cat .fa-container-storage, .shop-all-wrapper-cont li.list-menu:hover .fa-container-storage {
  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="white" d="M368 416c8.844 0 16-7.156 16-16v-288C384 103.2 376.8 96 368 96S352 103.2 352 112v288C352 408.8 359.2 416 368 416zM464 416c8.844 0 16-7.156 16-16v-288C480 103.2 472.8 96 464 96S448 103.2 448 112v288C448 408.8 455.2 416 464 416zM272 416C280.8 416 288 408.8 288 400v-288C288 103.2 280.8 96 272 96S256 103.2 256 112v288C256 408.8 263.2 416 272 416zM624 448H608V64h16C632.8 64 640 56.84 640 48S632.8 32 624 32h-608C7.156 32 0 39.16 0 48S7.156 64 16 64H32v384H16C7.156 448 0 455.2 0 464S7.156 480 16 480h608c8.844 0 16-7.156 16-16S632.8 448 624 448zM576 448H64V64h512V448zM176 416C184.8 416 192 408.8 192 400v-288C192 103.2 184.8 96 176 96S160 103.2 160 112v288C160 408.8 167.2 416 176 416z"/></svg>');
}

#on-over-two .col_container .left_col,
#OneOverTwo .col_container .left_col {
  float: left;
  top: 0;
}
#on-over-two .col_container .right_col,
#OneOverTwo .col_container .right_col {
  float: right;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #on-over-two .col_container .left_col, #on-over-two-right .col_container .left_col {
    position: sticky;
  }
}

#on-over-two-right .col_container .left_col {
  float: left !important;
  position: relative;
  margin-left: 0;
  width: 100% !important;
}
@media (min-width: 768px) {
  #on-over-two-right .col_container .left_col {
    width: 1080px !important;
  }
}
#on-over-two-right .col_container .right_col {
  float: right !important;
  top: 0;
  margin-right: 0;
  width: 100% !important;
}
@media (min-width: 768px) {
  #on-over-two-right .col_container .right_col {
    width: 320px !important;
  }
}

.col_container {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .col_container {
    position: relative;
    z-index: 2;
    background: #ffffff;
  }
}

.col_container::after {
  clear: both;
  content: " ";
  display: block;
}

.col_container .left_col {
  width: 100%;
  padding: 0;
  float: left;
  top: 0;
}
@media (max-width: 767.98px) {
  .col_container .left_col {
    margin: 0;
    z-index: 1;
    background: #fff;
  }
}
.col_container .left_col span.MuiButtonBase-root input[type=checkbox] {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}
.col_container .left_col .totalResults {
  font-weight: 500;
  line-height: 36px;
  margin: 15px 0;
  font-size: 20px;
  color: #212934;
}
@media (max-width: 767.98px) {
  .col_container .left_col .totalResults {
    font-size: 18px;
    font-weight: 500;
    color: #212934;
  }
}
@media (max-width: 767.98px) {
  .col_container .left_col .totalResults.filterOpen::before {
    content: " Filter";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .left_col {
    width: 100%;
    margin-left: 0;
    background: #fff;
    z-index: 12;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .col_container .left_col {
    width: 100%;
    margin-left: 0;
    background: #fff;
    z-index: 12;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .col_container .left_col {
    width: 100%;
    margin-left: 0;
    background: #fff;
    z-index: 12;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .left_col {
    width: 320px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .left_col {
    width: 320px;
  }
}
@media (min-width: 1400px) {
  .col_container .left_col {
    width: 320px;
  }
}
.col_container .left_col .verticalMenu {
  background: #f9f9f9;
  padding: 20px;
}
@media (max-width: 767.98px) {
  .col_container .left_col .verticalMenu {
    background: unset;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .left_col .verticalMenu {
    padding: 0;
    background: unset;
  }
}
.col_container .left_col .verticalMenu .childMenuItem {
  padding: 0 0 10px 0;
}
.col_container .left_col .verticalMenu .childMenuItem span {
  font-size: 17px;
  color: #004e7d;
  line-height: 26px;
  font-weight: 500;
  padding: 0 0 0 0;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem {
  margin-left: 18px;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a,
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a:hover {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a span.parentMenu,
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a:hover span.parentMenu {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
  padding: 0;
}
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a span,
.col_container .left_col .verticalMenu .childMenuItem ul.parentMenuItem a:hover span {
  font-size: 17px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 500;
  display: block;
  padding-bottom: 14px;
}
.col_container .left_col .PrivateNotchedOutline-root-13 {
  display: none;
}

.col_container .right_col {
  float: right;
}
@media (max-width: 767.98px) {
  .col_container .right_col {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .right_col {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .col_container .right_col {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .col_container .right_col {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .right_col {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .right_col {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
@media (min-width: 1400px) {
  .col_container .right_col {
    width: calc(100% - 320px);
    padding-left: 20px;
  }
}
.col_container .right_col .container > .section_title_h3 {
  visibility: hidden;
}
.col_container .right_col .container > .section_title_h3:empty {
  margin-bottom: 0 !important;
}
.col_container .right_col .sortSection {
  display: none;
}
.col_container .right_col .sortBlock {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
  align-items: center;
}
.col_container .right_col .searchWrapper .MuiFormControl-marginNormal {
  width: 100%;
}
.col_container .right_col .searchWrapper .MuiOutlinedInput-adornedEnd {
  padding: 0;
  margin: 0;
}
.col_container .right_col .searchWrapper .MuiOutlinedInput-inputAdornedEnd {
  padding: 14px;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .col_container .right_col .searchWrapper .MuiOutlinedInput-inputAdornedEnd {
    padding: 9px 14px;
    font-size: 12px;
  }
}

.col_container .left_col .filterWrapper ul.hyperlinkWrap li a,
.col_container .left_col .filterWrapper ul.hyperlinkWrap li a:hover {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .col_container .left_col .filterWrapper {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    background: #fff;
    overflow-y: scroll;
    max-height: 100vh;
  }
}
.col_container .left_col .filterWrapper .MuiOutlinedInput-root.MuiInputBase-formControl {
  background: #ffffff;
  border: 1px solid #424c5b;
  box-sizing: border-box;
  border-radius: 4px;
}
.col_container .left_col .filterWrapper .MuiOutlinedInput-root.MuiInputBase-formControl fieldset {
  display: none;
}
.col_container .left_col .filterWrapper .MuiOutlinedInput-root.MuiInputBase-formControl input::placeholder {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #9b9b9b;
}
.col_container .left_col .filterWrapper .rangeFilterForm .textField {
  margin-right: 10px;
}
.col_container .left_col .filterWrapper .rangeFilterForm .textField input {
  height: 22px;
}

@media (min-width: 768px) {
  .col-container .columnWrapper {
    display: flex;
  }
}

.PrivateSwitchBase-input-12,
.PrivateSwitchBase-input-171,
.compareProduct input[type=checkbox] {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}

.productSection .imageSection {
  display: flex;
  align-items: center;
  justify-content: center;
}
.productSection .imageSection .refVariantSection {
  position: absolute;
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #dddddd;
  color: #444B5B;
  padding: 3px 10px;
}
@media (max-width: 539.98px) {
  .productSection .imageSection .refVariantSection {
    left: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .productSection .imageSection .refVariantSection {
    top: 35% !important;
  }
}

.left_col .filterWrapper .jss9 {
  border: none;
}

.content nav {
  width: 100%;
  max-width: 1368px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .content nav {
    width: 100%;
    max-width: 100%;
  }
}
@media (resolution: 120dpi) {
  .content nav {
    width: 100%;
  }
}

.qa-menu-link:last-child {
  margin-top: 50px !important;
}

.columnWrapper::after {
  clear: both;
  content: " ";
  display: block;
}

.verticalMenuMobile {
  margin-top: 20px;
}
@media (max-width: 767.98px) {
  .verticalMenuMobile {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .verticalMenuMobile {
    margin: 0;
  }
}
.verticalMenuMobile i {
  font-size: 21px;
  font-weight: 600;
}
.verticalMenuMobile .Title {
  display: inline-block;
  padding: 0 0 0 15px;
}

.verticalMenuModal {
  height: 100vh;
  width: auto;
  background-color: #FFFFFF;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  overflow-y: auto;
}
.verticalMenuModal .ModalClose {
  position: sticky;
  top: 5px;
  float: right;
  margin-right: 20px;
  color: #6a7681;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .verticalMenuModal {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .verticalMenuModal {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .verticalMenuModal {
    width: 50%;
    left: 0;
    height: 100vh;
    transform: translate(0%, -50%);
    border-radius: 0;
  }
}
.verticalMenuModal .verticalMenu {
  background: #f9f9f9;
  padding: 20px;
}
.verticalMenuModal .verticalMenu .childMenuItem {
  padding: 0 0 10px 0;
}
.verticalMenuModal .verticalMenu .childMenuItem span {
  font-size: 18px;
  color: #424c5b;
  line-height: 26px;
  font-weight: 600;
  padding: 0 0 0 0;
}
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a,
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a:hover {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a span.parentMenu,
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a:hover span.parentMenu {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 300;
}
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a span,
.verticalMenuModal .verticalMenu .childMenuItem ul.parentMenuItem a:hover span {
  font-size: 16px;
  line-height: 22px;
  color: #004e7d;
  font-weight: 600;
}

.parentMenuItem .childMenuItem:first-child {
  margin-top: 9px;
}

li.hyperlinks:last-child {
  padding-bottom: 0;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span:nth-child(2) {
  padding-left: 5px;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span {
  padding: 2px 0 2px 5px;
  font-weight: 300;
  padding-left: 0;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label {
  padding: 3px 0;
  align-items: self-start;
  /*width: max-content;*/
  pointer-events: none;
}
.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span {
  pointer-events: all;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label span:first-child {
  padding-top: 0;
  padding-bottom: 0;
  display: inline;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label:first-child {
  padding: 0;
}

.filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label:nth-child(2) {
  padding-top: 6px;
}

.fullListViewModal .filterWrapper .MuiFormControlLabel-root {
  margin-left: 0;
}

.seeMore span {
  font-weight: 400 !important;
  font-size: 15px !important;
  text-decoration: underline;
}

.filterWrapper .MuiRadio-root {
  padding-right: 9px !important;
}

@media (max-width: 539.98px) {
  .rec-item-wrapper .productSection .imageSection .refVariantSection {
    left: unset !important;
  }
}

.productListWrapper .filterWrapper .MuiCheckbox-root {
  border: 0;
}

h2.MobilePageTitle {
  display: none;
}
@media (max-width: 767.98px) {
  h2.MobilePageTitle {
    display: block;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
  }
}

.loaderWrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaderWrapper:empty {
  display: none;
}

.loaderOverlay {
  width: 100% !important;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.lds-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh !important;
  display: flex;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1301;
}

.lds-spinner div {
  transform-origin: 40px 25px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 5px;
  height: 10px;
  border-radius: 20%;
  background: #212934;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.simpleLoaderWrapper {
  display: grid;
  justify-content: center;
  place-content: center;
}

.dottedLoader,
.dottedLoader:before,
.dottedLoader:after {
  width: 20px; /* update this to control the size */
  aspect-ratio: 0.5;
  display: grid;
  background: radial-gradient(#004e7d 68%, #004e7d 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s, 0) * 0.4s);
  transform: translate(calc(var(--_s, 0) * 150%));
}

.dottedLoader:before,
.dottedLoader:after {
  content: "";
  grid-area: 1/1;
}

.dottedLoader:before {
  --_s: -1;
}

.dottedLoader:after {
  --_s: 1;
}

@keyframes load {
  20% {
    background-position: top;
  }
  40% {
    background-position: bottom;
  }
  60% {
    background-position: center;
  }
}
.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%;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer {
  border-bottom: 1px solid #BCBEC0;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected {
  border-bottom: 2px solid #004E7D !important;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected .listview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.622 6.925C.724 6.925 0 7.61 0 8.458c0 .849.724 1.534 1.622 1.534.897 0 1.621-.685 1.621-1.534 0-.848-.724-1.533-1.621-1.533Zm0-6.133C.724.792 0 1.476 0 2.325c0 .848.724 1.533 1.622 1.533.897 0 1.621-.685 1.621-1.533 0-.849-.724-1.533-1.621-1.533Zm0 12.266c-.898 0-1.622.695-1.622 1.534 0 .838.735 1.533 1.622 1.533.886 0 1.621-.695 1.621-1.534 0-.838-.724-1.533-1.621-1.533Zm3.243 2.556H20v-2.045H4.865v2.045Zm0-6.134H20V7.436H4.865V9.48Zm0-8.177v2.044H20V1.303H4.865Z" fill="rgb(0, 78, 125)"/></svg>') !important;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected .gridview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M1.929 1.286a.645.645 0 0 0-.643.643v3.857c0 .353.289.643.643.643h3.857c.353 0 .643-.29.643-.643V1.929a.645.645 0 0 0-.643-.643H1.929zM0 1.929A1.93 1.93 0 0 1 1.929 0h3.857a1.93 1.93 0 0 1 1.928 1.929v3.857a1.93 1.93 0 0 1-1.928 1.928H1.929A1.93 1.93 0 0 1 0 5.786V1.929zm1.929 9.642a.645.645 0 0 0-.643.643v3.857c0 .354.289.643.643.643h3.857a.645.645 0 0 0 .643-.643v-3.857a.645.645 0 0 0-.643-.643H1.929zM0 12.214a1.93 1.93 0 0 1 1.929-1.928h3.857a1.93 1.93 0 0 1 1.928 1.928v3.857A1.93 1.93 0 0 1 5.786 18H1.929A1.93 1.93 0 0 1 0 16.071v-3.857zM16.071 1.285h-3.857a.645.645 0 0 0-.643.643v3.857c0 .354.29.643.643.643h3.857c.354 0 .643-.29.643-.643V1.928a.645.645 0 0 0-.643-.643zM12.214 0h3.857A1.93 1.93 0 0 1 18 1.928v3.857a1.93 1.93 0 0 1-1.929 1.929h-3.857a1.93 1.93 0 0 1-1.929-1.929V1.928A1.93 1.93 0 0 1 12.214 0zm0 11.57a.645.645 0 0 0-.643.643v3.858c0 .353.29.642.643.642h3.857a.644.644 0 0 0 .643-.642v-3.858a.645.645 0 0 0-.643-.642h-3.857zm-1.929.643a1.93 1.93 0 0 1 1.929-1.928h3.857A1.93 1.93 0 0 1 18 12.213v3.858a1.929 1.929 0 0 1-1.929 1.928h-3.857a1.93 1.93 0 0 1-1.929-1.928v-3.858z" fill="rgb(0, 78, 125)"/></svg>') !important;
}
.tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected.listgridview-tabs_0 span, .tabContainer .listGridContainer .MuiTabs-flexContainer .MuiTab-root.Mui-selected.listgridview-tabs_1 span {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.tabContainer .listGridContainer .listview-icon-placeholder {
  margin-bottom: 0;
  margin-right: 6px;
}
.tabContainer .listGridContainer .listview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.622 6.925C.724 6.925 0 7.61 0 8.458c0 .849.724 1.534 1.622 1.534.897 0 1.621-.685 1.621-1.534 0-.848-.724-1.533-1.621-1.533Zm0-6.133C.724.792 0 1.476 0 2.325c0 .848.724 1.533 1.622 1.533.897 0 1.621-.685 1.621-1.533 0-.849-.724-1.533-1.621-1.533Zm0 12.266c-.898 0-1.622.695-1.622 1.534 0 .838.735 1.533 1.622 1.533.886 0 1.621-.695 1.621-1.534 0-.838-.724-1.533-1.621-1.533Zm3.243 2.556H20v-2.045H4.865v2.045Zm0-6.134H20V7.436H4.865V9.48Zm0-8.177v2.044H20V1.303H4.865Z" fill="rgb(179, 182, 185)"/></svg>');
  width: 20px;
  height: 17px;
  content: " ";
  display: block;
  margin-top: 0;
  background-repeat: no-repeat;
}
.tabContainer .listGridContainer .gridview-icon-placeholder {
  margin-bottom: 0;
  margin-right: 6px;
}
.tabContainer .listGridContainer .gridview-icon-placeholder::before {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M1.929 1.286a.645.645 0 0 0-.643.643v3.857c0 .353.289.643.643.643h3.857c.353 0 .643-.29.643-.643V1.929a.645.645 0 0 0-.643-.643H1.929zM0 1.929A1.93 1.93 0 0 1 1.929 0h3.857a1.93 1.93 0 0 1 1.928 1.929v3.857a1.93 1.93 0 0 1-1.928 1.928H1.929A1.93 1.93 0 0 1 0 5.786V1.929zm1.929 9.642a.645.645 0 0 0-.643.643v3.857c0 .354.289.643.643.643h3.857a.645.645 0 0 0 .643-.643v-3.857a.645.645 0 0 0-.643-.643H1.929zM0 12.214a1.93 1.93 0 0 1 1.929-1.928h3.857a1.93 1.93 0 0 1 1.928 1.928v3.857A1.93 1.93 0 0 1 5.786 18H1.929A1.93 1.93 0 0 1 0 16.071v-3.857zM16.071 1.285h-3.857a.645.645 0 0 0-.643.643v3.857c0 .354.29.643.643.643h3.857c.354 0 .643-.29.643-.643V1.928a.645.645 0 0 0-.643-.643zM12.214 0h3.857A1.93 1.93 0 0 1 18 1.928v3.857a1.93 1.93 0 0 1-1.929 1.929h-3.857a1.93 1.93 0 0 1-1.929-1.929V1.928A1.93 1.93 0 0 1 12.214 0zm0 11.57a.645.645 0 0 0-.643.643v3.858c0 .353.29.642.643.642h3.857a.644.644 0 0 0 .643-.642v-3.858a.645.645 0 0 0-.643-.642h-3.857zm-1.929.643a1.93 1.93 0 0 1 1.929-1.928h3.857A1.93 1.93 0 0 1 18 12.213v3.858a1.929 1.929 0 0 1-1.929 1.928h-3.857a1.93 1.93 0 0 1-1.929-1.928v-3.858z" fill="rgb(179, 182, 185)"/></svg>');
  width: 18px;
  height: 18px;
  content: " ";
  display: block;
  margin-top: 0;
  background-repeat: no-repeat;
}

.AccordionHeader {
  padding: 20px 0;
  margin: 0 auto;
  max-width: 1368px;
  width: 100%;
}
.AccordionHeader .row .accordionTitle {
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  padding: 0 0 10px 0;
  color: #212934;
}
.AccordionHeader .row .accordionDescription p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 10px 0;
  color: #212934;
}
.AccordionHeader .AccContent .MuiAccordionSummary-content {
  margin: 15px !important;
}
.AccordionHeader .AccContent .MuiIconButton-edgeEnd {
  margin-right: 0;
}
.AccordionHeader .AccContent .accTitle {
  font-style: normal;
  font-weight: 500;
  font-size: 21px !important;
  line-height: 32px;
  color: #212934;
}
.AccordionHeader .AccContent .accordionContent {
  width: 100%;
  display: flex;
}
.AccordionHeader .AccContent .accordionContent .image {
  text-align: center;
}
.AccordionHeader .AccContent .accordionContent .image.Regular {
  border: 1px solid #CFCFCF;
  border-radius: 3px;
  overflow: hidden;
}
.AccordionHeader .AccContent .accordionContent .image.Rounded {
  border: 1px solid #CFCFCF;
  border-radius: 8px;
  overflow: hidden;
}
.AccordionHeader .AccContent .accordionContent.Right .image {
  text-align: center;
  float: left;
}
.AccordionHeader .AccContent .accordionContent.Right .contentDescription {
  float: right;
  padding-left: 20px;
}
.AccordionHeader .AccContent .accordionContent.Left .image {
  text-align: center;
  float: right;
  order: 2;
}
.AccordionHeader .AccContent .accordionContent.Left .contentDescription {
  float: left;
  margin: 0 15px;
}
.AccordionHeader .AccContent .accordionContent.Bottom {
  flex-direction: column;
}
.AccordionHeader .AccContent .accordionContent.Bottom .image {
  text-align: center;
  float: unset;
}
.AccordionHeader .AccContent .accordionContent.Bottom .contentDescription {
  float: left;
  float: unset;
  width: 100% !important;
  padding-top: 15px;
}
.AccordionHeader .AccContent .accordionContent .contentTitle {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  padding: 0 0 10px 0;
  color: #212934;
}
.AccordionHeader .AccContent .accordionContent .contentDescription {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 10px 20px;
  color: #212934;
}
.AccordionHeader .AccContent .accordionContent ul {
  list-style-position: inside !important;
}
.AccordionHeader .AccContent .accordionContent ul li {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.popularReads {
  max-width: 1368px;
  width: 100%;
  margin: 0 auto;
}
.popularReads .popular {
  max-width: 1368px;
}
@media (max-width: 767.98px) {
  .popularReads .popular {
    width: 100%;
  }
}
.popularReads .popular .rec-swipable {
  grid-gap: 1.2rem;
}
@media (max-width: 767.98px) {
  .popularReads .popular .rec-swipable {
    grid-gap: 0.5rem;
  }
}
@media (max-width: 539.98px) {
  .popularReads .popular .rec-swipable {
    grid-gap: 0;
  }
}
.popularReads .popular .rec-slider-container {
  margin: 0;
}
.popularReads .popularHeader {
  position: relative;
  color: #212934;
  font-weight: 600;
  text-align: left;
  font-size: 18px;
  margin-bottom: 24px;
  line-height: 1;
}
.popularReads .popular {
  background-color: #ffffff;
  flex-direction: row;
  justify-content: center;
}
.popularReads .popular .card {
  margin: 2px;
  min-height: 428px;
  text-align: left;
  width: 100%;
  position: relative;
  padding: 16px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 13px 0 rgba(22, 22, 22, 0.15);
}
@media (max-width: 539.98px) {
  .popularReads .popular .card {
    min-height: auto;
  }
}
.popularReads .popular .card .card_img {
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  border-radius: 8px;
  align-items: center;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  image-rendering: -webkit-optimize-contrast;
}
.popularReads .popular .card .date {
  font-size: 12px;
  line-height: 1.6;
  color: #424C5B;
  margin: 8px 0;
}
.popularReads .popular .card .title {
  font-size: 16px;
  font-weight: 600;
  margin: 8px 0;
  line-height: 1.3;
  color: #212934;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popularReads .popular .card .header_title {
  color: #004e7d;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.popularReads .popular .card a.headerTitle, .popularReads .popular .card a.headerTitle:hover {
  font-size: 12px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
  color: #004e7d;
}
.popularReads .popular .card .description {
  color: #212934;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 16px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popularReads .popular .card .readMore {
  position: static;
  bottom: 20px;
  left: 15px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 22px;
  color: #004e7d;
  cursor: pointer;
  background: none;
}
@media (min-width: 540px) and (max-width: 767.98px) {
  .popularReads .popular .card .readMore {
    position: absolute;
  }
}
.popularReads .popular .card .images {
  width: 100%;
  border-radius: 6px;
}

.PopularCardContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  grid-gap: 1.2rem;
}

@media (min-width: 768px) {
  .popularReads .popular .card {
    min-height: 452px;
    width: 443px;
  }
  .popularReads .popular .card .card_img {
    height: 187px;
  }
  .popularReads .popular .card .title {
    font-size: 17px;
  }
  .popularReads .popular .card .date, .popularReads .popular .card .header_title, .popularReads .popular .card a.headerTitle, .popularReads .popular .card a.headerTitle:hover {
    font-size: 14px;
  }
  .popularReads .popular .card .description {
    font-size: 15px;
  }
  .popularReads .popular .card .readMore {
    position: absolute;
    padding: 10px 15px;
    border: 2px solid #004e7d;
    border-radius: 8px;
    width: 145px;
  }
  .popularReads .popular .card .images {
    height: 187px;
    object-fit: cover;
  }
}
@media (max-width: 767.98px) {
  .popularReads .section_title_h3 {
    font-size: 16px;
    line-height: 14px;
    margin-bottom: 8px;
  }
  .popularReads .popular .rec-carousel-wrapper .rec-carousel {
    position: relative;
  }
  .popularReads .popular .rec-carousel-wrapper .rec-arrow {
    z-index: 1;
    display: block;
  }
  .popularReads .popular .rec-carousel-wrapper .rec-arrow:disabled {
    display: none;
  }
  .popularReads .popular .rec-carousel-wrapper .rec-pagination {
    display: none;
  }
  .popularReads .popular .card {
    min-height: auto;
    padding: 0;
    box-shadow: none;
    padding-right: 14px;
  }
  .popularReads .popular .card .title {
    margin: 9px 0 4px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
  }
  .popularReads .popular .card .description {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #333;
  }
  .popularReads .popular .card .card_img {
    height: 110px;
  }
  .popularReads .popular .card .images {
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
  }
}
.popularReads .dummy-popular {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  overflow: hidden;
  direction: ltr;
  background-color: #fff;
  border-radius: 2px;
  flex-direction: column;
}
.popularReads .dummy-popular .dummy-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  grid-gap: 1.2rem;
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card {
  width: 100%;
  position: relative;
  height: 452px;
}
@media (max-width: 767.98px) {
  .popularReads .dummy-popular .dummy-container .dummy-popular-card {
    height: 252px;
  }
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card .date {
  height: 10px;
  background-color: #ced4da;
  border-radius: 4px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .popularReads .dummy-popular .dummy-container .dummy-popular-card .date {
    display: none;
  }
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card .header-title {
  height: 10px;
  background-color: #ced4da;
  border-radius: 4px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .popularReads .dummy-popular .dummy-container .dummy-popular-card .header-title {
    display: none;
  }
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card .title {
  height: 10px;
  background-color: #ced4da;
  border-radius: 4px;
  margin-bottom: 10px;
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card .dec {
  height: 20px;
  background-color: #ced4da;
  border-radius: 4px;
  margin-bottom: 10px;
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card .img {
  height: 187px;
  background-color: #ced4da;
  border-radius: 4px;
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .popularReads .dummy-popular .dummy-container .dummy-popular-card .img {
    height: 110px;
  }
}
.popularReads .dummy-popular .dummy-container .dummy-popular-card button {
  height: 45px;
  background-color: #ced4da;
  border-radius: 4px;
  margin-bottom: 10px;
  width: 145px;
  border: none;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .popularReads .dummy-popular .dummy-container .dummy-popular-card button {
    display: none;
  }
}

.vertical-artical-banner, .compareProduct { /*min-height: 740px;*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);padding-bottom: 20px;*/
}
.vertical-artical-banner .article_img, .compareProduct .article_img {
  min-height: 200px;
}
.vertical-artical-banner .article_img img, .compareProduct .article_img img {
  width: 100%;
}
.vertical-artical-banner .date, .compareProduct .date {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #bcbec0;
}
.vertical-artical-banner .title, .compareProduct .title {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  color: #212934 !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
.vertical-artical-banner .ask_expert, .compareProduct .ask_expert {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  color: #004e7d;
}
.vertical-artical-banner .readmore, .compareProduct .readmore {
  margin: 15px 0 0 0;
}
.vertical-artical-banner .description, .compareProduct .description {
  min-height: 107px;
}

.productCatgoriesColumn .productCatgoriesTitleColumn {
  color: #424c5b;
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 600;
  padding: 0px;
}
.productCatgoriesColumn .categoriesColumn {
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  box-sizing: border-box;
  height: 64px;
  min-width: 156px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  margin-bottom: 8px;
}
.productCatgoriesColumn .categoriesColumn:hover {
  background-color: #eaf5ff;
  border: 1px solid #004E7D;
}
.productCatgoriesColumn .columnIcon {
  text-align: left;
  width: 34px;
  flex: 0 0 auto;
  margin-right: 16px;
  color: #004e7d;
}
.productCatgoriesColumn .columnText {
  color: #004e7d;
  font-size: 14px;
  width: 86px;
  font-weight: 500;
  line-height: 20px;
  flex: 0 0 auto;
}

.productCatgoriesRow .categoriesRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  box-sizing: border-box;
  height: 64px;
  min-width: 156px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
  margin-bottom: 8px;
}
.productCatgoriesRow .categoriesRow:hover {
  background-color: #eaf5ff;
  border: 1px solid #004E7D;
}
.productCatgoriesRow .rowIcon {
  text-align: left;
  flex: 0 0 auto;
  margin-right: 16px;
  width: 34px;
  color: #004e7d;
}
.productCatgoriesRow .rowText {
  color: #004e7d;
  font-size: 14px;
  width: 86px;
  font-weight: 500;
  line-height: 20px;
  flex: 0 0 auto;
}

.MuiPaper-root.category-paper.MuiPaper-elevation1.MuiPaper-rounded {
  box-shadow: none;
  padding: 0 5px;
}

.MuiGrid-spacing-xs-1 {
  justify-content: center;
}

@media (min-width: 768px) {
  .productCatgoriesRow .productCatgoriesTitleRow {
    font-size: 32px;
  }
  .productCatgoriesRow .categoriesRow {
    height: 163px;
    min-width: 327px;
  }
  .productCatgoriesRow .rowIcon {
    width: 47px;
    margin: 32px;
  }
  .productCatgoriesRow .rowText {
    font-size: 22px;
    width: 172px;
    line-height: 30px;
  }
  .productCatgoriesColumn .categoriesColumn {
    flex-direction: column;
    height: 139px;
    min-width: 210px;
    cursor: pointer;
  }
  .productCatgoriesColumn .columnIcon {
    text-align: center;
    margin: 20px 0 0 0;
    width: 47px;
    flex: auto;
  }
  .productCatgoriesColumn .columnText {
    font-size: 18px;
    text-align: center;
    width: 170px;
    flex: auto;
  }
  .productCatgoriesColumn .MuiGrid-spacing-xs-1 {
    justify-content: inherit;
  }
}
.category-description.border h3 {
  border-bottom: 1px solid #dddddd;
  padding: 0 0 10px 0;
}

.category-description {
  margin: 0 auto;
  max-width: 1368px;
}
.category-description h3 {
  font-size: 26px;
  font-weight: 500;
  color: #212934;
  margin-top: 0;
}
@media (max-width: 767.98px) {
  .category-description h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
  }
}
.category-description p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #212934;
}
@media (max-width: 767.98px) {
  .category-description p {
    font-size: 10px;
  }
}

.EducationalContent {
  max-width: 1368px;
  width: 100%;
  margin: 0 auto;
}
.EducationalContent .EducationalTitle {
  font-size: 30px;
  margin: 0px;
  color: #212934;
}
@media (max-width: 767.98px) {
  .EducationalContent .EducationalTitle {
    font-size: 20px;
  }
}
.EducationalContent .EducationalDescription p {
  font-size: 20px;
  color: #212934;
  width: 100%;
}
@media (max-width: 767.98px) {
  .EducationalContent .EducationalDescription p {
    font-size: 16px;
  }
}
.EducationalContent i.fal.fa-clock {
  vertical-align: middle;
  margin-right: 5px;
  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.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(216,159,2)" d="M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z"/></svg>');
  width: 22px;
  height: 22px;
}
.EducationalContent i.fal.fa-clock::before {
  content: " ";
}
@media (max-width: 767.98px) {
  .EducationalContent i.fal.fa-clock {
    width: 20px;
    height: 20px;
  }
}
.EducationalContent .educational.gridWrapper {
  grid-gap: 1.2rem;
}
.EducationalContent .educational.gridWrapper.grid-1 {
  grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
}
@media (min-width: 1400px) {
  .EducationalContent .educational.gridWrapper.grid-1 {
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .EducationalContent .educational.gridWrapper.grid-1 {
    grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational.gridWrapper.grid-1 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.EducationalContent .educational.gridWrapper.grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
}
@media (min-width: 1400px) {
  .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.EducationalContent .educational.gridWrapper.grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
}
@media (min-width: 1400px) {
  .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.EducationalContent .educational.gridWrapper.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
@media (min-width: 1400px) {
  .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.EducationalContent .educational .educationBottom4, .EducationalContent .educational .educationBottom3, .EducationalContent .educational .educationBottom2, .EducationalContent .educational .educationBottom1 {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationBottom4, .EducationalContent .educational .educationBottom3, .EducationalContent .educational .educationBottom2, .EducationalContent .educational .educationBottom1 {
    position: relative;
    margin: 16px 0;
    display: flex;
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationBottom4:first-child, .EducationalContent .educational .educationBottom3:first-child, .EducationalContent .educational .educationBottom2:first-child, .EducationalContent .educational .educationBottom1:first-child {
    position: relative;
    display: block;
  }
  .EducationalContent .educational .educationBottom4:first-child .educationImage, .EducationalContent .educational .educationBottom3:first-child .educationImage, .EducationalContent .educational .educationBottom2:first-child .educationImage, .EducationalContent .educational .educationBottom1:first-child .educationImage {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: auto;
    width: 100%;
  }
  .EducationalContent .educational .educationBottom4:first-child .educationContent, .EducationalContent .educational .educationBottom3:first-child .educationContent, .EducationalContent .educational .educationBottom2:first-child .educationContent, .EducationalContent .educational .educationBottom1:first-child .educationContent {
    padding-left: 0px;
    margin-top: 16px;
  }
}
.EducationalContent .educational .educationBottom4 .educationImage, .EducationalContent .educational .educationBottom3 .educationImage, .EducationalContent .educational .educationBottom2 .educationImage, .EducationalContent .educational .educationBottom1 .educationImage {
  height: 213px;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationBottom4 .educationImage, .EducationalContent .educational .educationBottom3 .educationImage, .EducationalContent .educational .educationBottom2 .educationImage, .EducationalContent .educational .educationBottom1 .educationImage {
    position: relative;
    border-radius: 4px;
    align-items: center;
    width: 27%;
    height: 100%;
  }
}
.EducationalContent .educational .educationBottom4 .educationImage .img-fluid, .EducationalContent .educational .educationBottom3 .educationImage .img-fluid, .EducationalContent .educational .educationBottom2 .educationImage .img-fluid, .EducationalContent .educational .educationBottom1 .educationImage .img-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationBottom4 .educationImage .img-fluid, .EducationalContent .educational .educationBottom3 .educationImage .img-fluid, .EducationalContent .educational .educationBottom2 .educationImage .img-fluid, .EducationalContent .educational .educationBottom1 .educationImage .img-fluid {
    height: 100%;
  }
}
.EducationalContent .educational .educationBottom4 .educationImage .videoIcon, .EducationalContent .educational .educationBottom3 .educationImage .videoIcon, .EducationalContent .educational .educationBottom2 .educationImage .videoIcon, .EducationalContent .educational .educationBottom1 .educationImage .videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 56px;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationBottom4 .educationImage .videoIcon, .EducationalContent .educational .educationBottom3 .educationImage .videoIcon, .EducationalContent .educational .educationBottom2 .educationImage .videoIcon, .EducationalContent .educational .educationBottom1 .educationImage .videoIcon {
    font-size: 24px;
  }
}
.EducationalContent .educational .educationContent {
  width: 100%;
  padding: 0;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationContent {
    padding-left: 16px;
    width: 326px;
  }
}
.EducationalContent .educational .educationContent .title {
  font-size: 16px;
  margin: 0;
  line-height: 20px;
  font-weight: 500;
}
.EducationalContent .educational .educationContent .title a {
  color: #212934;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.EducationalContent .educational .educationContent p.description {
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationContent p.description {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    display: none;
  }
}
.EducationalContent .educational .educationContent .duration {
  margin-top: 4px;
  font-size: 16px;
  color: #424c5b;
  font-weight: normal;
}
.EducationalContent .educational .educationalCards4, .EducationalContent .educational .educationalCards3, .EducationalContent .educational .educationalCards2, .EducationalContent .educational .educationalCards1 {
  position: relative;
  height: auto;
  display: flex;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards4, .EducationalContent .educational .educationalCards3, .EducationalContent .educational .educationalCards2, .EducationalContent .educational .educationalCards1 {
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards4:first-child, .EducationalContent .educational .educationalCards3:first-child, .EducationalContent .educational .educationalCards2:first-child, .EducationalContent .educational .educationalCards1:first-child {
    display: block;
  }
  .EducationalContent .educational .educationalCards4:first-child .educationImage, .EducationalContent .educational .educationalCards3:first-child .educationImage, .EducationalContent .educational .educationalCards2:first-child .educationImage, .EducationalContent .educational .educationalCards1:first-child .educationImage {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    height: auto;
    width: 100%;
  }
  .EducationalContent .educational .educationalCards4:first-child .educationContent, .EducationalContent .educational .educationalCards3:first-child .educationContent, .EducationalContent .educational .educationalCards2:first-child .educationContent, .EducationalContent .educational .educationalCards1:first-child .educationContent {
    margin-top: 16px;
    padding: 0px;
  }
  .EducationalContent .educational .educationalCards4:first-child .educationContent .duration, .EducationalContent .educational .educationalCards3:first-child .educationContent .duration, .EducationalContent .educational .educationalCards2:first-child .educationContent .duration, .EducationalContent .educational .educationalCards1:first-child .educationContent .duration {
    margin-top: 7px;
  }
}
.EducationalContent .educational .educationalCards4 .educationImage, .EducationalContent .educational .educationalCards3 .educationImage, .EducationalContent .educational .educationalCards2 .educationImage, .EducationalContent .educational .educationalCards1 .educationImage {
  margin-right: 20px;
  align-items: center;
  height: 142px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards4 .educationImage, .EducationalContent .educational .educationalCards3 .educationImage, .EducationalContent .educational .educationalCards2 .educationImage, .EducationalContent .educational .educationalCards1 .educationImage {
    position: relative;
    border-radius: 4px;
    width: 27%;
    height: 100%;
  }
}
.EducationalContent .educational .educationalCards4 .educationImage .img-fluid, .EducationalContent .educational .educationalCards3 .educationImage .img-fluid, .EducationalContent .educational .educationalCards2 .educationImage .img-fluid, .EducationalContent .educational .educationalCards1 .educationImage .img-fluid {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.EducationalContent .educational .educationalCards4 .educationImage .videoIcon, .EducationalContent .educational .educationalCards3 .educationImage .videoIcon, .EducationalContent .educational .educationalCards2 .educationImage .videoIcon, .EducationalContent .educational .educationalCards1 .educationImage .videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 34px;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards4 .educationImage .videoIcon, .EducationalContent .educational .educationalCards3 .educationImage .videoIcon, .EducationalContent .educational .educationalCards2 .educationImage .videoIcon, .EducationalContent .educational .educationalCards1 .educationImage .videoIcon {
    font-size: 24px;
  }
}
.EducationalContent .educational .educationalCards4 .educationContent, .EducationalContent .educational .educationalCards3 .educationContent, .EducationalContent .educational .educationalCards2 .educationContent, .EducationalContent .educational .educationalCards1 .educationContent {
  margin-top: 0px;
  width: 326px;
  padding: 0px;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards4 .educationContent, .EducationalContent .educational .educationalCards3 .educationContent, .EducationalContent .educational .educationalCards2 .educationContent, .EducationalContent .educational .educationalCards1 .educationContent {
    padding-left: 16px;
  }
}
.EducationalContent .educational .educationalCards3 .educationImage {
  height: 157px;
}
.EducationalContent .educational .educationalCards2 .educationImage {
  height: 211px;
}
.EducationalContent .educational .educationalCards2 .educationImage .videoIcon {
  font-size: 56px;
}
@media (min-width: 270.98px) and (max-width: 319.99px) {
  .EducationalContent .educational .educationalCards2 .educationContent {
    width: 98%;
  }
}
.EducationalContent .educational .educationalCards1 .educationImage {
  height: 320px;
  width: 60%;
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards1 .educationImage {
    width: 100%;
    margin-right: 12px;
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards1 .educationContent {
    margin-top: 24px;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .EducationalContent .educational .educationalCards1 .educationContent p.description {
    margin-top: 8px;
  }
}

@media (max-width: 767.98px) {
  .EducationalContent {
    position: relative;
  }
  .EducationalContent .section_title_h3 {
    line-height: 18px;
    margin-bottom: 12px !important;
  }
  .EducationalContent .rec-slider-container {
    margin: 0px;
  }
  .EducationalContent .educationBottom4,
  .EducationalContent .educationBottom3,
  .EducationalContent .educationBottom2,
  .EducationalContent .educationalCards4,
  .EducationalContent .educationalCards3,
  .EducationalContent .educationalCards2 {
    position: relative;
    height: auto;
    display: flex;
    width: 100%;
    padding-right: 10px;
    flex-flow: column;
  }
  .EducationalContent .educationBottom4 .educationImage,
  .EducationalContent .educationBottom3 .educationImage,
  .EducationalContent .educationBottom2 .educationImage,
  .EducationalContent .educationalCards4 .educationImage,
  .EducationalContent .educationalCards3 .educationImage,
  .EducationalContent .educationalCards2 .educationImage {
    align-items: center;
    height: 110px;
    width: 100%;
    border-radius: 8px;
  }
  .EducationalContent .educationBottom4 .educationImage .img-fluid,
  .EducationalContent .educationBottom3 .educationImage .img-fluid,
  .EducationalContent .educationBottom2 .educationImage .img-fluid,
  .EducationalContent .educationalCards4 .educationImage .img-fluid,
  .EducationalContent .educationalCards3 .educationImage .img-fluid,
  .EducationalContent .educationalCards2 .educationImage .img-fluid {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }
  .EducationalContent .educationBottom4 .educationContent,
  .EducationalContent .educationBottom3 .educationContent,
  .EducationalContent .educationBottom2 .educationContent,
  .EducationalContent .educationalCards4 .educationContent,
  .EducationalContent .educationalCards3 .educationContent,
  .EducationalContent .educationalCards2 .educationContent {
    padding: 0px;
  }
  .EducationalContent .educationBottom4 .educationContent .title,
  .EducationalContent .educationBottom3 .educationContent .title,
  .EducationalContent .educationBottom2 .educationContent .title,
  .EducationalContent .educationalCards4 .educationContent .title,
  .EducationalContent .educationalCards3 .educationContent .title,
  .EducationalContent .educationalCards2 .educationContent .title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    margin: 10px 0 5px;
  }
  .EducationalContent .educationBottom4 .educationContent .title a,
  .EducationalContent .educationBottom3 .educationContent .title a,
  .EducationalContent .educationBottom2 .educationContent .title a,
  .EducationalContent .educationalCards4 .educationContent .title a,
  .EducationalContent .educationalCards3 .educationContent .title a,
  .EducationalContent .educationalCards2 .educationContent .title a {
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .EducationalContent .educationBottom4 .educationContent p.description,
  .EducationalContent .educationBottom3 .educationContent p.description,
  .EducationalContent .educationBottom2 .educationContent p.description,
  .EducationalContent .educationalCards4 .educationContent p.description,
  .EducationalContent .educationalCards3 .educationContent p.description,
  .EducationalContent .educationalCards2 .educationContent p.description {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
    color: #333333;
  }
  .EducationalContent .educationBottom4 .educationContent .duration,
  .EducationalContent .educationBottom3 .educationContent .duration,
  .EducationalContent .educationBottom2 .educationContent .duration,
  .EducationalContent .educationalCards4 .educationContent .duration,
  .EducationalContent .educationalCards3 .educationContent .duration,
  .EducationalContent .educationalCards2 .educationContent .duration {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #424c5b;
    font-weight: normal;
    display: flex;
    color: #333333;
  }
  .EducationalContent .educationBottom4 .educationContent i.fal.fa-clock,
  .EducationalContent .educationBottom3 .educationContent i.fal.fa-clock,
  .EducationalContent .educationBottom2 .educationContent i.fal.fa-clock,
  .EducationalContent .educationalCards4 .educationContent i.fal.fa-clock,
  .EducationalContent .educationalCards3 .educationContent i.fal.fa-clock,
  .EducationalContent .educationalCards2 .educationContent i.fal.fa-clock {
    vertical-align: middle;
    margin-right: 5px;
    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.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(216,159,2)" d="M232 120C232 106.7 242.7 96 256 96C269.3 96 280 106.7 280 120V243.2L365.3 300C376.3 307.4 379.3 322.3 371.1 333.3C364.6 344.3 349.7 347.3 338.7 339.1L242.7 275.1C236 271.5 232 264 232 255.1L232 120zM256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0zM48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48C141.1 48 48 141.1 48 256z"/></svg>');
    width: 13px;
    height: 14px;
  }
  .EducationalContent .educationBottom4 .educationContent i.fal.fa-clock::before,
  .EducationalContent .educationBottom3 .educationContent i.fal.fa-clock::before,
  .EducationalContent .educationBottom2 .educationContent i.fal.fa-clock::before,
  .EducationalContent .educationalCards4 .educationContent i.fal.fa-clock::before,
  .EducationalContent .educationalCards3 .educationContent i.fal.fa-clock::before,
  .EducationalContent .educationalCards2 .educationContent i.fal.fa-clock::before {
    content: " ";
  }
}
.col_container .right_col .EducationalContent {
  max-width: 1068px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.col_container .right_col .EducationalContent .educational.gridWrapper {
  grid-gap: 1.2rem;
}
.col_container .right_col .EducationalContent .educational.gridWrapper.grid-1 {
  grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
}
@media (min-width: 1400px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-1 {
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-1 {
    grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-1 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
}
@media (min-width: 300.98px) and (max-width: 399.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)) !important;
  }
}
@media (min-width: 1400px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.col_container .right_col .EducationalContent .educational.gridWrapper.grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
}
@media (min-width: 1400px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}
.col_container .right_col .EducationalContent .educational.gridWrapper.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
@media (min-width: 1400px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .col_container .right_col .EducationalContent .educational.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(23rem, 1fr));
  }
}

.login-banner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  background: hsl(203, 100%, 25%);
  overflow: hidden;
}
.login-banner * {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
.login-banner .login-banner-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.login-banner .login-banner-wrapper.bannerImageLeft {
  flex-direction: row-reverse;
}
.login-banner .login-banner-wrapper.bannerImageRight {
  flex-direction: row;
}

.login-banner-horizontal {
  max-width: 1440px;
}
.login-banner-horizontal .login-banner-img {
  width: 33.2%;
}
.login-banner-horizontal > div > div {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}
.login-banner-horizontal .login-banner-logo {
  display: none;
}
.login-banner-horizontal .login-banner-info {
  width: 66.8%;
  justify-content: center;
}
@media screen and (max-width: 980px) {
  .login-banner-horizontal .login-banner-info {
    width: 100%;
  }
}
.login-banner-horizontal .login-banner-main {
  width: 38%;
  padding: 17px 4%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  align-self: center;
}
@media screen and (max-width: 767.5px) {
  .login-banner-horizontal .login-banner-main {
    width: 100%;
    margin: 15px 20px;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    min-height: inherit;
    margin-bottom: 0;
    padding-bottom: 15px;
  }
}
.login-banner-horizontal .login-welcome-heading {
  color: #FFF;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .login-welcome-heading {
    font-size: 22px;
  }
}
.login-banner-horizontal .login-welcome-text {
  color: #FFF;
  font-size: 22px;
  line-height: 1;
  margin: 15px 0 0;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .login-welcome-text {
    font-size: 16px;
    margin: 5px 0 15px;
  }
}
.login-banner-horizontal .login-banner-button {
  border-radius: 8px;
  display: block;
  width: 100%;
  cursor: pointer;
  margin-top: 25px;
  border-width: 2px;
  border-style: solid;
  outline: none;
}
.login-banner-horizontal .login-banner-button.primary-light, .login-banner-horizontal .login-banner-button.primary-light:hover {
  background-color: #d41e3d;
  border: 1px solid #d41e3d;
  color: #ffffff;
}
.login-banner-horizontal .login-banner-button.secondary-light, .login-banner-horizontal .login-banner-button.secondary-light:hover {
  background-color: #ffffff;
  border: 1px solid #004e7d;
  color: #004e7d;
}
.login-banner-horizontal .login-banner-button.primary-dark, .login-banner-horizontal .login-banner-button.primary-dark:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #d41e3d;
}
.login-banner-horizontal .login-banner-button.secondary-dark, .login-banner-horizontal .login-banner-button.secondary-dark:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.login-banner-horizontal .login-banner-button.primary-white {
  background-color: #ffffff;
  border-color: #ffffff;
}
.login-banner-horizontal .login-banner-button.primary-white:hover {
  background-color: #004f80;
}
.login-banner-horizontal .login-banner-button.primary-white:hover span {
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .login-banner-horizontal .login-banner-button.primary-white:hover span {
    height: 36px;
  }
}
.login-banner-horizontal .login-banner-button.primary-white:active {
  background-color: #ffffff;
  border-color: #D41E3D;
}
.login-banner-horizontal .login-banner-button.primary-white:active span {
  color: #D41E3D;
}
.login-banner-horizontal .login-banner-button.primary-white:focus {
  background-color: #E52D4C;
  box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.5);
}
.login-banner-horizontal .login-banner-button.primary-white:focus span {
  color: #ffffff;
}
.login-banner-horizontal .login-banner-button.primary-blue {
  background-color: #004e7d;
}
.login-banner-horizontal .login-banner-button.primary-red {
  background-color: #d41e3d;
}
.login-banner-horizontal .login-banner-button.primary-blue-tint {
  background-color: #b2c8db;
}
.login-banner-horizontal .login-banner-button.primary-red-tint {
  background-color: #f3b2c3;
}
.login-banner-horizontal .login-banner-button.secondary-orange {
  background-color: #e25411;
}
.login-banner-horizontal .login-banner-button.secondary-green {
  background-color: #71b946;
}
.login-banner-horizontal .login-banner-button.secondary-yellow {
  background-color: #d89f02;
}
.login-banner-horizontal .login-banner-button.secondary-blue {
  background-color: #6cc2ed;
}
.login-banner-horizontal .login-banner-button.secondary-grey {
  background-color: #bcbec0;
}
.login-banner-horizontal .login-banner-button.secondary-dark-blue {
  background-color: "#002d50";
}
.login-banner-horizontal .login-banner-button span {
  color: #D41E3D;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  padding: 15px;
  height: 46px;
  display: block;
}
@media (max-width: 767.98px) {
  .login-banner-horizontal .login-banner-button span {
    font-size: 14px;
    padding: 11px;
    height: 36px;
  }
}
.login-banner-horizontal .new-customer {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .new-customer {
    margin: 15px 0;
  }
}
.login-banner-horizontal .new-customer span {
  color: #fff;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .new-customer span {
    font-size: 16px;
  }
}
.login-banner-horizontal .new-customer a {
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-decoration: underline;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .new-customer a {
    font-size: 16px;
  }
}
.login-banner-horizontal .login-banner-account-text {
  width: 62%;
  padding: 1.5% 4%;
  align-self: center;
}
@media (max-width: 767.98px) {
  .login-banner-horizontal .login-banner-account-text {
    margin: 30px 20px;
    width: 100%;
    padding: 0;
  }
}
.login-banner-horizontal .account-benefits-heading, .login-banner-horizontal p {
  color: #F3F3F3;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}
.login-banner-horizontal .account-benefits-heading strong, .login-banner-horizontal p strong {
  font-weight: 500;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .account-benefits-heading, .login-banner-horizontal p {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1;
  }
}
.login-banner-horizontal .account-benefits-list li {
  font-size: 16px;
  font-weight: 300;
  color: #F3F3F3;
  line-height: 1.5;
  list-style-type: disc;
  margin-left: 20px;
}
@media screen and (max-width: 1420px) {
  .login-banner-horizontal .account-benefits-list li {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .login-banner-horizontal .login-banner-img {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .login-banner-horizontal .login-banner-main {
    margin-top: 30px;
  }
}

.login-banner-vertical {
  max-width: 442px;
  margin-bottom: 64px;
}
.login-banner-vertical > div > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}
.login-banner-vertical .login-banner-logo {
  width: 100%;
  display: flex;
  padding: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.login-banner-vertical .login-banner-logo img {
  max-width: 178px;
}
.login-banner-vertical .login-banner-main {
  display: none;
}
.login-banner-vertical .login-banner-img {
  max-height: 312px;
  overflow: hidden;
}
.login-banner-vertical .login-banner-account-text {
  margin: 30px 30px 50px;
}
.login-banner-vertical .account-benefits-heading, .login-banner-vertical p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #F3F3F3;
  margin-bottom: 15px;
}
.login-banner-vertical .account-benefits-list li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #F3F3F3;
  list-style-type: disc;
  margin-left: 20px;
}

.login-banner-img img {
  width: 100%;
  height: auto;
}

.logged-in-comp {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1368px;
  width: 100%;
  overflow: hidden;
}
.logged-in-comp * {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
.logged-in-comp.quick-access .logged-in-comp-text {
  width: 421px;
}
.logged-in-comp.quick-access .logged-in-comp-links {
  width: calc(100% - 421px);
}
@media (max-width: 767.98px) {
  .logged-in-comp.quick-access .logged-in-comp-links {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.logged-in-comp.cart-reminder .logged-in-comp-text {
  width: 623px;
}
.logged-in-comp.cart-reminder .logged-in-comp-button {
  width: calc(100% - 623px);
}
.logged-in-comp .logged-in-comp-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
  height: 141px;
  margin: auto;
  padding: 42px 8.4795%;
}
@media screen and (max-width: 1330px) {
  .logged-in-comp .logged-in-comp-wrapper {
    padding: 42px 2%;
  }
}
@media screen and (max-width: 1160px) {
  .logged-in-comp .logged-in-comp-wrapper a:not(:first-of-type) {
    margin-left: 10px;
    padding-left: 10px;
    display: inline-block;
  }
}
@media (max-width: 991.98px) {
  .logged-in-comp .logged-in-comp-wrapper {
    height: auto;
    padding: 5%;
    justify-content: center;
  }
  .logged-in-comp .logged-in-comp-wrapper .logged-in-comp-text {
    width: 100%;
    margin-bottom: 24px;
    text-align: center;
  }
  .logged-in-comp .logged-in-comp-wrapper .logged-in-comp-links {
    width: 100%;
    text-align: center;
    align-self: center;
  }
  .logged-in-comp .logged-in-comp-wrapper .logged-in-comp-button {
    max-width: 324px;
    width: 100%;
  }
}

.logged-in-comp .mobile_secondary_blue {
  background: #EFF7FF;
}
.logged-in-comp .mobile_secondary_grey {
  background: #f9f9f9;
}

.logged-in-comp-text {
  align-self: center;
}
.logged-in-comp-text h4 {
  color: #212934;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .logged-in-comp-text h4 {
    font-size: 16px;
  }
}
.logged-in-comp-text p {
  color: #212934;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .logged-in-comp-text p {
    font-size: 14px;
  }
}

.logged-in-comp-links {
  align-self: flex-end;
  text-align: right;
}
.logged-in-comp-links a {
  color: #004E7D;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
@media screen and (max-width: 1160px) {
  .logged-in-comp-links a {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .logged-in-comp-links a {
    font-size: 14px;
  }
}
.logged-in-comp-links a:not(:first-of-type) {
  margin-left: 32px;
  padding-left: 32px;
  border-left: 1px solid #004E7D;
}

.logged-in-comp-button {
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
}

.loggedin-banner-button {
  border-radius: 8px;
  display: block;
  max-width: 328px;
  width: 100%;
  cursor: pointer;
  border-width: 2px;
  border-bottom-style: solid;
  position: relative;
  outline: none;
}
.loggedin-banner-button.primary-light, .loggedin-banner-button.primary-light:hover {
  background-color: #d41e3d;
  border: 1px solid #d41e3d;
  color: #ffffff;
}
.loggedin-banner-button.secondary-light, .loggedin-banner-button.secondary-light:hover {
  background-color: #ffffff;
  border: 1px solid #004e7d;
  color: #004e7d;
}
.loggedin-banner-button.primary-dark, .loggedin-banner-button.primary-dark:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #d41e3d;
}
.loggedin-banner-button.secondary-dark, .loggedin-banner-button.secondary-dark:hover {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .loggedin-banner-button {
    max-width: 324px;
  }
  .loggedin-banner-button span {
    height: 38px;
  }
}
.loggedin-banner-button.primary-white {
  background-color: #ffffff;
  border-color: #ffffff;
}
.loggedin-banner-button.primary-white:hover {
  background-color: #002D50;
  border-color: #ffffff;
}
.loggedin-banner-button.primary-white:hover span {
  color: #ffffff;
}
.loggedin-banner-button.primary-white:active {
  background-color: #ffffff;
  border-color: #D41E3D;
}
.loggedin-banner-button.primary-white:active span {
  color: #D41E3D;
}
.loggedin-banner-button.primary-white:focus {
  background-color: #E52D4C;
  box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.5);
}
.loggedin-banner-button.primary-white:focus span {
  color: #ffffff;
}
.loggedin-banner-button.primary-blue {
  background-color: #004e7d;
  border-color: #004e7d;
}
.loggedin-banner-button.primary-blue span {
  color: #ffffff;
}
.loggedin-banner-button.primary-blue:hover {
  background-color: #004E81;
}
.loggedin-banner-button.primary-blue:active {
  background-color: #003B61;
}
.loggedin-banner-button.primary-blue:focus::before {
  position: absolute;
  content: "";
  top: -4px;
  left: -4px;
  width: calc(100% + 6px);
  height: calc(100% + 8px);
  border: 1px solid #d41e3d;
  border-radius: 8px;
}
.loggedin-banner-button.primary-red {
  background-color: #d41e3d;
  border-color: #d41e3d;
}
.loggedin-banner-button.primary-red span {
  color: #ffffff;
}
.loggedin-banner-button.primary-red:hover {
  background-color: #EA2F4F;
}
.loggedin-banner-button.primary-red:active {
  background-color: #A50127;
}
.loggedin-banner-button.primary-red:focus::before {
  position: absolute;
  content: "";
  top: -4px;
  left: -4px;
  width: calc(100% + 6px);
  height: calc(100% + 8px);
  border: 1px solid #d41e3d;
  border-radius: 8px;
}
.loggedin-banner-button.primary-blue-tint {
  background-color: #b2c8db;
}
.loggedin-banner-button.primary-red-tint {
  background-color: #f3b2c3;
}
.loggedin-banner-button.secondary-orange {
  background-color: #e25411;
}
.loggedin-banner-button.secondary-green {
  background-color: #71b946;
}
.loggedin-banner-button.secondary-yellow {
  background-color: #d89f02;
}
.loggedin-banner-button.secondary-blue {
  background-color: #6cc2ed;
}
.loggedin-banner-button.secondary-grey {
  background-color: #bcbec0;
}
.loggedin-banner-button.secondary-dark-blue {
  background-color: "#002d50";
}
.loggedin-banner-button span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  padding: 15px;
  height: 46px;
  display: block;
}
@media (max-width: 767.98px) {
  .loggedin-banner-button span {
    font-size: 14px;
    padding: 11px;
    height: 36px;
  }
}

.login-banner.ph-item {
  margin: 16px 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.login-banner.ph-item .ph-col-12 {
  display: flex;
  grid-gap: 0;
}
.login-banner.ph-item .login-banner-main {
  border-color: rgba(0, 0, 0, 0.3);
}
.login-banner.ph-item .login-banner-main .new-customer {
  background-color: #fff;
}
.login-banner.ph-item .login-banner-main > *, .login-banner.ph-item .login-banner-img, .login-banner.ph-item .new-customer-text, .login-banner.ph-item .new-customer-link, .login-banner.ph-item .account-benefits-list li, .login-banner.ph-item .account-benefits-list strong {
  background-color: #ced4da;
}
.login-banner.ph-item .login-banner-img {
  height: 336px;
}
.login-banner.ph-item .login-welcome-heading {
  height: 32px;
  width: 50%;
  border-radius: 8px;
}
.login-banner.ph-item .login-welcome-text {
  height: 44px;
  width: 83%;
  border-radius: 8px;
}
.login-banner.ph-item .new-customer-text {
  width: 125px;
  height: 18px;
  border-radius: 8px;
}
.login-banner.ph-item .new-customer-link {
  width: 78px;
  height: 18px;
  border-radius: 8px;
}
.login-banner.ph-item .login-banner-button {
  border: 0;
  cursor: auto;
}
.login-banner.ph-item .account-benefits-list p {
  line-height: 1;
  margin-bottom: 21px;
}
.login-banner.ph-item .account-benefits-list p strong {
  width: 173px;
  height: 32.9px;
  display: block;
  border-radius: 8px;
}
.login-banner.ph-item .account-benefits-list li {
  height: 16px;
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
}
.login-banner.ph-item .account-benefits-list li:first-child {
  width: 64%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(2) {
  width: 80%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(3) {
  width: 65%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(4) {
  width: 96%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(5) {
  width: 65%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(6) {
  width: 74%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(7) {
  width: 57%;
}
.login-banner.ph-item .account-benefits-list li:nth-child(8) {
  width: 42%;
}

.productHeader {
  max-width: 1368px;
  margin: 0 auto;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .productHeader {
    padding: 24px 0 16px;
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
  }
}

.productCatgories {
  max-width: 1368px;
  margin: 0 auto;
}
.productCatgories .Box {
  width: 10rem;
}
@supports (display: grid) {
  .productCatgories {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  }
  @media (min-width: 269.98px) and (max-width: 389.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important;
      grid-gap: 0.45rem !important;
    }
    .productCatgories .Box.size6 {
      height: 100px !important;
    }
  }
  @media (min-width: 389.98px) and (max-width: 449.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
      grid-gap: 0.45rem !important;
    }
    .productCatgories .Box.size6 {
      height: 100px !important;
    }
  }
  @media (min-width: 449.99px) and (max-width: 519.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
    }
  }
  @media (min-width: 519.99px) and (max-width: 639.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
    }
  }
  @media (min-width: 639.99px) and (max-width: 767.98px) {
    .productCatgories {
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
    }
  }
  .productCatgories .Box {
    width: 100%;
  }
  @media (min-width: 768px) {
    .productCatgories {
      grid-gap: 1.2rem;
    }
    .productCatgories.grid-7 {
      grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    }
    .productCatgories.grid-6 {
      grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    }
    .productCatgories.grid-5 {
      grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    }
    .productCatgories.grid-4 {
      grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    }
    .productCatgories.grid-3 {
      grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
    }
  }
}
.productCatgories .productHeader {
  font-size: 32px;
  color: #212934;
}
.productCatgories .Box {
  border: 1px solid #dddddd;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  padding: 6px;
  height: 64px;
}
.productCatgories .Box:hover {
  background-color: #eaf5ff;
  border: 1px solid #004e7d;
}
.productCatgories .Box .Icon {
  font-size: 40px;
  color: #004e7d;
  text-align: center;
  flex: 0 0 auto;
  padding: 5px;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .productCatgories .Box .Icon {
    margin-right: 0px;
    font-size: unset;
    display: flex;
    padding: 2px 8px 8px;
    align-items: flex-end;
    flex: unset !important;
  }
}
.productCatgories .Box .Text {
  color: #424c5b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 600;
  font-family: Kanit;
  text-align: center;
  flex: auto;
}

.productCatgories::after {
  clear: both;
  display: block;
  content: " ";
}

@media (min-width: 488px) and (max-width: 768px) {
  .productCatgories .Box .Text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.2;
    font-weight: 600;
    font-family: Kanit;
  }
}
@media (min-width: 320px) {
  .productCatgories .productHeader {
    font-size: 18px;
    color: #212934;
  }
  .productCatgories .Box {
    flex-direction: column;
    width: 13rem;
    padding: 18px;
    text-align: center;
  }
  @supports (display: grid) {
    .productCatgories .Box {
      width: 100%;
    }
  }
  .productCatgories .Box:hover {
    background-color: #eaf5ff;
    border: 1px solid #004e7d;
  }
  .productCatgories .Box .Icon {
    flex: auto;
  }
  .productCatgories .Box .Text {
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.13;
    font-weight: 600;
    font-family: Kanit;
  }
  .productCatgories .Box.size3 {
    height: 174px;
  }
  .productCatgories .Box.size4 {
    height: 162px;
  }
  .productCatgories .Box.size5 {
    height: 150px;
  }
  .productCatgories .Box.size6 {
    height: 138px;
  }
  .productCatgories .Box.size7 {
    height: 130px;
  }
}
/*@include for-screen-between (488px, 768px) {
  .productCatgories .Box .Text {    
    font-size: 14px;
  }  
}*/
.col_container .right_col .productCatgories .productHeader {
  max-width: 1400px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .col_container .right_col .productCatgories.gridWrapper {
    grid-gap: 1.2rem;
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  }
  .col_container .right_col .productCatgories.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
  }
}
.col_container .right_col .productCatgories .catGrid {
  display: inline;
  overflow: hidden;
  word-break: break-all;
}
.col_container .right_col .productCatgories .catGrid .Icon {
  border: 1px solid #cfcfcf;
  padding: 16px;
  border-radius: 3px;
  /* vertical-align: middle; */
  display: flex;
  /* align-items: center; */
  width: 100%;
  text-align: center;
  justify-content: center;
}
@media (min-width: 270.98px) and (max-width: 495.98px) {
  .col_container .right_col .productCatgories .catGrid .Icon img {
    width: 100%;
  }
}
.col_container .right_col .productCatgories .catGrid .Text {
  text-align: left !important;
  width: 100%;
  word-break: break-word;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 0 0 0;
  color: #212934;
  display: flex;
}
@media (min-width: 267.98px) and (max-width: 495.98px) {
  .col_container .right_col .productCatgories .catGrid .Text {
    font-weight: 400;
    font-size: 12px;
    margin-right: 0;
    line-height: 14px;
  }
}

.loadMoreSection {
  margin-bottom: 32px;
  padding-top: 32px;
}
.loadMoreSection button {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border: 2px solid #004e7d;
  border-radius: 8px;
  background-color: #ffffff;
  color: #004e7d;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .loadMoreSection button {
    width: 277px;
  }
}
@media (min-width: 768px) {
  .loadMoreSection {
    width: 100%;
    text-align: center;
    height: 150px;
    margin-bottom: 0;
  }
}

.listViewEnc .productCatgories {
  padding-bottom: 16px;
}

.col_container .right_col .listViewEnc .productCatgories .catGrid .Text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: center !important;
}

.col_container .right_col .listViewEnc .productCatgories .catGrid .Icon {
  border-radius: 4px;
}

.enhancedListViewTable {
  padding: 16px 0 0 0;
}
.enhancedListViewTable .MuiTableContainer-root {
  overflow: unset;
}
.enhancedListViewTable .MuiTable-root.listViewTable {
  overflow: unset;
  table-layout: fixed;
  border-collapse: separate;
}
.enhancedListViewTable .MuiTable-root.listViewTable :has(.tableTitleWithoutDesc).MuiTableHead-root {
  position: sticky;
  top: 34px;
  height: 50px;
  background: #ffffff;
  z-index: 12;
}
.enhancedListViewTable .MuiTable-root.listViewTable :not(.tableTitleWithoutDesc).MuiTableHead-root {
  position: sticky;
  top: 70px;
  height: 50px;
  background: #ffffff;
  z-index: 11;
}
.enhancedListViewTable .MuiTable-root.listViewTable tr.borderLines > th.MuiTableCell-root, .enhancedListViewTable .MuiTable-root.listViewTable tr.bannerRow > td.MuiTableCell-root {
  border-bottom: 1px solid #999;
  position: relative;
}
.enhancedListViewTable .MuiTable-root.listViewTable .th-padding {
  padding-bottom: 10px !important;
}
.enhancedListViewTable .tableTitle {
  display: flex;
  position: sticky;
  align-items: center;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 11;
}
.enhancedListViewTable .tableTitle .imgContainer {
  position: relative;
}
.enhancedListViewTable .tableTitle .imgContainer .imageOverLayHover {
  z-index: 123;
}
.enhancedListViewTable .tableTitle img {
  padding-right: 16px;
}
.enhancedListViewTable .tableTitle h1, .enhancedListViewTable .tableTitle h3 {
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
  padding: 0 0;
  margin: 0;
  color: #212934;
}
.enhancedListViewTable .activeRow .customBtn {
  height: 40px;
  max-height: 40px;
  font-size: 14px !important;
}
.enhancedListViewTable .activeRow .autoCompleteBox {
  height: 40px;
}
.enhancedListViewTable .activeRow .autoCompleteBox .MuiOutlinedInput-root {
  height: 40px;
}
.enhancedListViewTable .activeRow .autoCompleteBox .MuiListItemText-primary {
  font-size: 14px;
}
.enhancedListViewTable .activeRow .price-cart-block {
  text-align: left;
}
.enhancedListViewTable .activeRow .wishListWrapper {
  display: inline-block;
  padding-right: 0px;
  padding-top: 5px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper {
  padding-left: 16px;
  padding-bottom: 16px;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper .fa-heart {
  font-weight: 500;
  font-size: 21px !important;
  cursor: pointer;
  color: #004e7d;
  min-width: 21px;
  opacity: 1;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper .fa-heart::before {
  position: unset !important;
}
.enhancedListViewTable .activeRow .wishListWrapper .inlineFlexWrapper .fa-heart:hover {
  background-color: unset;
}
.enhancedListViewTable .activeRow tr {
  border: none !important;
}
.enhancedListViewTable .activeRow .hero-product-details {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #212934;
  text-align: left;
}
.enhancedListViewTable .activeRow .fontSize14Normal.hero-productid-text {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  padding-top: 16px;
}
.enhancedListViewTable .activeRow .hero-price-text span.MuiTypography-caption {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}
.enhancedListViewTable .activeRow .discountedPrice {
  display: inline;
}
.enhancedListViewTable .activeRow .oldprice {
  padding-right: 10px;
}
.enhancedListViewTable .activeRow .sameDayShipping {
  text-align: left;
  color: #424C5B !important;
}
.enhancedListViewTable .activeRow .selectWrapper.CTABlockAddtoCart {
  justify-content: start;
  padding-top: 16px;
}
.enhancedListViewTable .activeRow .hero-product-details {
  line-height: 1.3;
}
.enhancedListViewTable .activeRow .hero-productid-text {
  line-height: 1 !important;
  padding: 0 !important;
  margin-top: 8px;
}
.enhancedListViewTable .activeRow .MuiFormLabel-root {
  font-size: 14px;
}
.enhancedListViewTable .activeRow .variantSwatch {
  padding: 0;
  margin-bottom: 16px;
}
.enhancedListViewTable .activeRow .sizeList {
  display: flex;
}
.enhancedListViewTable .activeRow .sizeList .MuiFormGroup-root:first-of-type {
  margin-right: 8px;
}
.enhancedListViewTable .activeRow .sizeList .drop-down-list .MuiOutlinedInput-input {
  padding: 10px 25px 10px 12px !important;
  border-radius: 4px;
}
.enhancedListViewTable tr.MuiTableRow-root.activeRow > td {
  border: 1px solid #004e7d !important;
  border-top: none !important;
  position: relative;
}
.enhancedListViewTable tr.MuiTableRow-root.activeTr td {
  border-bottom: 1px solid #999 !important;
  border-top: 5px solid #004e7d !important;
  cursor: pointer;
}
.enhancedListViewTable tr.MuiTableRow-root.activeTr td:first-child {
  border-left: 1px solid #004e7d !important;
}
.enhancedListViewTable tr.MuiTableRow-root.activeTr td:last-child {
  border-right: 1px solid #004e7d !important;
}
.enhancedListViewTable .closeArrow {
  position: absolute;
  left: 50%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-align: center;
}
.enhancedListViewTable .closeArrow::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #004E7D transparent;
  bottom: 0;
  left: 50%;
  z-index: 10;
}
.enhancedListViewTable .tileDivider {
  border-right: 1px solid #BCBEC0;
}
.enhancedListViewTable .compareFloating {
  position: unset !important;
}
.enhancedListViewTable .outOfStockBlock {
  width: 100%;
  margin-top: 16px;
}
.enhancedListViewTable .outOfStockBlock .MuiTypography-caption {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
.enhancedListViewTable .outOfStockBlock .MuiGrid-root.MuiGrid-container {
  align-items: center;
}
.enhancedListViewTable .outOfStockBlock .bacInStockMsg {
  margin-top: 6px;
}
.enhancedListViewTable .ColorVariants {
  z-index: 13;
}
.enhancedListViewTable .variantsContainer {
  height: 110px;
  overflow-y: auto;
}

.enhancedListViewTable .activeRow .soldpkg,
.enhancedListViewTable .activeRow .soldpkg span {
  font-size: 14px !important;
  display: block;
  padding-left: 0;
  line-height: normal !important;
}
.enhancedListViewTable .activeRow .soldpkg span.bold,
.enhancedListViewTable .activeRow .soldpkg span span.bold {
  display: inline;
}

.enhancedListViewTable .activeRow .soldpkg {
  margin-left: -7px;
}

.enhancedListViewTableNew {
  padding-bottom: 20px;
}
.enhancedListViewTableNew .activeTr td.MuiTableCell-root.MuiTableCell-body.NonActiveTab:last-child, .enhancedListViewTableNew .activeTr td.MuiTableCell-root.MuiTableCell-body.ActiveTab:last-child {
  border-right: 1px solid #004e7d;
}
.enhancedListViewTableNew .activeRow .discountedPrice {
  display: inline-block;
  padding-left: 0;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td {
  border-top: 5px solid #004e7d !important;
  border-bottom: 1px solid #999;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeRow.contentMargin > td {
  padding: 16px;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td:first-child {
  border-left: 1px solid #004e7d;
}
.enhancedListViewTableNew table.listViewTable {
  border-collapse: separate !important;
  border-bottom: 1px solid #999 !important;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head {
  border-bottom: 0 !important;
}
.enhancedListViewTableNew .MuiTableContainer-root {
  overflow: unset;
}
.enhancedListViewTableNew .listViewTable {
  overflow: unset;
}
.enhancedListViewTableNew :has(.tableTitleWithoutDesc) .MuiTableHead-root {
  position: sticky;
  top: 48px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}
.enhancedListViewTableNew :has(:not(.tableTitleWithoutDesc)).MuiTableHead-root {
  position: sticky;
  top: 60px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}
.enhancedListViewTableNew .tableTitle {
  display: flex;
  position: sticky;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 12;
  width: 100%;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle .imgndtitle {
  display: flex;
  width: 75%;
  align-items: center;
  position: relative;
}
.enhancedListViewTableNew .tableTitle .imgndtitle .imageOverLayHover {
  left: 80px;
  z-index: 123456;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter {
  display: flex;
  width: 25%;
  font-size: 14px;
  padding-bottom: 6px;
  font-weight: 400;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter > .MuiGrid-root.MuiGrid-item {
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter .filterCount {
  display: inline-block;
  padding-right: 10px;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter .clearResult {
  display: inline-block;
  padding-right: 10px;
  color: #E60036;
  cursor: pointer;
  text-decoration: underline;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle .headerLevelFilter .filterBtn {
  border: 1px solid #004E7D;
  margin-left: auto;
  border-radius: 4px;
  padding: 8px 0;
  margin-top: 0;
  color: #004E7D;
  width: 120px;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc {
  display: flex;
  position: sticky;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 12;
  width: 100%;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .imgndtitle {
  display: flex;
  width: 75%;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter {
  display: flex;
  width: 25%;
  font-size: 14px;
  padding-bottom: 6px;
  font-weight: 400;
  align-items: center;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter > .MuiGrid-root.MuiGrid-item {
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter .filterCount {
  display: inline-block;
  padding-right: 10px;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter .clearResult {
  display: inline-block;
  padding-right: 10px;
  color: #E60036;
  cursor: pointer;
  text-decoration: underline;
  margin-left: auto;
}
.enhancedListViewTableNew .tableTitle.tableTitleWithoutDesc .headerLevelFilter .filterBtn {
  border: 1px solid #004E7D;
  margin-left: auto;
  border-radius: 4px;
  padding: 8px 0;
  margin-top: 0;
  color: #004E7D;
  width: 120px;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr {
  background: none;
  border-bottom: 1px solid #BCBEC0 !important;
  border-top: none !important;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td {
  border-top: 5px solid #004e7d !important;
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td.modelCell {
  font-weight: 500 !important;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td.beforePriceBlank {
  border-left: none !important;
  border-right: none !important;
  border-top: 5px solid #004e7d !important;
  border-bottom: 1px solid #999 !important;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td.afterPriceBlank {
  border-top: 5px solid transparent !important;
  border-left: 1px solid #004e7d !important;
  border-right: 1px solid #004e7d !important;
  border-bottom: 5px solid #004e7d !important;
  position: relative;
  overflow: inherit;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr:first-of-type td.afterPriceBlank {
  position: relative;
  overflow: inherit;
}
.enhancedListViewTableNew tr.MuiTableRow-root.activeTr:first-of-type:first-of-type td.afterPriceBlank::before {
  width: 100%;
  height: 12px;
  background: #fff;
  position: absolute;
  content: "";
  margin: 0;
  top: -7px;
  left: 0;
  z-index: 12;
}
.enhancedListViewTableNew .listViewTable .borderLines {
  border: none;
}
.enhancedListViewTableNew .activeTr td.MuiTableCell-root.MuiTableCell-body.NonActiveTab {
  background-color: #D9D9D9;
  border-bottom: 5px solid #004e7d !important;
  border-top: 1px solid #004e7d !important;
  color: #333333;
}
.enhancedListViewTableNew .ActiveRowData {
  display: flex;
}
.enhancedListViewTableNew .ActiveRowData .RowDetails {
  width: 70%;
}
.enhancedListViewTableNew .ActiveRowData .RowDetails .hero-image-text {
  width: 100px;
  text-align: center;
}
.enhancedListViewTableNew .ActiveRowData .RowDetails .tileDivider {
  padding-left: 16px;
}
.enhancedListViewTableNew .ActiveRowData .RowReviews {
  width: 30%;
  padding-left: 20px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails {
  width: 100%;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .productCarousel h1 {
  margin: 0;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList {
  align-items: flex-start;
  display: flex;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper .productSection {
  margin-bottom: 0px;
  max-width: 90%;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper h4 {
  right: 10px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile {
  width: 100%;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-arrow {
  display: none;
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-item-wrapper {
    width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-item-wrapper {
    width: auto !important;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .rec-item-wrapper h4.concatSign {
    top: unset;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description {
    width: 100%;
    display: flex;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description {
    width: 100%;
    display: flex;
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description p.ellipsis {
    min-height: unset;
    width: auto !important;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description p.ellipsis {
    width: auto !important;
    padding-right: 10px;
    min-height: unset;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description span.price {
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
    line-height: 21px;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemListMobile .compareProduct .description span.price {
    font-size: 14px;
    padding-top: 0;
    padding-left: 4px;
    line-height: 21px;
    font-weight: 500;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper {
  width: 300px !important;
  /* float: right; */
  box-shadow: none;
  margin-top: 80px;
  /* display: flex; */
  /* align-content: flex-end; */
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .MuiButton-containedSizeSmall span.MuiButton-label {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .MuiButton-containedSizeSmall span.MuiTouchRipple-root::before {
    content: "Add";
    /* display: inline-table; */
    line-height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .customBtn {
    width: 48% !important;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    font-size: 28px;
    font-weight: 600;
    margin-top: -10px;
    padding-left: 10px;
  }
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .customBtn {
    width: 48% !important;
  }
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    font-size: 28px;
    font-weight: 600;
    margin-top: -10px;
    padding-left: 10px;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
  text-align: center !important;
  color: #646d7b;
  font-size: 14px;
  padding-bottom: 16px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
    width: 48% !important;
    padding-left: 12px;
    margin-bottom: 0;
    display: flex;
    border: 1px solid #bcbec0;
    border-radius: 2px;
    height: 50px;
    align-items: center;
    padding: 6px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .totalSumup {
    width: 48% !important;
    padding-left: 12px;
    margin-bottom: 0;
    display: flex;
    border: 1px solid #bcbec0;
    border-radius: 2px;
    height: 50px;
    align-items: center;
    padding: 6px;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  display: inline-block;
  line-height: 28px;
  color: #212934;
  padding-top: 10px;
  max-width: 300px;
}
@media (max-width: 767.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    align-items: flex-start;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .totalCartSumPaper .price {
    align-items: flex-start;
  }
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .refVariantSection {
  position: absolute !important;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay {
  position: relative;
  width: auto;
  margin-right: 16px;
  max-width: 270px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .description .tileCTAContainer .ellipsis {
  padding-left: 5px;
  min-height: unset;
  font-size: 14px;
  line-height: 16px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay div#productContainer {
  border: none;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .productSection .description {
  text-align: left;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .productSection .description .itemkeyDetails .prod-itemkey-num {
  min-height: unset !important;
  padding-top: 0;
  font-size: 14px;
  font-weight: normal;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .itemWrapper.flexDisplay .productSection .description .itemkeyDetails .prod-itemkey-num strong {
  font-weight: normal;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList div#productContainer .price span:first-child:not(.bold), .enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList div#productContainer .price .oldprice {
  margin-top: 0 !important;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList div#productContainer .price .oldprice {
  padding-top: 0px;
  margin-top: 4px !important;
  margin-left: 6px;
}
.enhancedListViewTableNew .ActiveRowData .AddonRowDetails .frequentlyViewedProductList .compareProduct {
  align-items: baseline;
}
.enhancedListViewTableNew .listViewTable .tagsRow {
  padding-bottom: 16px;
}
.enhancedListViewTableNew .listViewTable .tagsRow:empty {
  padding: 0;
  display: none;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-root {
  padding: 3px;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td {
  border-bottom: none !important;
  position: relative;
  border-top: 1px solid #999 !important;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td img {
  display: -webkit-box;
  margin: 0 auto;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td.AddonCell {
  background: #FAFAFA;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td.AddonImage {
  border-left: 1px solid #C4C6C8;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow > td.AddonModelCell {
  border-right: 1px solid #C4C6C8;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow td.modelCell {
  font-weight: 500;
}
.enhancedListViewTableNew .listViewTable .MuiTableBody-root tr.bannerRow td.modelCell:last-child {
  background-image: url('data:image/svg+xml;utf8,<svg fill="grey" 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="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM224 368C237.3 368 248 357.3 248 344V280H312C325.3 280 336 269.3 336 256C336 242.7 325.3 232 312 232H248V168C248 154.7 237.3 144 224 144C210.7 144 200 154.7 200 168V232H136C122.7 232 112 242.7 112 256C112 269.3 122.7 280 136 280H200V344C200 357.3 210.7 368 224 368z"/></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: bottom 7px right 15px;
}
.enhancedListViewTableNew .frequentlyViewedProductList .itemWrapper:first-child {
  margin-left: 40px;
}

.fullListViewLayout .productCatgories .productHeader {
  max-width: 1400px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper {
    grid-gap: 1.2rem;
  }
  .fullListViewLayout .productCatgories.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .fullListViewLayout .productCatgories.gridWrapper.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  }
  .fullListViewLayout .productCatgories.gridWrapper.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }
  .fullListViewLayout .productCatgories.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  }
  .fullListViewLayout .productCatgories.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
  }
  .fullListViewLayout .productCatgories.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  }
}
.fullListViewLayout .productCatgories .catGrid {
  display: inline;
  overflow: hidden;
  word-break: break-all;
}
.fullListViewLayout .productCatgories .catGrid .Icon {
  border: 1px solid #cfcfcf;
  padding: 7px;
  border-radius: 3px;
  /* vertical-align: middle; */
  display: flex;
  /* align-items: center; */
  width: 100%;
  text-align: center;
  justify-content: center;
}
.fullListViewLayout .productCatgories .catGrid .Text {
  text-align: left !important;
  width: 100%;
  word-break: break-word;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  padding: 10px 0 0 0;
  color: #212934;
  display: flex;
}
.fullListViewLayout .sortBlock {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0;
  align-items: center;
}
.fullListViewLayout .sortSelect .MuiInputBase-formControl {
  box-sizing: border-box;
  width: 210px;
  border: 1px solid #004e7d;
  border-radius: 4px;
  background-color: #ffffff;
}
.fullListViewLayout .addonHeadings {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.fullListViewLayout .heightlightTab {
  background: #fafafa;
}
.fullListViewLayout .heightlightTab.addonHeadings {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #C4C6C8;
  border-left: 1px solid #C4C6C8;
  border-right: 1px solid #C4C6C8;
  border-bottom: 2px solid #999999;
}
.fullListViewLayout .activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:last-child {
  border-left: 1px solid #004e7d !important;
}
.fullListViewLayout .activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:first-child {
  border-right: 1px solid #004e7d !important;
}
.fullListViewLayout .RowReviews .MuiTableRow-root td.MuiTableCell-root.MuiTableCell-body.hero-price-text:first-child {
  border-right: 0 !important;
}
.fullListViewLayout .RowReviews .MuiTableRow-root td.MuiTableCell-root.MuiTableCell-body.hero-price-text:last-child {
  border-left: 0 !important;
}

.fullListViewFilter {
  justify-content: space-between;
  background: #F9F9F9;
  border-radius: 4px;
  padding: 20px;
  padding-top: 10px;
}
.fullListViewFilter h4 {
  margin: 0 0 10px 0;
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
}
.fullListViewFilter button.MuiButtonBase-root.MuiButton-root.MuiButton-text.filterBtn {
  border: 1px solid #004E7D;
  border-radius: 4px;
  padding: 11px 12px;
  margin-top: 0;
  color: #004E7D;
}
.fullListViewFilter button.MuiButtonBase-root.MuiButton-root.MuiButton-text.filterBtn svg {
  margin-right: 5px;
}
.fullListViewFilter label.MuiFormLabel-root.input-element-select-formLabel {
  color: #212934;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  display: block;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl {
  flex-wrap: wrap;
  overflow: hidden;
  width: 185px;
}
@media (min-width: 939.98px) and (max-width: 991.98px) {
  .fullListViewFilter .input-element-select-formGroup.order-status-ddl {
    width: 140px;
  }
}
@media (min-width: 320px) and (max-width: 938.98px) {
  .fullListViewFilter .input-element-select-formGroup.order-status-ddl {
    width: auto;
  }
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl label.MuiFormLabel-root.input-element-select-formLabel {
  color: #212934;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  height: 24px;
  margin-bottom: 5px;
  display: block;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list {
  width: 100%;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .MuiOutlinedInput-input span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .searchByFilterSelect {
  border-radius: 4px !important;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .searchByFilterSelect:hover {
  border: 1px solid #212934;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .MuiOutlinedInput-input {
  padding: 14px 12px !important;
  min-height: 20px !important;
  color: #212934 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 17px !important;
  align-items: center;
  display: flex;
  border-radius: 4px;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list .MuiSelect-icon {
  font-size: 16px;
  font-weight: 600 !important;
  top: calc(50% - 8px);
  color: #424c5b;
  margin-right: 12px;
}
.fullListViewFilter .input-element-select-formGroup.order-status-ddl .MuiFormControl-root.drop-down-list fieldset {
  display: none;
}
.fullListViewFilter .MuiMenu-list {
  outline: 0;
  max-height: 185px;
  white-space: break-spaces;
}
.fullListViewFilter .oh-list {
  padding: 6px 16px;
}
.fullListViewFilter .oh-list .MuiButtonBase-root {
  padding: 0 9px 0 0;
}
.fullListViewFilter .selectActionWrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding: 10px 12px;
  border-top: 1px solid #bcbec0;
  text-transform: capitalize;
}

.fullistviewDropDown.selectActionWrapper {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
  padding: 10px 12px;
  border-top: 1px solid #bcbec0;
  text-transform: capitalize;
  background: #ffffff;
  position: sticky;
  bottom: 0;
}
.fullistviewDropDown.selectActionWrapper .order-history-search-done-label {
  cursor: pointer;
}

.fullListView.applyFilter {
  background: none;
  padding: 16px;
  padding-bottom: 0px;
  display: flex;
}
.fullListView.applyFilter .appliedFilterWrapper {
  order: 2;
  align-items: center;
  height: 42px;
  margin: 24px 8px 16px;
}
.fullListView .filterLabel {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  color: #212934;
}
.fullListView .MuiChip-label {
  color: #424C5B;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.fullListView .tagsWrapper .MuiChip-outlined {
  border: none;
  background-color: transparent;
  border-radius: 15.5px;
  background-color: #e1eef7;
  border: 1px solid rgba(51, 51, 51, 0.4);
  border-radius: 14px;
  background: transparent;
  padding: 8px;
  position: relative;
  height: auto;
}
.fullListView .tagsWrapper .MuiChip-outlined .MuiSvgIcon-root {
  fill: #424C5B;
}

.fullListViewModal {
  padding: 20px 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .fullListViewModal {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100vh;
    left: unset !important;
    transform: unset;
    width: 50%;
  }
}
.fullListViewModal .filterWrapper .MuiAccordion-root {
  background: none;
  width: 100%;
}
.fullListViewModal .MuiAccordionSummary-root {
  padding: 12px 16px;
  min-height: unset;
  width: 100%;
}

.filterModal .filterWrapper .fullListView.applyFilter {
  width: 100%;
}
.filterModal .filterWrapper .clearAllLabel.desktop {
  display: block;
  width: 60px;
}
.filterModal .filterWrapper .tagsWrapper .tag {
  margin: 8px 8px 5px;
}

.activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:last-child {
  border-left: none !important;
}

.activeRow td.MuiTableCell-root.MuiTableCell-body.hero-price-text:first-child {
  border-right: none !important;
}

.enhancedListViewTable .activeRow .discountedPrice {
  display: inline-block;
  padding-left: 0;
  padding-right: 16px;
}

.fullListViewFilterWrapper {
  background: #fff;
  top: 0;
  z-index: 11;
  margin: 16px 0;
}
.fullListViewFilterWrapper .PrivateNotchedOutline-legendNotched-4 {
  display: none;
}

.enhancedListViewTableNew .beforePriceBlank, .enhancedListViewTableNew .afterPriceBlank {
  border-bottom: 0px !important;
}

.enhancedListViewTableNew .listViewTable .MuiTableCell-head {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 5px;
  border-bottom: 2px solid #999999 !important;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head.Addons {
  background: #FAFAFA;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head.Addons.borderLeft {
  border-left: 1px solid #C4C6C8;
}
.enhancedListViewTableNew .listViewTable .MuiTableCell-head.Addons.borderRight {
  border-right: 1px solid #C4C6C8;
}

.enhancedListViewTableNew .listViewTable .hero-price-text .price {
  font-size: 12px;
  line-height: 14px;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .discountedPrice {
  line-height: 14px;
  display: block;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .shippingTag.freeShipping {
  font-size: 12px;
  line-height: 14px;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .shippingTag.freeShipping .MuiSvgIcon-root {
  width: 18px;
  height: 18px;
}
.enhancedListViewTableNew .listViewTable .hero-price-text .price .oldprice {
  margin-left: 0;
  font-size: 12px !important;
  text-decoration: line-through;
  color: #bcbec0 !important;
  line-height: 14px !important;
  display: block;
}

.enhancedListViewTableNew tr.MuiTableRow-root.bannerRow td {
  font-size: 12px !important;
}

.enhancedListViewTableNew td.MuiTableCell-root.MuiTableCell-body.ActiveTab.hero-price-text:last-child {
  font-weight: 500;
}

.enhancedListViewTableNew tr.MuiTableRow-root.bannerRow td {
  font-size: 12px !important;
}

.enhancedListViewTableNew .listViewTable .hero-image-text a {
  display: block;
  width: 100px;
  margin: 0 auto;
}

.ActiveRowDataEnc {
  display: flex;
  padding: 8px 0;
}
.ActiveRowDataEnc .CTABlockAddtoCart .customBtn {
  width: 100% !important;
}
.ActiveRowDataEnc .RowDetails {
  width: 65%;
}
.ActiveRowDataEnc .RowReviews {
  width: 35%;
}

td.litviewEnhRow {
  padding: 0 !important;
}

.fullListView .MuiChip-root:before {
  position: absolute;
  top: -10px;
  z-index: 1;
  left: 10px;
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  text-transform: capitalize;
  color: #424C5B;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 60%;
}
.fullListView .tagsWrapper .tag {
  overflow: visible;
}

.enhancedListViewTable tr.MuiTableRow-root.bannerRow:hover .AddonCell {
  background: #D9D9D9;
}

.enhancedListViewTable .activeRow .hero-product-details a {
  display: inline-block;
}

.productListWrapper .fullListViewLayout {
  margin-top: -75px;
}
@media (max-width: 767.98px) {
  .productListWrapper .fullListViewLayout {
    margin-top: 0;
  }
}

td.MuiTableCell-root.MuiTableCell-body.ActiveTab:first-child img, td.MuiTableCell-root.MuiTableCell-body.NonActiveTab:first-child img {
  margin-top: 5px !important;
  max-width: 54px !important;
  min-height: 54px !important;
  min-width: 54px !important;
}

.ActiveRowData .RowDetails .variants_block .sizeList {
  display: flex;
}
.ActiveRowData .RowDetails .variants_block .sizeList .dropdownBlock {
  padding-right: 16px;
  min-width: 100px;
  padding-top: 10px;
}
.ActiveRowData .RowDetails .variants_block .sizeList .dropdownBlock label span {
  font-size: 14px;
}
.ActiveRowData .RowDetails .variants_block .sizeList .dropdownBlock .drop-down-list .MuiOutlinedInput-input {
  font-size: 14px !important;
}

.list-view-popup {
  border-radius: 4px 4px 0 0 !important;
}
.list-view-popup li,
.list-view-popup .MuiListItem-gutters.dropdown-menu {
  min-height: auto;
  line-height: 1;
  padding: 6px 12px !important;
}
.list-view-popup li .MuiListItem-gutters,
.list-view-popup .MuiListItem-gutters.dropdown-menu .MuiListItem-gutters {
  padding: 0;
}
.list-view-popup li .MuiIconButton-root,
.list-view-popup .MuiListItem-gutters.dropdown-menu .MuiIconButton-root {
  padding: 0 9px 0 0;
}
.list-view-popup li:first-of-type,
.list-view-popup .MuiListItem-gutters.dropdown-menu:first-of-type {
  margin-top: 10px;
}
.list-view-popup li:last-of-type,
.list-view-popup .MuiListItem-gutters.dropdown-menu:last-of-type {
  margin-bottom: 10px;
}

.enhancedListViewTable tr.MuiTableRow-root.bannerRow td, tr.MuiTableRow-root.activeTr td {
  max-width: 100%;
  padding: 5px;
}

.enhancedListViewTable span.multiple {
  display: block;
  background: #cccccc;
  margin-bottom: 10px;
  border-radius: 2px;
  font-size: 11px;
  padding: 3px;
  line-height: 12px;
  white-space: break-spaces;
}
@media (max-width: 1200px) {
  .enhancedListViewTable span.multiple {
    font-size: 9px;
  }
}

.enhancedListViewTableNew .listviewTabDivider {
  width: 30px;
}

.enhancedListViewTable span.hoverData {
  display: none;
  position: absolute;
  z-index: 10;
  background: #004e7d;
  border-radius: 5px;
  min-width: 80px;
  color: #fff;
  font-weight: 400;
  top: 45px;
  width: max-content;
  font-size: 14px;
  padding: 5px 10px;
}
.enhancedListViewTable span.hoverData span.multiple {
  display: none;
}
.enhancedListViewTable span.hoverData::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-bottom: solid 8px #004e7d;
  border-left: solid 12px rgba(0, 0, 0, 0);
  border-right: solid 12px rgba(0, 0, 0, 0);
  position: absolute;
  left: 30px;
  top: -6px;
}

.enhancedListViewTable .textToolTip {
  max-width: 100%;
  text-overflow: ellipsis;
  line-height: 14px;
}

.enhancedListViewTableNew .ActiveTab.modelCell, .enhancedListViewTable tr.MuiTableRow-root.activeTr td:has(.hasNodata), .enhancedListViewTable tr.MuiTableRow-root.bannerRow td:has(.hasNodata) {
  background-image: none !important;
}

.enhancedListViewTableNew tr.MuiTableRow-root.activeTr td:last-child {
  background-image: url('data:image/svg+xml;utf8,<svg fill="grey" 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="M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM224 368C237.3 368 248 357.3 248 344V280H312C325.3 280 336 269.3 336 256C336 242.7 325.3 232 312 232H248V168C248 154.7 237.3 144 224 144C210.7 144 200 154.7 200 168V232H136C122.7 232 112 242.7 112 256C112 269.3 122.7 280 136 280H200V344C200 357.3 210.7 368 224 368z"/></svg>');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: bottom 7px right 15px;
}

.enhancedListViewTableNew th.MuiTableCell-root.MuiTableCell-head.afterPriceBlank {
  width: 30px;
}

.listViewEnc .productCatgories .catGrid .Icon img {
  max-width: 100%;
}
.listViewEnc .productCatgories .catGrid .Text {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
}

.brx-nonterminal .plp-nonterminal {
  margin: 0 auto;
  padding: 16px 0 0 0;
}

.plp-nonterminal {
  margin: 100px 0 0; /*temporary added */
}
.plp-nonterminal.brx-plp-nonterminal {
  margin: 0 auto;
  padding: 16px 0 0 0;
}
@supports (display: grid) {
  .plp-nonterminal {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  }
  @media (min-width: 319.98px) and (max-width: 389.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
    }
  }
  @media (min-width: 389.98px) and (max-width: 449.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
    }
  }
  @media (min-width: 449.99px) and (max-width: 519.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
    }
  }
  @media (min-width: 519.99px) and (max-width: 639.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
    }
  }
  @media (min-width: 639.99px) and (max-width: 767.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
    }
  }
  @media (min-width: 767.98px) and (max-width: 997.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)) !important;
    }
  }
  @media (min-width: 767.98px) and (max-width: 1149.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)) !important;
    }
  }
  @media (min-width: 1149.98px) and (max-width: 1349.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)) !important;
    }
  }
  @media (min-width: 1349.98px) and (max-width: 1439.98px) {
    .plp-nonterminal {
      grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
    }
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper {
    grid-gap: 1.2rem;
  }
  .plp-nonterminal.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-10 {
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-9 {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-8 {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }
}
@media only screen and (min-width: 768px) and (min-width: 320px) and (max-width: 767px) {
  .plp-nonterminal.gridWrapper.grid-7 {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  .plp-nonterminal.gridWrapper.grid-6 {
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  }
  .plp-nonterminal.gridWrapper.grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }
  .plp-nonterminal.gridWrapper.grid-4 {
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
  }
  .plp-nonterminal.gridWrapper.grid-3 {
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
  }
  .plp-nonterminal.gridWrapper.grid-2 {
    grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .plp-nonterminal {
    margin: 0px;
  }
}
.plp-nonterminal .catGrid {
  border: solid #dddddd;
  display: flex !important;
  flex-direction: column;
  border-width: 1px 1px 6px;
  border-radius: 4px;
}
.plp-nonterminal .catGrid .plptile {
  flex-direction: column;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.plp-nonterminal .colBox {
  flex-direction: column;
  height: 100%;
  display: flex;
  align-items: stretch;
}
.plp-nonterminal .colBox .subLinks {
  padding: 0 16px;
}
.plp-nonterminal .colBox .subLinks ul {
  list-style: none;
  padding: 0 16px 0 16px;
}
.plp-nonterminal .colBox .subLinks ul li {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  word-break: break-word;
  display: flex;
}
.plp-nonterminal .colBox .subLinks ul li::before {
  content: "•";
  color: "#004E7D";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.plp-nonterminal .colBox a, .plp-nonterminal .colBox a:hover {
  color: #004E7D;
}
.plp-nonterminal .Icon {
  margin: 22px;
  border: none !important;
  width: auto !important;
  display: flex;
  justify-content: center;
}
.plp-nonterminal .product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.plp-nonterminal .product-label {
  display: flex;
  font-size: 16px;
  line-height: 1.3;
  color: #212934;
  width: 100%;
  padding: 0 16px;
  word-break: break-word;
  text-align: left;
  font-weight: 500;
  flex-wrap: wrap;
}
.plp-nonterminal .product-label .total-product {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  padding-left: 5px;
}
.plp-nonterminal .product-label .total-product a, .plp-nonterminal .product-label .total-product a:hover {
  color: #212934;
}
.plp-nonterminal .product-label a, .plp-nonterminal .product-label a:hover {
  color: #212934;
}
.plp-nonterminal .product-total-viewall {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  margin-top: auto;
  padding: 4px 16px 16px 16px;
}
.plp-nonterminal .product-total-viewall .total-product {
  font-size: 14px;
  font-weight: 300;
  color: #212934;
  line-height: 1;
}
.plp-nonterminal .product-total-viewall .product-viewall {
  font-size: 16px;
  font-weight: 400;
  color: #004e7d;
  line-height: 1;
}

.shopall-section .shopall-label {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #212934;
  padding-right: 8px;
}
.shopall-section a.replacement-link, .shopall-section a.relatedproduct-link {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2473E1;
  text-decoration: underline;
}
.shopall-section .seperator {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #212934;
  padding: 0 8px;
}

.listViewEnc .tabDescrption {
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #212934;
  align-items: center;
  margin-bottom: 15px;
}
.listViewEnc .tabDescrption .ProdGrpImg {
  display: flex;
}
.listViewEnc .tabDescrption .Text {
  padding-left: 16px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 5px;
  padding-bottom: 5px;
}

.enhancedListViewTable .freeShipping span, .enhancedListViewTableNew .freeShipping span {
  font-size: 12px;
}

.col_container .right_col .listViewEnc .productCatgories .catGrid .Icon {
  padding: 7px !important;
}

.enhancedListViewTable .MuiTable-root.listViewTable .bannerRow td > img {
  display: -webkit-box;
  margin: 0 auto;
}

.enhancedListViewTable .fa-info-circle.freeShppingToolTip .MuiTypography-subtitle2 {
  z-index: 123;
}

.plp-nonterminal .andMoreLink a, .plp-nonterminal .andMoreLink a:hover {
  color: #212934;
}

.fullListViewLayout .categoryDesc {
  padding-bottom: 16px;
  line-height: 1.4;
}

.plp-nonterminal .colBox .subLinks ul li a, .plp-nonterminal .colBox .subLinks ul li a:hover {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.enhancedListViewTable .listViewTable .MuiTableCell-root.price-cart-block, .enhancedListViewTableNew .listViewTable .MuiTableCell-root.price-cart-block {
  text-align: left;
}

.plp-nonterminal .catGrid:hover {
  border-color: #004E7D;
}

.enhancedListViewTable.enhancedListViewTableNew:has(.tableTitleWithoutDesc) .MuiTableHead-root {
  position: sticky;
  top: 48px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}

.enhancedListViewTable:has(.tableTitleWithoutDesc) .MuiTableHead-root {
  position: sticky;
  top: 34px !important;
  height: auto !important;
  background: #ffffff;
  z-index: 1;
  border-bottom: 2px solid #999999;
}

.enhancedListViewTable.enhancedListViewTableNew .tableTitleWithoutDesc ~ .MuiTableContainer-root .MuiTableHead-root {
  top: 48px !important;
  height: auto !important;
}

.enhancedListViewTable .tableTitleWithoutDesc ~ .MuiTableContainer-root .MuiTableHead-root {
  top: 34px !important;
}

.brx-html-banner {
  margin-bottom: 16px;
}

.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection {
  padding: 10px 0 0 0;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .bulkDiscount {
  font-weight: 500;
  font-size: 10px;
  line-height: 24px;
  color: #424C5B;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakHeading {
  width: 100%;
  background: rgba(217, 217, 217, 0.5);
  padding: 5px;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakHeading .columnHead {
  font-weight: 500;
  font-size: 10px;
  line-height: 24px;
  color: #424C5B;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakHeading .columnHead:first-child {
  width: 40%;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakHeading .columnHead:larst-child {
  width: 60%;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow {
  width: 100%;
  font-weight: 300;
  padding-left: 5px;
  font-size: 10px;
  line-height: 24px;
  color: #424C5B;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails {
  display: flex;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails:first-child {
  width: 40%;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails:last-child {
  width: 60%;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails .colSavePriceList {
  display: flex;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails .savePriceList {
  display: flex;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails .list-savingprice {
  margin-left: 4px;
}
.enhancedListViewTable .listviewPricebreaksSection .pricebreakSection .pricebreakRow .columnDetails .discountedPrice {
  font-weight: 500;
  font-size: 10px;
  line-height: 24px;
  color: #71B946;
  padding-left: 10px !important;
  padding-right: 0;
  display: flex;
}

.enhancedListViewTable .imageOverLayHover {
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  z-index: 1234;
  width: 162px;
  height: 162px;
  left: 80%;
  top: 1%;
}

.enhancedListViewTable td.MuiTableCell-root.MuiTableCell-body.ActiveTab:first-child .imageOverLayHover img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.enhancedListViewTable .activeRow .hero-product-details a:hover {
  color: #2473E1;
  text-decoration: underline;
}
.enhancedListViewTable .AddonRowDetails .frequentlyViewedProductList .productSection .description .ellipsis a:hover {
  color: #2473E1;
  text-decoration: underline;
}

.assemblePGRow .heightlightTab.addonHeadings, .assemblePGRow .MuiTableCell-head.afterPriceBlank {
  border-bottom: none !important;
}

.enhancedListViewTableNew :has(:not(.tableTitleWithoutDesc)).MuiTableHead-root:has(.assemblePGRow) {
  top: 70px !important;
}

table.MuiTable-root.listViewTable:has(.assemblePGRow) .NonActiveTab.hero-price-text {
  background: #fafafa;
}

table.MuiTable-root.listViewTable:has(.assemblePGRow) .afterPriceBlank {
  background: #fff !important;
}

.unassembledActive {
  border-right: 1px solid #004e7d !important;
}

.enhancedListViewTable.enhancedListViewTableNew:has(.tableTitleWithoutDesc) .MuiTableHead-root:has(.assemblePGRow) {
  top: 49px !important;
}

td.MuiTableCell-root.MuiTableCell-body.NonActiveTab.hero-price-text.AddonCell {
  background-color: #d9d9d9;
}

.activeTr td.MuiTableCell-root.MuiTableCell-body.NonActiveTab.hero-price-text {
  background: #d9d9d9;
}

@media (max-width: 767.98px) {
  @supports (display: grid) {
    .productCatgories .Box {
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0;
      justify-content: unset;
    }
    .productCatgories .Box.size6 {
      height: 85px;
      padding: 12px 8px;
    }
    .productCatgories .Box.size6 .Text {
      font-size: 12px;
      font-weight: 500;
      color: #333;
    }
    .col_container .right_col .productCatgories .catGrid {
      border: 1px solid rgba(0, 0, 0, 0.2);
    }
    .col_container .right_col .productCatgories .colBox .Icon {
      border: unset;
      border-radius: unset;
      padding: 10px 12px;
    }
    .col_container .right_col .productCatgories .colBox .Icon img {
      max-width: 92px;
      width: 100%;
    }
    .col_container .right_col .productCatgories .colBox .Text {
      font-size: 12px;
      font-weight: 500;
      color: #333;
      line-height: 1.2;
      justify-content: center;
      padding: 0 12px 10px;
      text-align: center !important;
    }
  }
}
@media (max-width: 420px) {
  @supports (display: grid) {
    .productCatgories .Box.size6 {
      padding: 12px 6px;
    }
  }
}
.listViewTable .sizeList .drop-down-list .MuiOutlinedInput-input {
  padding: 5px !important;
  font-size: 12px !important;
  text-align: center;
  width: 100%;
  padding-right: 20px !important;
  display: block;
}

@supports (display: grid) {
  @media (max-width: 767.98px) {
    .right_col .gridWrapper.productCatgories {
      grid-gap: 0.75rem !important;
    }
  }
  @media (max-width: 420px) {
    .right_col .gridWrapper.productCatgories {
      grid-gap: 0.45rem !important;
    }
  }
}

.listviewAddonDropdownNew ul li.MuiButtonBase-root:first-child {
  font-size: 12px;
  margin: 0;
}

.list-view-popup li, .list-view-popup .MuiListItem-gutters.dropdown-menu {
  min-height: auto;
  line-height: 1;
  padding: 6px 12px !important;
}

.listviewAddonDropdownNew ul li.MuiListItem-gutters.dropdown-menu .selectOptionsText {
  padding: 0 !important;
  margin: 0;
}
.listviewAddonDropdownNew ul li.MuiListItem-gutters.dropdown-menu .selectOptionsText span {
  font-size: 12px;
  text-align: center;
}

.listviewAddonDropdownNew ul .MuiListItem-gutters.dropdown-menu:last-of-type {
  margin-bottom: 0;
}

.listivewAddonDropdown .drop-down-list.selectBox {
  max-width: 100%;
  overflow: hidden;
  margin-left: auto;
  width: 100%;
}
.listivewAddonColorDropdown .drop-down-list .MuiOutlinedInput-input {
  padding: 5px 20px 5px 5px !important;
  font-size: 12px !important;
  text-align: center;
  width: 100%;
  display: block;
  padding-right: 20px;
}

.listivewAddonColorDropdown .drop-down-list.selectBox {
  max-width: 100%;
  overflow: hidden;
  margin-left: auto;
  width: 100%;
}

.enhancedListViewTable .activeRow .customBtn:not(.notifyMe) {
  width: auto;
  line-height: 14px;
  min-width: 172px;
}

.enhancedListViewTable .activeRow .outOfStockBlock .customBtn {
  min-width: auto;
}

.enhancedListViewTable tr.recentlyviewedItem > td, .enhancedListViewTable tr.recentlyviewedItem > td .price {
  color: #004E7D !important;
  text-decoration: underline;
}

.accessoryGridWrapper {
  padding-top: 16px;
  padding-bottom: 30px;
}
.accessoryGridWrapper .title {
  color: #212934;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding-bottom: 22px;
  line-height: 14px;
}
.accessoryGridWrapper .icons .accessoryGrid {
  margin-right: 40px;
}
.accessoryGridWrapper .icons .accessoryGrid a {
  display: flex;
}
.accessoryGridWrapper .icons .accessoryGrid a .colBox {
  display: flex;
}
.accessoryGridWrapper .icons .accessoryGrid a .colBox .Icon {
  display: flex;
}
.accessoryGridWrapper .icons .accessoryGrid a .colBox .Icon > span {
  border-radius: 3.978px !important;
  border: 0.995px solid #D1D1D1 !important;
  background: #FFF !important;
  margin-right: 15px !important;
}
.accessoryGridWrapper .icons .accessoryGrid a .colBox .Icon img {
  padding: 5px !important;
}
.accessoryGridWrapper .icons .accessoryGrid a .colBox .Icon .Text {
  color: #212934;
  font-size: 12px;
  line-height: 14px;
  font-style: normal;
  font-weight: 400;
  max-width: 100px;
}

.enhancedListViewTable tr.recentlyviewedItem > td:has(.noTextTd) {
  text-decoration: none !important;
}

.tableListviewHeading, .tableListviewHeadingSub {
  background: #fafafa;
}
.tableListviewHeading .MuiTableCell-head, .tableListviewHeadingSub .MuiTableCell-head {
  border-bottom: none;
}
.tableListviewHeading .MuiTableCell-root.MuiTableCell-head.starterHeading, .tableListviewHeading .MuiTableCell-root.MuiTableCell-head.addonHeadings, .tableListviewHeadingSub .MuiTableCell-root.MuiTableCell-head.starterHeading, .tableListviewHeadingSub .MuiTableCell-root.MuiTableCell-head.addonHeadings {
  border-bottom: none !important;
}

.tableListviewHeadingSub .afterPriceBlank {
  border-bottom: none !important;
  border-left: 1px solid #c4c6c8;
  background-color: #fff;
  border-top: none;
}
.tableListviewHeadingSub .MuiTableCell-head.blankAddonHeadings {
  border-bottom: 2px solid #C4C6C8 !important;
  border-top: none;
  border-left: 1px solid #C4C6C8 !important;
  border-right: 1px solid #C4C6C8 !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  line-height: unset;
}

.tableListviewHeading > th {
  border-top: 1px solid #C4C6C8;
}
.tableListviewHeading .MuiTableCell-head.afterPriceBlank {
  border-bottom: none !important;
  border-left: 1px solid #c4c6c8;
  background-color: #fff;
  border-top: none;
}
.tableListviewHeading .blankAddonHeadings {
  border-bottom: none !important;
}

.tableListviewHeading .addonHeadings, .tableListviewHeading .starterHeading {
  text-align: center !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 2px 0 0 0 !important;
}

table.MuiTable-root.listViewTable:has(.tableListviewHeading) {
  margin-top: 20px;
}

.tableListviewHeading > .starterHeading {
  border-left: 1px solid #C4C6C8;
}

.tableListviewHeadingSub > .hero-compare-head:first-child {
  border-left: 1px solid #C4C6C8;
}

.enhancedListViewTable tr.recentlyviewedItem > td.AddonCell, .enhancedListViewTable tr.recentlyviewedItem > td.afterPriceBlank {
  text-decoration: none;
}

.EducationalContent {
  max-width: 1368px;
}
.EducationalContent .EducationalTitle {
  margin: 0px;
  font-size: 20px;
  color: #212934;
}
.EducationalContent .EducationalDescription p {
  font-size: 16px;
  color: #212934;
}
.EducationalContent .educational .singleArticlePage:first-child {
  position: relative;
  height: auto;
  display: block;
}
.EducationalContent .educational .singleArticlePage:first-child .educationImage {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  align-items: center;
  height: auto;
  width: 100%;
}
.EducationalContent .educational .singleArticlePage:first-child .educationImage .img-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.EducationalContent .educational .singleArticlePage:first-child .educationImage .videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #ffffff;
}
.EducationalContent .educational .singleArticlePage:first-child .educationContent {
  margin-top: 16px;
  width: 100%;
  padding: 0px;
}
.EducationalContent .educational .singleArticlePage:first-child .educationContent .title {
  font-size: 16px;
  margin: 0;
}
.EducationalContent .educational .singleArticlePage:first-child .educationContent .title a {
  color: #212934;
}
.EducationalContent .educational .singleArticlePage:first-child .educationContent p.description {
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.EducationalContent .educational .singleArticlePage:first-child .educationContent button.primary-red {
  font-size: 16px;
  text-align: center;
  font-family: Kanit;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
  width: 237px;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
  background-color: #d41e3d;
  border-width: 0;
  margin-top: 40px;
}
.EducationalContent .educational .singleArticlePage {
  position: relative;
  margin: 16px 0;
  display: flex;
  align-items: flex-start;
  height: 73px;
}
.EducationalContent .educational .singleArticlePage .educationImage {
  position: relative;
  border-radius: 4px;
  align-items: center;
  width: 27%;
  height: 100%;
}
.EducationalContent .educational .singleArticlePage .educationImage .img-fluid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.EducationalContent .educational .singleArticlePage .educationImage .videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #ffffff;
}
.EducationalContent .educational .singleArticlePage .educationContent {
  padding-left: 16px;
  width: 326px;
}
.EducationalContent .educational .singleArticlePage .educationContent .title {
  font-size: 16px;
  margin: 0;
  line-height: 20px;
  font-weight: 500;
}
.EducationalContent .educational .singleArticlePage .educationContent .title a {
  color: #212934;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.EducationalContent .educational .singleArticlePage .educationContent p.description {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: none;
}
.EducationalContent .educational .singleArticlePage .educationContent button.primary-red {
  font-size: 16px;
  text-align: center;
  font-family: Kanit;
  font-weight: 600;
  color: #ffffff;
  text-transform: none;
  width: 237px;
  height: 48px;
  box-shadow: none;
  border-radius: 8px;
  background-color: #d41e3d;
  border-width: 0;
  margin-top: 30px;
}

/*-------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .EducationalContent .EducationalTitle {
    font-size: 30px;
  }
  .EducationalContent .EducationalDescription p {
    font-size: 20px;
  }
  .EducationalContent .educational .singleArticlePage:first-child {
    position: relative;
    height: auto;
    display: flex;
    width: 100%;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationImage {
    position: relative;
    margin-right: 20px;
    align-items: center;
    height: 320px;
    width: 50%;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationImage .img-fluid {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationImage .videoIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px;
    color: #ffffff;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationContent {
    margin-top: 10px;
    width: 430px;
    padding: 0px;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationContent .title {
    font-size: 32px;
    margin: 0;
    line-height: 34px;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationContent .title a {
    color: #212934;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationContent p.description {
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .EducationalContent .educational .singleArticlePage:first-child .educationContent button.primary-red {
    font-size: 16px;
    text-align: center;
    font-family: Kanit;
    font-weight: 600;
    color: #ffffff;
    text-transform: none;
    width: 237px;
    height: 48px;
    box-shadow: none;
    border-radius: 8px;
    background-color: #d41e3d;
    border-width: 0;
    margin-top: 40px;
  }
  .EducationalContent .educational .singleArticlePage {
    position: relative;
    height: auto;
    display: flex;
    width: 100%;
  }
  .EducationalContent .educational .singleArticlePage .educationImage {
    position: relative;
    margin-right: 20px;
    align-items: center;
    height: 320px;
    width: 50%;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .EducationalContent .educational .singleArticlePage .educationImage .img-fluid {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
  }
  .EducationalContent .educational .singleArticlePage .educationContent {
    margin-top: 10px;
    width: 430px;
    padding: 0px;
  }
  .EducationalContent .educational .singleArticlePage .educationContent .title {
    font-size: 32px;
    margin: 0;
    line-height: 34px;
  }
  .EducationalContent .educational .singleArticlePage .educationContent .title a {
    color: #212934;
  }
  .EducationalContent .educational .singleArticlePage .educationContent p.description {
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .EducationalContent .educational .singleArticlePage .educationContent button.primary-red {
    font-size: 16px;
    text-align: center;
    font-family: Kanit;
    font-weight: 600;
    color: #ffffff;
    text-transform: none;
    width: 237px;
    height: 48px;
    box-shadow: none;
    border-radius: 8px;
    background-color: #d41e3d;
    border-width: 0;
    margin-top: 40px;
  }
}
.toc-nav-container {
  position: relative;
}

@media screen and (min-width: 992px) {
  .toc-sticky-nav.Top {
    width: calc(100vw - 25px);
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw + 12.5px);
    margin-right: calc(-50vw + 12.5px);
  }
  .toc-sticky-nav.Top.white {
    background: #fefefe;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
  }
  .toc-sticky-nav.Top.grey {
    background-color: #f4f4f4;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 992px) {
  .toc-sticky-nav.Left .toc-nav-wrapper.animated.fadeIn .toc-nav-0, .toc-sticky-nav.Right .toc-nav-wrapper.animated.fadeIn .toc-nav-0 {
    max-height: 65vh;
    overflow-y: auto;
  }
}
.toc-nav {
  width: 100%;
  max-width: 320px;
  position: relative;
  margin: 25px auto;
  z-index: 10;
}
.toc-nav * {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
.toc-nav .toc-nav-wrapper {
  width: 100%;
}
.toc-nav .toc-nav-wrapper h2 {
  font-size: 27px;
}
@media (min-width: 992px) {
  .toc-nav .toc-nav-wrapper {
    display: flex;
    align-items: center;
  }
  .toc-nav .toc-nav-wrapper h2 {
    padding-left: 40px;
  }
}
.toc-nav .toc-nav-wrapper:not(:first-of-type) {
  margin-top: 24px;
}
.toc-nav.Top {
  max-width: 1400px;
  position: sticky;
  display: flex;
  flex-wrap: wrap;
  top: 0;
}
.toc-nav.Top .toc-nav-0 {
  min-height: 30px;
  padding: 14px 0;
  display: flex;
  position: relative;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .toc-nav.Top .toc-nav-0.devider-added > li {
    border-right: 2px solid #212934;
  }
}
.toc-nav.Top .toc-nav-0.devider-added > li:last-child {
  border: none;
}
@media (max-width: 991.98px) {
  .toc-nav.Top .toc-nav-0 {
    margin-left: 0;
  }
}
.toc-nav.Top .toc-nav-0.Left {
  justify-content: flex-start;
  margin-left: 20px;
}
@media (max-width: 991.98px) {
  .toc-nav.Top .toc-nav-0.Left {
    margin-left: 0;
  }
}
.toc-nav.Top .toc-nav-0.Right {
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .toc-nav.Top .toc-nav-0.Right {
    margin-left: auto;
  }
}
.toc-nav.Top .toc-nav-0.Center {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.toc-nav.Top .toc-nav-0 > li {
  position: relative;
  line-height: 16px;
}
.toc-nav.Top .toc-nav-0 > li > a {
  font-size: 16px;
  padding: 17px;
}
.toc-nav.Top .toc-nav-0 > li > a > .fa-chevron-right {
  margin-left: 5px;
  width: 10px;
  height: 16px;
  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="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg>');
  background-repeat: no-repeat;
  display: inline-block;
}
.toc-nav.Top .toc-nav-0 > li > a > .fa-chevron-right::before {
  content: "";
}
.toc-nav.Top .toc-nav-0 > li > a strong {
  font-weight: 600;
}
@media (max-width: 1080px) {
  .toc-nav.Top .toc-nav-0 > li > a {
    padding: 17px 10px;
  }
}
@media (max-width: 991.98px) {
  .toc-nav.Top .toc-nav-0 > li > a {
    padding-left: 15px;
  }
}
.toc-nav.Top .toc-nav-0 > li:hover .toc-nav-1 {
  display: flex;
  flex-wrap: wrap;
}
.toc-nav.Top .toc-nav-1 {
  position: absolute;
  right: 0;
  top: 30px;
  display: none;
  min-width: 271px;
  width: 100%;
  flex-wrap: wrap;
  padding: 22px;
}
.toc-nav.Top .toc-nav-1 > li {
  line-height: 24px;
  width: 100%;
}
.toc-nav.Top .toc-nav-1 > li:hover .toc-nav-2, .toc-nav.Top .toc-nav-1 > li:hover h3 {
  display: flex;
  flex-wrap: wrap;
}
.toc-nav.Top .toc-nav-1 > li > a {
  padding: 9px 13px;
  display: block;
  font-weight: 300;
  position: relative;
}
.toc-nav.Top .toc-nav-1 > li > a:hover {
  font-size: 18px;
  font-weight: 400;
}
.toc-nav.Top .toc-nav-1 > li > a .fa-chevron-right {
  font-size: 0.95rem;
  float: right;
  margin-top: 5px;
}
.toc-nav.Top .toc-nav-1::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9.5px 9px 9.5px;
  border-color: transparent transparent #f4f4f4 transparent;
  top: -9px;
  left: 180px;
  z-index: 2;
}
.toc-nav.Top .toc-nav-1 h3 {
  display: none;
  position: absolute;
  left: 249px;
  top: 0;
  min-width: 271px;
  width: 100%;
  padding: 22px 35px 9px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.toc-nav.Top .toc-nav-2 {
  position: absolute;
  left: 249px;
  top: 55px;
  display: none;
  min-width: 271px;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 22px 22px;
}
.toc-nav.Top .toc-nav-2 li {
  line-height: 24px;
  width: 100%;
}
.toc-nav.Top .toc-nav-2 li:hover .toc-nav-2 {
  display: flex;
  flex-wrap: wrap;
}
.toc-nav.Top .toc-nav-2 li a {
  padding: 9px 13px;
  display: block;
  font-weight: 300;
}
.toc-nav.Top .toc-nav-2 li a:hover {
  font-size: 18px;
  font-weight: 400;
}
.toc-nav.Top .toc-nav-3 {
  display: none;
}
.toc-nav.Top .toc-nav-wrapper > ul > li:not(:first-of-type):not(.accordion-list) {
  margin-top: 0;
}
.toc-nav.Top .toc-img {
  height: 58px;
  display: flex;
  flex-wrap: wrap;
  top: 0;
  z-index: 1;
}
.toc-nav.Top .toc-img .toc-nav-wrapper {
  padding: 15px 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 991.5px) {
  .toc-nav.Top .toc-img .toc-nav-wrapper, .toc-nav.Top .toc-img .toc-nav-wrapper.fadeOut {
    padding: 0;
  }
}
.toc-nav.Top .toc-img h2 {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 17px;
  line-height: 1;
}
.toc-nav.Top .toc-img li {
  line-height: 1;
  width: 100%;
  max-width: unset;
}
@media (max-width: 991.98px) {
  .toc-nav.Top .toc-img li {
    height: 20px;
    width: auto;
  }
}
.toc-nav.Top .toc-nav-wrapper:not(:first-of-type) {
  margin-top: 0;
}
.toc-nav.Left, .toc-nav.Right {
  display: flex;
  flex-wrap: wrap;
  top: 0;
}
.toc-nav.Left .toc-nav-wrapper, .toc-nav.Right .toc-nav-wrapper {
  padding: 15px 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 991.5px) {
  .toc-nav.Left .toc-nav-wrapper,
  .toc-nav.Left .toc-nav-wrapper.fadeOut, .toc-nav.Right .toc-nav-wrapper,
  .toc-nav.Right .toc-nav-wrapper.fadeOut {
    padding: 0;
  }
}
.toc-nav.Left h2, .toc-nav.Right h2 {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 17px;
  line-height: 1;
}
.toc-nav.Left li, .toc-nav.Right li {
  line-height: 1;
  width: 100%;
}
.toc-nav.Left a, .toc-nav.Right a {
  display: block;
}
.toc-nav.Left .toc-nav-0, .toc-nav.Right .toc-nav-0 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.toc-nav.Left .toc-nav-0 > li, .toc-nav.Right .toc-nav-0 > li {
  position: relative;
}
.toc-nav.Left .toc-nav-0 > li > a, .toc-nav.Right .toc-nav-0 > li > a {
  font-size: 16px;
  font-weight: 300;
  padding: 10px 17px;
  line-height: 1.3;
}
.toc-nav.Left .toc-nav-0 .accordion-list > a, .toc-nav.Right .toc-nav-0 .accordion-list > a {
  font-weight: 400;
}
.toc-nav.Left .toc-nav-1, .toc-nav.Right .toc-nav-1 {
  width: 100%;
  flex-wrap: wrap;
  padding: 0 17px 0 34px;
}
.toc-nav.Left .toc-nav-1 > li, .toc-nav.Right .toc-nav-1 > li {
  width: 100%;
}
.toc-nav.Left .toc-nav-1 > li > a, .toc-nav.Right .toc-nav-1 > li > a {
  padding: 9px 13px;
  display: block;
  font-size: 16px;
  font-weight: 300;
  position: relative;
}
.toc-nav.Left .toc-nav-1 > li > a:hover, .toc-nav.Right .toc-nav-1 > li > a:hover {
  font-size: 16px;
  font-weight: 300;
}
.toc-nav.Left .toc-nav-1::before, .toc-nav.Right .toc-nav-1::before {
  display: none;
}
.toc-nav.Left .toc-nav-1 h3, .toc-nav.Right .toc-nav-1 h3 {
  display: none;
  position: absolute;
  left: 374px;
  top: 0;
  min-width: 342px;
  width: 100%;
  padding: 22px 35px 9px;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.toc-nav.Left .toc-nav-2, .toc-nav.Right .toc-nav-2 {
  width: 100%;
  flex-wrap: wrap;
  padding: 0 0 0 34px;
}
.toc-nav.Left .toc-nav-2 li, .toc-nav.Right .toc-nav-2 li {
  width: 100%;
  list-style-type: disc;
  font-size: 20px;
}
.toc-nav.Left .toc-nav-2 li a, .toc-nav.Right .toc-nav-2 li a {
  padding: 9px 13px;
  display: block;
  font-size: 16px;
  font-weight: 300;
}
.toc-nav.Left .toc-nav-2 li a:hover, .toc-nav.Right .toc-nav-2 li a:hover {
  font-size: 16px;
  font-weight: 300;
}
.toc-nav.Left .toc-nav-3, .toc-nav.Right .toc-nav-3 {
  display: none;
}
.toc-nav.Left .toc-nav-wrapper > ul > li:not(:first-of-type):not(.accordion-list), .toc-nav.Right .toc-nav-wrapper > ul > li:not(:first-of-type):not(.accordion-list) {
  margin-top: 0;
}
.toc-nav.Left .fa-chevron-right, .toc-nav.Right .fa-chevron-right {
  display: none;
}
.toc-nav.Left .toc-img, .toc-nav.Right .toc-img {
  display: flex;
}
.toc-nav.Left .toc-nav-wrapper:not(:first-of-type), .toc-nav.Right .toc-nav-wrapper:not(:first-of-type) {
  margin-top: 0;
}
.toc-nav.Left .MuiPaper-root, .toc-nav.Right .MuiPaper-root {
  background-color: inherit;
}
.toc-nav.Left .MuiPaper-elevation1, .toc-nav.Right .MuiPaper-elevation1 {
  box-shadow: none;
}
.toc-nav.Left .MuiAccordion-rounded, .toc-nav.Right .MuiAccordion-rounded {
  border-radius: 0 !important;
}
.toc-nav.Left .MuiAccordionSummary-root, .toc-nav.Right .MuiAccordionSummary-root {
  min-height: auto;
}
.toc-nav.Left .MuiAccordionSummary-root a, .toc-nav.Right .MuiAccordionSummary-root a {
  display: block;
}
.toc-nav.Left .MuiTypography-body1, .toc-nav.Right .MuiTypography-body1 {
  letter-spacing: 0;
  line-height: 1;
}
.toc-nav.Left .MuiAccordionSummary-content p, .toc-nav.Right .MuiAccordionSummary-content p {
  width: 100%;
}
.toc-nav.Left .MuiAccordionSummary-content.Mui-expanded, .toc-nav.Right .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}
.toc-nav.Left .toc-nav-0 a, .toc-nav.Right .toc-nav-0 a {
  padding: 17px;
}
.toc-nav.Left .toc-nav-1, .toc-nav.Right .toc-nav-1 {
  padding: 0 0 0 34px;
}
.toc-nav.Left .toc-nav-1 a, .toc-nav.Right .toc-nav-1 a {
  padding: 9px 0 9px 17px;
  text-transform: capitalize;
}
.toc-nav.blue.Top {
  background-color: #004e7d;
}
.toc-nav.blue.Top .toc-nav-0 a {
  color: #ffffff;
}
.toc-nav.blue.Top .toc-nav-0 > li:hover > a {
  background-color: #002d50;
}
.toc-nav.blue.Top .toc-nav-1 {
  background-color: #f4f4f4;
}
.toc-nav.blue.Top .toc-nav-1 > li > a {
  color: #212934;
}
.toc-nav.blue.Top .toc-nav-1 > li > a:hover {
  background-color: rgba(0, 78, 125, 0.1);
}
.toc-nav.blue.Top .toc-nav-1 h3 {
  background-color: #f4f4f4;
  color: #004e7d;
}
.toc-nav.blue.Top .toc-nav-2 {
  background-color: #f4f4f4;
}
.toc-nav.blue.Top .toc-nav-2 a {
  color: #212934;
}
.toc-nav.blue.Top .toc-nav-2 a:hover {
  background-color: rgba(0, 78, 125, 0.1);
}
.toc-nav.red.Top {
  background-color: #d41e3d;
}
.toc-nav.red.Top .toc-nav-0 a {
  color: #ffffff;
}
.toc-nav.red.Top .toc-nav-0 > li:hover > a {
  background-color: #a20520;
}
.toc-nav.red.Top .toc-nav-1 {
  background-color: #f4f4f4;
}
.toc-nav.red.Top .toc-nav-1 > li > a {
  color: #212934;
}
.toc-nav.red.Top .toc-nav-1 > li > a:hover {
  background-color: rgba(212, 30, 61, 0.1);
}
.toc-nav.red.Top .toc-nav-1 h3 {
  background-color: #f4f4f4;
  color: #d41e3d;
}
.toc-nav.red.Top .toc-nav-2 {
  background-color: #f4f4f4;
  color: #212934;
}
.toc-nav.red.Top .toc-nav-2 a {
  color: #212934;
}
.toc-nav.red.Top .toc-nav-2 a:hover {
  background-color: rgba(212, 30, 61, 0.1);
}
.toc-nav.green.Top {
  background-color: #72b846;
}
.toc-nav.green.Top .toc-nav-0 a {
  color: #ffffff;
}
.toc-nav.green.Top .toc-nav-0 > li:hover > a {
  background-color: #438d14;
}
.toc-nav.green.Top .toc-nav-1 {
  background-color: #f4f4f4;
}
.toc-nav.green.Top .toc-nav-1 > li > a {
  color: #212934;
}
.toc-nav.green.Top .toc-nav-1 > li > a:hover {
  background-color: rgba(67, 141, 20, 0.1);
}
.toc-nav.green.Top .toc-nav-1 h3 {
  background-color: #f4f4f4;
  color: #72b846;
}
.toc-nav.green.Top .toc-nav-2 {
  background-color: #f4f4f4;
  color: #212934;
}
.toc-nav.green.Top .toc-nav-2 a {
  color: #212934;
}
.toc-nav.green.Top .toc-nav-2 a:hover {
  background-color: rgba(67, 141, 20, 0.1);
}
.toc-nav.white.Top {
  background-color: #ffffff;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
}
.toc-nav.white.Top .toc-nav-0 a {
  color: #212934;
  font-weight: 400;
}
.toc-nav.white.Top .toc-nav-0 > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.white.Top .toc-nav-0.Grey > li:hover > a, .toc-nav.white.Top .toc-nav-0.grey > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.white.Top .toc-nav-0.White > li:hover > a, .toc-nav.white.Top .toc-nav-0.white > li:hover > a {
  background-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.Red > li:hover > a, .toc-nav.white.Top .toc-nav-0.red > li:hover > a {
  background-color: #d41e3d;
  color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.Red > li:hover > a.activeMenu span, .toc-nav.white.Top .toc-nav-0.red > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.Green > li:hover > a, .toc-nav.white.Top .toc-nav-0.green > li:hover > a {
  background-color: #72b846;
  color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.Green > li:hover > a.activeMenu span, .toc-nav.white.Top .toc-nav-0.green > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.Blue > li:hover > a, .toc-nav.white.Top .toc-nav-0.blue > li:hover > a {
  background-color: #004e7d;
  color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.Blue > li:hover > a.activeMenu span, .toc-nav.white.Top .toc-nav-0.blue > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-0.devider-added a.activeMenu span {
  color: #004e7d;
  font-weight: 500;
  border-bottom: 2px solid #004e7d;
}
.toc-nav.white.Top .toc-nav-1 {
  background-color: #fefefe;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.white.Top .toc-nav-1::before {
  border-color: transparent transparent #fefefe transparent;
}
.toc-nav.white.Top .toc-nav-1 > li > a {
  color: #212934;
}
.toc-nav.white.Top .toc-nav-1 > li > a:hover {
  background-color: #f4f4f4;
}
.toc-nav.white.Top .toc-nav-1 > li > a.activeMenu span {
  color: #004e7d;
  font-weight: 400;
  border-bottom: 2px solid #004e7d;
}
.toc-nav.white.Top .toc-nav-1 h3 {
  background-color: #fefefe;
  color: #212934;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.white.Top .toc-nav-1.Grey > li:hover > a, .toc-nav.white.Top .toc-nav-1.grey > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.white.Top .toc-nav-1.White > li:hover > a, .toc-nav.white.Top .toc-nav-1.white > li:hover > a {
  background-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-1.Red > li:hover > a, .toc-nav.white.Top .toc-nav-1.red > li:hover > a {
  background-color: #d41e3d;
  color: #ffffff;
}
.toc-nav.white.Top .toc-nav-1.Red > li:hover > a.activeMenu span, .toc-nav.white.Top .toc-nav-1.red > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-1.Green > li:hover > a, .toc-nav.white.Top .toc-nav-1.green > li:hover > a {
  background-color: #72b846;
  color: #ffffff;
}
.toc-nav.white.Top .toc-nav-1.Green > li:hover > a.activeMenu span, .toc-nav.white.Top .toc-nav-1.green > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-1.Blue > li:hover > a, .toc-nav.white.Top .toc-nav-1.blue > li:hover > a {
  background-color: #004e7d;
  color: #ffffff;
}
.toc-nav.white.Top .toc-nav-1.Blue > li:hover > a.activeMenu span, .toc-nav.white.Top .toc-nav-1.blue > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.white.Top .toc-nav-2 {
  background-color: #fefefe;
  color: #212934;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.white.Top .toc-nav-2 a {
  color: #212934;
}
.toc-nav.white.Top .toc-nav-2 a:hover {
  background-color: #f4f4f4;
}
.toc-nav.white.Top.border {
  box-shadow: none;
  border: 1px solid #ddd;
}
.toc-nav.gray.Top {
  background-color: #f4f4f4;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
}
.toc-nav.gray.Top .toc-nav-0 a {
  color: #212934;
}
.toc-nav.gray.Top .toc-nav-0 > li:hover > a {
  background-color: #ededed;
}
.toc-nav.gray.Top .toc-nav-0.Grey > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.gray.Top .toc-nav-0.White > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.gray.Top .toc-nav-0.Red > li:hover > a {
  background-color: #d41e3d;
  color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-0.Red > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-0.Green > li:hover > a {
  background-color: #72b846;
  color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-0.Green > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-0.Blue > li:hover > a {
  background-color: #004e7d;
  color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-0.Blue > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-1 {
  background-color: #f4f4f4;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.gray.Top .toc-nav-1::before {
  border-color: transparent transparent #f4f4f4 transparent;
}
.toc-nav.gray.Top .toc-nav-1 > li > a {
  color: #212934;
}
.toc-nav.gray.Top .toc-nav-1 > li > a:hover {
  background-color: #ededed;
}
.toc-nav.gray.Top .toc-nav-1 h3 {
  background-color: #f4f4f4;
  color: #212934;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.gray.Top .toc-nav-1.Grey > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.gray.Top .toc-nav-1.White > li:hover > a {
  background-color: #f4f4f4;
}
.toc-nav.gray.Top .toc-nav-1.Red > li:hover > a {
  background-color: #d41e3d;
}
.toc-nav.gray.Top .toc-nav-1.Green > li:hover > a {
  background-color: #72b846;
}
.toc-nav.gray.Top .toc-nav-1.Blue > li:hover > a {
  background-color: #004e7d;
}
.toc-nav.gray.Top.Red > li:hover > a, .toc-nav.gray.Top.Green > li:hover > a, .toc-nav.gray.Top.Blue > li:hover > a {
  color: #ffffff;
}
.toc-nav.gray.Top.Red > li:hover > a.activeMenu span, .toc-nav.gray.Top.Green > li:hover > a.activeMenu span, .toc-nav.gray.Top.Blue > li:hover > a.activeMenu span {
  color: #ffffff;
  border-color: #ffffff;
}
.toc-nav.gray.Top .toc-nav-2 {
  background-color: #f4f4f4;
  color: #212934;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.gray.Top .toc-nav-2 a {
  color: #212934;
}
.toc-nav.gray.Top .toc-nav-2 a:hover {
  background-color: #ededed;
}
.toc-nav.blue.Left, .toc-nav.blue.Right {
  background-color: #004e7d;
}
.toc-nav.blue.Left a,
.toc-nav.blue.Left .toc-nav-2 li,
.toc-nav.blue.Left h2, .toc-nav.blue.Right a,
.toc-nav.blue.Right .toc-nav-2 li,
.toc-nav.blue.Right h2 {
  color: #ffffff;
}
.toc-nav.blue.Left .MuiIconButton-label svg, .toc-nav.blue.Right .MuiIconButton-label svg {
  color: #ffffff;
}
.toc-nav.blue.Left .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded, .toc-nav.blue.Right .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded {
  background-color: #002d50;
}
.toc-nav.green.Left, .toc-nav.green.Right {
  background-color: #72b846;
}
.toc-nav.green.Left a,
.toc-nav.green.Left .toc-nav-2 li,
.toc-nav.green.Left h2, .toc-nav.green.Right a,
.toc-nav.green.Right .toc-nav-2 li,
.toc-nav.green.Right h2 {
  color: #ffffff;
}
.toc-nav.green.Left .MuiIconButton-label svg, .toc-nav.green.Right .MuiIconButton-label svg {
  color: #ffffff;
}
.toc-nav.green.Left .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded, .toc-nav.green.Right .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded {
  background-color: #438d14;
}
.toc-nav.red.Left, .toc-nav.red.Right {
  background-color: #d41e3d;
}
.toc-nav.red.Left a,
.toc-nav.red.Left .toc-nav-2 li,
.toc-nav.red.Left h2, .toc-nav.red.Right a,
.toc-nav.red.Right .toc-nav-2 li,
.toc-nav.red.Right h2 {
  color: #ffffff;
}
.toc-nav.red.Left .MuiIconButton-label svg, .toc-nav.red.Right .MuiIconButton-label svg {
  color: #ffffff;
}
.toc-nav.red.Left .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded, .toc-nav.red.Right .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded {
  background-color: #a20520;
}
.toc-nav.white.Left, .toc-nav.white.Right {
  background-color: #ffffff;
}
.toc-nav.white.Left .toc-nav-wrapper, .toc-nav.white.Right .toc-nav-wrapper {
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.white.Left a,
.toc-nav.white.Left h2, .toc-nav.white.Right a,
.toc-nav.white.Right h2 {
  color: #212934;
}
.toc-nav.white.Left .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded, .toc-nav.white.Right .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded {
  background-color: #f4f4f4;
}
.toc-nav.white.Left.border .toc-nav-wrapper, .toc-nav.white.Right.border .toc-nav-wrapper {
  box-shadow: none;
  border: 1px solid #ddd;
}
.toc-nav.gray.Left, .toc-nav.gray.Right {
  background-color: #f4f4f4;
}
.toc-nav.gray.Left .toc-nav-wrapper, .toc-nav.gray.Right .toc-nav-wrapper {
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.toc-nav.gray.Left .toc-nav-0, .toc-nav.gray.Right .toc-nav-0 {
  background-color: #f4f4f4;
}
.toc-nav.gray.Left a,
.toc-nav.gray.Left h2, .toc-nav.gray.Right a,
.toc-nav.gray.Right h2 {
  color: #212934;
}
.toc-nav.gray.Left .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded, .toc-nav.gray.Right .toc-nav-0 > .accordion-list > .Mui-expanded > .MuiAccordionSummary-root.Mui-expanded {
  background-color: #ededed;
}
@media screen and (max-width: 991.5px) {
  .toc-nav.Top .toc-img {
    padding: 5px 0;
    height: auto;
    margin-right: 20px;
  }
  .toc-nav.Top ul {
    min-width: 100% !important;
  }
  .toc-nav.Top > div {
    width: 100% !important;
    margin: 0 !important;
  }
  .toc-nav.Top .toc-nav-0 {
    flex-wrap: wrap;
  }
  .toc-nav.Top .toc-nav-0 > li {
    line-height: 1.3;
    width: 100%;
  }
  .toc-nav.Top .toc-nav-0 > li > a {
    display: block;
  }
  .toc-nav.Top .toc-nav-0 > li > a .fa-chevron-right {
    float: right;
    margin-top: 5px;
    width: 9.5px;
    height: 15px;
    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(33,41,52)" 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>');
  }
  .toc-nav.Top .toc-nav-0 > li > a .fa-chevron-right::before {
    content: "";
  }
  .toc-nav.Top .toc-nav-0 > li:hover a > .fa-chevron-right {
    transform: rotate(90deg);
  }
  .toc-nav.Top .toc-nav-0 > li:hover h3 {
    display: block;
  }
  .toc-nav.Top .toc-nav-0 > li h3 {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 17px;
    display: none;
  }
  .toc-nav.Top .toc-nav-0 > li h3 .fa-chevron-right {
    font-size: 0.95rem;
    float: right;
    margin-top: 5px;
  }
  .toc-nav.Top .toc-nav-0 a {
    font-weight: 400 !important;
  }
  .toc-nav.Top .toc-nav-0 a:hover {
    font-weight: 600 !important;
  }
  .toc-nav.Top .toc-nav-1 {
    position: relative;
    top: 0;
    padding: 0 17px 17px 34px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.23);
  }
  .toc-nav.Top .toc-nav-1 .fa-chevron-right {
    display: none;
  }
  .toc-nav.Top .toc-nav-1::before {
    display: none;
  }
  .toc-nav.Top .toc-nav-1 > li {
    line-height: 1.3;
  }
  .toc-nav.Top .toc-nav-1 > li > a {
    padding: 9px 17px;
  }
  .toc-nav.Top .toc-nav-1 > li > a:hover {
    font-size: 16px;
  }
  .toc-nav.Top .toc-nav-2 {
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    padding: 0 0 0 34px;
  }
  .toc-nav.Top .toc-nav-2 li {
    list-style-type: disc;
    font-size: 20px;
  }
  .toc-nav.Top .toc-nav-2 li a {
    padding: 9px 13px 9px 3px;
    font-size: 16px;
  }
  .toc-nav.Top a {
    font-weight: 400;
  }
  .toc-nav.red.Top .toc-nav-0 > li:hover > a {
    background-color: #a20520;
  }
  .toc-nav.green.Top .toc-nav-0 > li:hover > a {
    background-color: #438d14;
  }
  .toc-nav.blue.Top .toc-img, .toc-nav.red.Top .toc-img, .toc-nav.green.Top .toc-img {
    background-color: #ffffff;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
  }
  .toc-nav.blue.Top .toc-nav-0 h3, .toc-nav.red.Top .toc-nav-0 h3, .toc-nav.green.Top .toc-nav-0 h3 {
    color: #ffffff;
  }
  .toc-nav.blue.Top .toc-nav-1, .toc-nav.red.Top .toc-nav-1, .toc-nav.green.Top .toc-nav-1 {
    background-color: inherit;
  }
  .toc-nav.blue.Top .toc-nav-1 > li a,
  .toc-nav.blue.Top .toc-nav-1 > li h3, .toc-nav.red.Top .toc-nav-1 > li a,
  .toc-nav.red.Top .toc-nav-1 > li h3, .toc-nav.green.Top .toc-nav-1 > li a,
  .toc-nav.green.Top .toc-nav-1 > li h3 {
    color: #ffffff;
  }
  .toc-nav.blue.Top .toc-nav-2, .toc-nav.red.Top .toc-nav-2, .toc-nav.green.Top .toc-nav-2 {
    background-color: inherit;
  }
  .toc-nav.blue.Top .toc-nav-2 li, .toc-nav.red.Top .toc-nav-2 li, .toc-nav.green.Top .toc-nav-2 li {
    color: #ffffff;
  }
  .toc-nav.white.Top .toc-nav-wrapper, .toc-nav.gray.Top .toc-nav-wrapper {
    box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.2);
  }
  .toc-nav.white.Top .toc-img, .toc-nav.gray.Top .toc-img {
    background-color: #ffffff;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
  }
  .toc-nav.white.Top .toc-nav-0 h3, .toc-nav.gray.Top .toc-nav-0 h3 {
    color: #212934;
  }
  .toc-nav.white.Top .toc-nav-1, .toc-nav.gray.Top .toc-nav-1 {
    box-shadow: none;
  }
  .toc-nav.white.Top .toc-nav-1 > li a,
  .toc-nav.white.Top .toc-nav-1 > li h3, .toc-nav.gray.Top .toc-nav-1 > li a,
  .toc-nav.gray.Top .toc-nav-1 > li h3 {
    color: #212934;
  }
  .toc-nav.white.Top .toc-nav-2, .toc-nav.gray.Top .toc-nav-2 {
    box-shadow: none;
  }
  .toc-nav.white.Top .toc-nav-2 li, .toc-nav.gray.Top .toc-nav-2 li {
    color: #212934;
  }
  .toc-nav.white.Top .toc-nav-0 {
    background-color: #fefefe;
  }
  .toc-nav.white.Top .toc-nav-0 > li:hover > a {
    background-color: #f4f4f4;
  }
  .toc-nav.white.Top .toc-nav-1, .toc-nav.white.Top .toc-nav-2 {
    background-color: inherit;
  }
  .toc-nav.gray.Top .toc-nav-0 {
    background-color: #f4f4f4;
  }
  .toc-nav.gray.Top .toc-nav-0 > li:hover > a {
    background-color: #ededed;
  }
  .toc-nav.gray.Top .toc-nav-1, .toc-nav.gray.Top .toc-nav-2 {
    background-color: tocGrayBg;
  }
  .toc-nav.Left.toc-nav, .toc-nav.Right.toc-nav {
    max-width: 100%;
    margin: 10px 0 0;
  }
  .toc-nav.Left .toc-img, .toc-nav.Right .toc-img {
    background: #ffffff;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.2);
  }
  .toc-nav.Left h3, .toc-nav.Right h3 {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    padding: 17px;
    display: none;
  }
  .toc-nav.blue.Left h3, .toc-nav.blue.Right h3 {
    color: #ffffff;
  }
  .toc-nav .hamburger-menu {
    position: relative;
    align-self: center;
    width: 32px;
    height: 32px;
    margin-left: 11px;
  }
  .toc-nav .hamburger-menu .hamburger-lines {
    display: block;
    height: 20px;
    width: 25px;
    position: absolute;
    top: 6px;
    left: 7px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .toc-nav .hamburger-menu .hamburger-lines .line {
    display: block;
    height: 3px;
    width: 100%;
    border-radius: 10px;
    background: #979797;
  }
  .toc-nav .hamburger-menu .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
  }
  .toc-nav .hamburger-menu .hamburger-lines .line2 {
    transition: transform 0.2s ease-in-out;
  }
  .toc-nav .hamburger-menu .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
  }
  .toc-nav .hamburger-menu input {
    position: absolute;
    display: block;
    height: 32px;
    width: 32px;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
  }
  .toc-nav .hamburger-menu input[type=checkbox]:checked ~ .hamburger-lines .line1 {
    transform: rotate(45deg);
  }
  .toc-nav .hamburger-menu input[type=checkbox]:checked ~ .hamburger-lines .line2 {
    transform: scaleY(0);
  }
  .toc-nav .hamburger-menu input[type=checkbox]:checked ~ .hamburger-lines .line3 {
    transform: rotate(-45deg);
  }
  @-webkit-keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .toc-nav .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    height: 0;
    display: none;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .toc-nav .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    height: auto;
  }
  @-webkit-keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  @keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  .toc-nav .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }
  @-webkit-keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  @keyframes slideInUp {
    0% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
    to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  .toc-nav .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
  @-webkit-keyframes slideOutUp {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    to {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: hidden;
    }
  }
  @keyframes slideOutUp {
    0% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
    to {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: hidden;
    }
  }
  .toc-nav .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }
  .toc-nav .animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
  }
}
@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .toc-nav.Top a,
  .toc-nav.Top h3,
  .toc-nav.Top a:hover {
    font-size: 12px !important;
  }
}
@media (min-width: 1400px) {
  .toc-nav.Top a,
  .toc-nav.Top h3,
  .toc-nav.Top a:hover {
    font-size: 16px !important;
    font-weight: 400;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .toc-nav.Top .toc-nav-0 > li > a {
    padding: 17px 10px;
  }
  .toc-nav.Top .toc-nav-1 {
    padding: 12px;
    min-width: 224px;
  }
  .toc-nav.Top .toc-nav-1::before {
    left: 158px;
  }
  .toc-nav.Top .toc-nav-1 > li > a {
    padding: 12px;
  }
  .toc-nav.Top .toc-nav-1 h3 {
    left: 290px;
    min-width: 224px;
    padding: 22px 24px 9px;
  }
  .toc-nav.Top .toc-nav-2 {
    padding: 0 12px 12px;
    min-width: 296px;
    left: 290px;
  }
  .toc-nav.Top a,
  .toc-nav.Top h3,
  .toc-nav.Top a:hover {
    font-size: 14px !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .toc-nav.Top a,
  .toc-nav.Top h3,
  .toc-nav.Top a:hover {
    font-size: 13px !important;
  }
}

.exclusive-offer-wrapper {
  display: block;
  position: relative !important;
}
.exclusive-offer-wrapper:empty {
  display: unset;
}

.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;
  }
}

.filterWrapper .MuiAccordionSummary-expandIcon {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.filterWrapper .applyFilter {
  background: #f9f9f9;
  padding: 24px 2%;
}
@media (max-width: 767.98px) {
  .filterWrapper .applyFilter {
    padding: 2%;
  }
}
.filterWrapper .MuiAccordion-root {
  background: #f9f9f9;
  box-shadow: none;
  border-top: 1px solid #bcbec0;
}
.filterWrapper .MuiAccordion-root:first-child {
  border-top: none;
}
.filterWrapper .MuiAccordion-root::before {
  display: none;
}
@media (max-width: 767.98px) {
  .filterWrapper .MuiAccordion-root {
    background: #ffffff;
  }
}
.filterWrapper .accordionTitle {
  color: #212934;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  word-break: break-word;
}
.filterWrapper .MuiSvgIcon-root {
  fill: #004e7d;
}
.filterWrapper .MuiAccordionSummary-content.Mui-expanded,
.filterWrapper .MuiAccordion-root.Mui-expanded {
  margin: 0;
}
.filterWrapper .MuiAccordionSummary-root {
  padding: 12px 16px;
  min-height: unset;
}
.filterWrapper .MuiAccordionSummary-root .MuiAccordionSummary-content {
  margin: 0;
}
.filterWrapper .MuiAccordionDetails-root {
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 20px;
}
.filterWrapper .MuiOutlinedInput-input {
  padding: 9px 14px;
}
.filterWrapper .hyperlinks:first-child {
  padding-top: 0;
}
.filterWrapper .hyperlinks {
  color: #212934;
  font-size: 16px;
  padding: 0 0 10px 0;
}
.filterWrapper .hyperlinks a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.filterWrapper .hyperlinkWrap {
  padding-top: 0;
}
.filterWrapper .countList {
  padding-left: 6px;
}
.filterWrapper .MuiFormControl-marginNormal {
  margin: 0 !important;
  margin-bottom: 16px !important;
}
.filterWrapper .toggleValues {
  cursor: pointer;
  color: #004e7d;
  padding: 10px 0;
  font-weight: 400 !important;
  font-size: 15px !important;
  width: max-content;
  text-decoration: underline;
}
.filterWrapper .MuiInputBase-root {
  font-family: "Kanit", sans-serif !important;
  color: #9b9b9b;
  background-color: #ffffff;
  font-size: 14px;
}
.filterWrapper .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.filterWrapper .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid #424c5b !important;
}
.filterWrapper .appliedFilterWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 8px;
}
.filterWrapper .filterLabel {
  color: #424c5b;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}
.filterWrapper .clearAllLabel {
  color: #004e7d;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
.filterWrapper .clearAllLabel.desktop {
  display: flex;
  width: 70px;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .filterWrapper .clearAllLabel.desktop {
    display: none;
  }
}
.filterWrapper .clearAllLabel.mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .filterWrapper .clearAllLabel.mobile {
    display: block;
    padding-left: 8px;
  }
}
.filterWrapper .tagsWrapper {
  margin: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .filterWrapper .tagsWrapper::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .filterWrapper .tagsWrapper {
    align-items: center;
    margin: 2% 0;
    width: auto;
    white-space: nowrap;
    overflow: auto;
    flex-wrap: nowrap;
  }
}
.filterWrapper .tagsWrapper .MuiChip-outlined {
  border: none;
  background-color: transparent;
  border-radius: 15.5px;
  background-color: #e1eef7;
}
.filterWrapper .tagsWrapper .MuiChip-label {
  color: #424c5b;
  font-size: 14px;
  line-height: 20px;
  padding: 0 8px 0 12px;
}
.filterWrapper .tagsWrapper .MuiChip-deleteIcon {
  color: #6a7681;
  margin-right: 6px;
}
.filterWrapper .tagsWrapper .tag {
  margin: 8px;
  margin-bottom: 0;
  width: auto;
  overflow: auto;
  cursor: default;
  height: 32px;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
}
@media (max-width: 767.98px) {
  .filterWrapper .tagsWrapper .tag {
    overflow: visible;
  }
}
.filterWrapper .rangeFilterForm {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .filterWrapper .rangeFilterForm {
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  .filterWrapper .rangeFilterForm .textField {
    width: calc((100% - 127px) / 2);
  }
}
.filterWrapper .rangeFilterForm button {
  width: 107px;
  height: 42px;
  text-transform: none;
  box-sizing: border-box;
  border: 2px solid #004e7d;
  color: #004e7d;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 500;
  font-family: Kanit;
}
.filterWrapper .rangeFilterForm .MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
  background-color: #bcbec0;
  border: 2px solid #bcbec0;
}
.filterWrapper.plpMobile {
  text-align: center;
  line-height: 1.2;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: white;
}
.filterWrapper.plpMobile .applyFilter {
  padding: 0;
}
.filterWrapper.plpMobile .appliedFilterWrapper {
  display: none;
}

@media (max-width: 767.98px) {
  .modalContainerFilterWraperPLP .tagsWrapper .clearAllLabel.mobile {
    display: none !important;
  }
}

.noResultWrapper {
  text-align: center;
}
.noResultWrapper .customBtn {
  margin-top: 16px;
  margin-bottom: 16px;
  width: auto;
}

.noResultText {
  color: #424c5b;
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .noResultText {
    font-size: 18px;
    font-weight: 300;
  }
}

.noResultsIcon {
  height: 70px !important;
  width: 70px !important;
  color: rgba(0, 78, 125, 0.5);
}

.noResultsTitle {
  color: #424c5b;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
@media (min-width: 768px) {
  .noResultsTitle {
    color: #212934;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
  }
}

.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;
  text-transform: capitalize;
}
.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;
  word-break: break-word;
}
.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, .productCarousel.productCarouselEnhance .price {
    /* .discountedPrice {
        order: 3;
    } */
  }
  .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 .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;
}
.category-recommendation-carousel {
  width: 100%;
  margin: 10px 0 40px;
}
.category-recommendation-carousel .category-recommendation-wrapper {
  position: relative;
}
.category-recommendation-carousel .category-recommendation-wrapper .rec-carousel {
  min-height: auto !important;
}
.category-recommendation-carousel .category-recommendation-wrapper .rec-item-wrapper {
  max-width: 154px;
  margin-right: 20px;
}
@media (max-width: 767.98px) {
  .category-recommendation-carousel .category-recommendation-wrapper .rec-item-wrapper {
    max-width: 130px;
  }
}
.category-recommendation-carousel .category-recommendation-wrapper .category-recommendation-item {
  text-align: center;
  cursor: pointer;
}
.category-recommendation-carousel .category-recommendation-wrapper .category-recommendation-item .image-section {
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 16px;
  margin-bottom: 10px;
}
.category-recommendation-carousel .category-recommendation-wrapper .category-recommendation-item .image-section img {
  max-width: 100%;
  height: auto;
}
.category-recommendation-carousel .category-recommendation-wrapper .category-recommendation-item span {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.category-recommendation-carousel .rec-slider-container {
  margin: 0;
}

.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;
  }
}
.ph-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  overflow: hidden !important;
  direction: ltr;
  background-color: #fff;
  border-radius: 2px;
  flex-direction: column;
}
.ph-item .ph-col-12 {
  display: grid;
  grid-gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)) !important;
  position: relative;
}
.ph-item .ph-col-12::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  pointer-events: none;
  content: " ";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  -webkit-animation: ph-animation 0.8s linear infinite;
  animation: ph-animation 0.8s linear infinite;
}
.ph-item .ph-col-12 .ph-picture {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.ph-item .ph-col-12 .ph-picture > div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ph-item .ph-col-12 .ph-picture .sameDayShipping {
  background-color: #ced4da;
  height: 20px;
}
.ph-item .ph-col-12 .ph-picture .tags, .ph-item .ph-col-12 .ph-picture .mediumGreyTag, .ph-item .ph-col-12 .ph-picture .greenTag, .ph-item .ph-col-12 .ph-picture .orangeTag, .ph-item .ph-col-12 .ph-picture .blueTag, .ph-item .ph-col-12 .ph-picture .exclusive, .ph-item .ph-col-12 .ph-picture .discounted, .ph-item .ph-col-12 .ph-picture .featured, .ph-item .ph-col-12 .ph-picture .best-seller, .ph-item .ph-col-12 .ph-picture .new-arrival, .ph-item .ph-col-12 .ph-picture .clearance, .ph-item .ph-col-12 .ph-picture .imageSection, .ph-item .ph-col-12 .ph-picture .tileDescContainer, .ph-item .ph-col-12 .ph-picture .itemkeyDetails, .ph-item .ph-col-12 .ph-picture .ratings, .ph-item .ph-col-12 .ph-picture .wishListWrapper, .ph-item .ph-col-12 .ph-picture .PriceSavingSection, .ph-item .ph-col-12 .ph-picture .tileCTAContainer {
  background-color: #ced4da;
}
.ph-item .ph-col-12 .ph-picture .imageSection {
  height: 177px;
}
.ph-item .ph-col-12 .ph-picture .tags, .ph-item .ph-col-12 .ph-picture .mediumGreyTag, .ph-item .ph-col-12 .ph-picture .greenTag, .ph-item .ph-col-12 .ph-picture .orangeTag, .ph-item .ph-col-12 .ph-picture .blueTag, .ph-item .ph-col-12 .ph-picture .exclusive, .ph-item .ph-col-12 .ph-picture .discounted, .ph-item .ph-col-12 .ph-picture .featured, .ph-item .ph-col-12 .ph-picture .best-seller, .ph-item .ph-col-12 .ph-picture .new-arrival, .ph-item .ph-col-12 .ph-picture .clearance, .ph-item .ph-col-12 .ph-picture .itemkeyDetails, .ph-item .ph-col-12 .ph-picture .review, .ph-item .ph-col-12 .ph-picture .ratings, .ph-item .ph-col-12 .ph-picture .wishListWrapper, .ph-item .ph-col-12 .ph-picture .tileDescContainer, .ph-item .ph-col-12 .ph-picture .PriceSavingSection, .ph-item .ph-col-12 .ph-picture .sameDayShipping {
  height: 20px;
}
.ph-item .ph-col-12 .ph-picture .tileCTAContainer {
  height: 50px;
}
.ph-item .ph-col-12 .ph-picture .ratings {
  width: 50%;
}
.ph-item .ph-col-12 .ph-picture .review {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .ph-item .ph-col-12 .ph-picture .tileCTAContainer {
    display: none;
  }
}

@-webkit-keyframes ph-animation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
@keyframes ph-animation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
.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 rgb(151, 151, 151);
  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;
  min-width: auto !important;
}
.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;
  text-transform: capitalize;
}
.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;
  text-transform: capitalize;
}
@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;
  word-break: break-word;
}
.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;
  text-transform: capitalize;
}
.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;
  /* &::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;
  /* &::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;
  }
}

.productDetailWrapper .productAddonsSection header.MuiPaper-root {
  overflow: auto;
}
.productDetailWrapper .productAddonsSection .rec-item-wrapper {
  position: relative;
}

.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;
  /* span:first-child {
    order: 2;
  } */
  /* .oldprice {
    order: 3;
  } */
}
div#productContainer .price span:first-child:not(.bold),
div#productContainer .price .oldprice {
  margin-top: 16px;
}
div#productContainer .price .soldpkg {
  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 {
    max-width: 100%;
    height: auto;
  }
}
.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, .Items-Recommended .soldpkg {
  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;
  }
}

.productListWrapper {
  width: 100%;
}
@media (max-width: 767.98px) {
  .productListWrapper .rec-pagination {
    display: none !important;
  }
}
.productListWrapper .content .OneOverTwo {
  background-color: #fff;
}
.productListWrapper .content h4.title {
  padding: 0 0 16px;
  margin: 0 auto;
  max-width: 1368px;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  text-transform: capitalize;
  word-break: break-word;
}
.productListWrapper .content h2.title {
  padding: 0 0 16px;
  margin: 0 auto;
  max-width: 1368px;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .productListWrapper .content h2.title {
    padding: 0;
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
    line-height: 28px;
  }
}
.productListWrapper .content .categoryDesc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #212934;
  max-width: 1368px;
  margin: 0 auto 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  padding: 0;
  margin-right: 10px;
}
.productListWrapper .content .categoryDesc.showFullText {
  -webkit-line-clamp: unset;
}
.productListWrapper .content .catDescBlock {
  margin-bottom: 16px;
}
.productListWrapper .content .catDescBlock .categoryDesc {
  overflow: hidden;
  display: block;
  -webkit-line-clamp: 3;
  margin-bottom: 4px;
}
.productListWrapper .content .catDescBlock .categoryDesc.showLessText {
  height: 67px;
  display: -webkit-box;
}
.productListWrapper .content .catDescBlock .categoryDesc.showFullText {
  height: 100%;
  -webkit-line-clamp: unset;
}
.productListWrapper .content .see-more-less-btn {
  text-decoration-line: underline;
  color: #004E7D;
}
.productListWrapper .content h3.autoCorrect {
  padding: 0px 36px;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}
.productListWrapper .content .didyoumean a {
  color: blue;
  text-transform: capitalize;
}
.productListWrapper .content .breadCrumbText ol.MuiBreadcrumbs-ol {
  padding-left: 0px !important;
}
.productListWrapper .OneOverTwo-no-search-results .no-search-results {
  max-width: 1368px;
  list-style-position: inside;
  margin: 0 auto;
}
.productListWrapper .productListsection {
  display: flex;
  justify-content: space-between;
}
.productListWrapper .productListsection .filterWrapper {
  width: 24%;
}
.productListWrapper .productListsection .productListfeatures {
  width: 73%;
}
.productListWrapper .contentMargin .toolTipWishList.accountPopup {
  margin-left: -135px;
  right: 0;
}
.productListWrapper .contentMargin .inlineFlexWrapper.accountWishList > div {
  display: inline-flex;
  vertical-align: top;
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup {
    display: block;
    box-sizing: border-box;
    margin-left: -185px;
    padding: 16px;
    font-size: 14px;
    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: 0px;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 767.98px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .contentMargin .accountWishList .accountPopup::before, .productListWrapper .contentMargin .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;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup::before {
    top: -8px;
    border-bottom: solid 6px #DADADA;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup::after {
    top: -7px;
    border-bottom: solid 8px #fff;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .showCreateList {
    color: #212934;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .showCreateList .groupList li {
    margin: 0 0 16px;
    text-transform: capitalize;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .flexDisplay {
    display: flex !important;
    align-items: center;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .flexDisplay .fal {
    font-size: 24px;
    font-weight: 300;
    color: #004e7d;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .flexDisplay span.desc {
    padding-left: 12px;
    color: #004e7d;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList {
    margin-top: 16px;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
    width: 100%;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList .MuiOutlinedInput-input {
    padding: 7px 10px;
    text-align: center;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .addList .customBtn {
    height: 40px;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .displayList .icon {
    color: #71B946;
    display: contents;
    margin-right: 8px;
  }
  .productListWrapper .contentMargin .accountWishList .accountPopup .displayList span.descSave {
    padding-left: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #004e7d;
    word-break: break-word;
  }
  .productListWrapper .contentMargin .addList .MuiFormControl-marginNormal {
    width: 100%;
  }
  .productListWrapper .contentMargin .fa-duotone::before, .productListWrapper .contentMargin .fa-duotone::after {
    content: "" !important;
  }
}
.productListWrapper .title {
  color: #212934;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .productListWrapper .title {
    font-size: 36px;
    margin-top: 24px;
  }
}
.productListWrapper .productDescription {
  color: #212934;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .productListWrapper .productDescription {
    color: #212934;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
}
.productListWrapper .type {
  display: none;
}
@media (min-width: 768px) {
  .productListWrapper .type {
    display: flex;
    height: 190px;
    background-color: #fafafa;
    justify-content: space-between;
  }
  .productListWrapper .type div {
    width: 211px;
    height: 110px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 18px 0 rgba(211, 211, 211, 0.5);
    margin: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    cursor: pointer;
  }
  .productListWrapper .type div span {
    margin-left: 8px;
  }
}
.productListWrapper .recomendedTitle {
  color: #212934;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}
@media (min-width: 768px) {
  .productListWrapper .recomendedTitle {
    font-size: 26px;
    font-weight: 600;
  }
}
.productListWrapper .lineDivider {
  box-sizing: border-box;
  border-bottom: 1px solid #bcbec0;
}
@media (min-width: 768px) {
  .productListWrapper .noResultSection {
    padding-left: 350px;
    justify-content: center;
    align-items: center;
    height: 400px;
    flex-direction: column;
    text-align: center;
    vertical-align: middle;
    display: flex;
  }
}
.productListWrapper .shopNowBtn {
  color: #004e7d;
  height: 48px;
  width: 80%;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: center;
  margin-left: 48px;
  padding-bottom: 16px;
  padding-top: 16px;
  margin-bottom: 23px;
  text-transform: initial;
}
@media (min-width: 768px) {
  .productListWrapper .shopNowBtn {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    height: 48px;
    width: 144px;
    border-radius: 8px;
    background-color: #ffffff;
    margin: 24px;
    padding: 0;
  }
  .productListWrapper .shopNowBtn:hover {
    background-color: #ffffff;
  }
}
@media (min-width: 768px) {
  .productListWrapper .imageAddWrapper {
    width: 100%;
    display: flex;
  }
}
.productListWrapper .adImageSection {
  width: 50%;
}
@media (min-width: 768px) {
  .productListWrapper .productAd {
    height: 300px;
    background-color: #004e7d;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .productListWrapper .productAdTitle {
    height: 120px;
    width: 496px;
    color: #ffffff;
    font-family: Kanit;
    font-size: 50px;
    font-weight: 800;
    letter-spacing: -0.63px;
    line-height: 40px;
    margin-left: 32px;
  }
}
.productListWrapper .loadMoreSection {
  margin-bottom: 32px;
  padding-top: 32px;
}
.productListWrapper .loadMoreSection button {
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border: 2px solid #004e7d;
  border-radius: 8px;
  background-color: #ffffff;
  color: #004e7d;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .productListWrapper .loadMoreSection button {
    width: 277px;
  }
}
@media (min-width: 768px) {
  .productListWrapper .loadMoreSection {
    width: 100%;
    text-align: center;
    height: 150px;
    margin-bottom: 0;
  }
}
.productListWrapper .totalCount {
  font-size: 14px;
  line-height: 16px;
  margin-top: 8px;
  color: #424c5b;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .productListWrapper .totalCount {
    margin-top: 8px;
  }
}
.productListWrapper .bannerDivider {
  margin: 40px 0;
}
@media (min-width: 768px) {
  .productListWrapper .bannerDivider {
    margin: 70px 0 0 0;
  }
}
.productListWrapper .breadCrumbText .MuiBreadcrumbs-separator {
  color: #68707c;
  font-size: 25px;
  height: 40px;
  width: 18px;
  margin: 0 8px;
}
.productListWrapper .swipeWrapper {
  margin: 16px 0;
  padding: 40px 0;
  background-color: #fafafa;
}
.productListWrapper .swipeWrapper .rec-carousel-wrapper .rec-arrow {
  display: none;
}
.productListWrapper .swipeWrapper .categoryWrapper {
  height: 80px;
  width: 90%;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 2px 18px rgba(211, 211, 211, 0.2);
  display: flex;
  flex-direction: row;
  padding: 0 8px;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  margin: 8px;
}
.productListWrapper .swipeWrapper .rec-pagination {
  display: none;
}
.productListWrapper .swipeWrapper .swipeableItem {
  height: 100px;
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.productListWrapper .swipeWrapper .swipeableItem span {
  color: #212934;
  font-size: 14px;
  margin-left: 8px;
  line-height: 1.2;
}
.productListWrapper .swipeWrapper .swipeableItem img {
  height: 46.84px;
  width: 51px;
}
.productListWrapper .swipeWrapper .contentWrapper {
  padding: 0;
}
.productListWrapper .swipeWrapper .rec-slider-container {
  margin: 0;
}
@media (max-width: 767.98px) {
  .productListWrapper .brx-html-banner:empty {
    margin-bottom: 10px;
  }
  .productListWrapper .col_container .right_col .sortBlock:empty, .productListWrapper .fullListViewLayout .sortBlock:empty {
    margin: 0 0 12px;
  }
}

.productAdWrapper {
  height: 476px;
  width: 100%;
  background: lightblue;
  background-color: #004e7d;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .productAdWrapper {
    height: 695px;
    width: 327px;
    margin-top: 24px;
  }
}

.adFlex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #004e7d;
}
.adFlex section {
  margin: 0px 48px;
}
@media (min-width: 768px) {
  .adFlex section {
    margin: 24px;
  }
}
.adFlex section img {
  height: 210px;
  width: 193px;
}
@media (min-width: 768px) {
  .adFlex {
    border-radius: 4px;
    margin: 2px;
    margin-left: 16px;
  }
}

.adTitle {
  color: #ffffff;
  padding-left: 48px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: -0.33px;
  line-height: 30px;
  padding: 0 32px;
}
@media (min-width: 768px) {
  .adTitle {
    font-size: 40px;
    line-height: 40px;
    padding-left: 16px;
  }
}

@media (max-width: 767.98px) {
  .modal-open .totalResults {
    font-size: 14px !important;
    margin: 15px 0 0 0 !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    display: inline-block;
  }
}
@media (max-width: 767.98px) {
  .modal-open .sortSection {
    position: absolute;
    top: 0;
    z-index: 3;
    left: 15px;
  }
}
@media (max-width: 767.98px) {
  .modal-open .right_col .sortSection {
    display: none;
  }
}

.OneOverTwo .categoryWrapper {
  display: flex;
  background-color: #FFFFFF;
  width: 210px;
  height: 112px;
  padding: 25px 15px;
  border-radius: 8px;
  border: 1px solid #FAFAFA;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .OneOverTwo .categoryWrapper {
    height: 80px;
    padding: 10px;
    align-items: center;
  }
}
.OneOverTwo .categoryWrapper:hover, .OneOverTwo .categoryWrapper.active {
  border-color: #004E7D;
  font-weight: 600;
  color: #212934;
}
.OneOverTwo .categoryWrapper.active {
  cursor: inherit;
}
.OneOverTwo .categoryWrapper > a, .OneOverTwo .categoryWrapper > b {
  width: 60px;
  height: 60px;
}
.OneOverTwo .categoryWrapper > b {
  display: block;
}
.OneOverTwo .categoryWrapper img {
  width: 100%;
  min-width: 60px;
}
@media (max-width: 767.98px) {
  .OneOverTwo .categoryWrapper img {
    width: 100%;
    min-width: unset;
  }
}
.OneOverTwo .categoryWrapper > a, .OneOverTwo .categoryWrapper span {
  align-self: center;
}
.OneOverTwo .rec-carousel-wrapper {
  padding: 40px 0;
  background-color: #FAFAFA;
}
@media (max-width: 767.98px) {
  .OneOverTwo .rec-carousel-wrapper {
    font-size: 14px;
    font-weight: 400;
    min-height: unset;
  }
}
.OneOverTwo .rec-item-wrapper {
  padding: 28px 0 !important;
}
.OneOverTwo .sibling_category_desc {
  margin-left: 10px;
  line-height: 21px;
  hyphens: auto;
  word-break: break-word;
}
@media (max-width: 767.98px) {
  .OneOverTwo .sibling_category_desc {
    width: 70%;
  }
}
.OneOverTwo .sibling_category_desc a {
  color: #212934;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}
@media (max-width: 767.98px) {
  .OneOverTwo .sibling_category_desc a {
    font-size: 14px;
    font-weight: 400;
  }
}
.OneOverTwo .rec-slider-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 10px;
}
.OneOverTwo .rec-slider {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 0px;
}
.OneOverTwo .rec-carousel-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  direction: ltr;
  max-width: 1368px;
  padding: 0 36px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767.98px) {
  .OneOverTwo .rec-carousel-wrapper {
    padding: 0 0;
  }
}
.OneOverTwo .rec-item-wrapper {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-pack: CENTER;
  -webkit-justify-content: CENTER;
  -ms-flex-pack: CENTER;
  justify-content: CENTER;
}
.OneOverTwo .rec-carousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.OneOverTwo .rec-arrow {
  box-sizing: border-box;
  transition: all 0.3s ease 0s;
  box-shadow: rgb(51, 51, 51) 0px 0px 2px 0px;
  border: none;
  padding: 0px;
  line-height: 50px;
  align-self: center;
  cursor: pointer;
  outline: none;
  position: absolute;
}
.OneOverTwo .rec-arrow.rec-arrow-left {
  left: 0;
}
.OneOverTwo .rec-arrow.rec-arrow-right {
  right: 0;
}
.OneOverTwo .rec-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
  display: none;
}
.OneOverTwo .rec-dot {
  box-sizing: border-box;
  padding: 0;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  border: none;
  margin: 5px;
  font-size: 1.3em;
  content: "";
  outline: none;
}

.modalContainerFilterWraperPLP {
  height: 100vh;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainerFilterWraperPLP {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100%;
    left: 0 !important;
    transform: translate(0, -50%) !important;
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .modalContainerFilterWraperPLP {
    overflow-y: auto;
    outline: none;
    position: absolute;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
  }
}
.modalContainerFilterWraperPLP .alignVCenter .back {
  padding: 20px 20px 0 20px;
}
.modalContainerFilterWraperPLP .filterModal .sortSection {
  position: unset;
  padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainerFilterWraperPLP .filterModal .sortSection {
    margin: 20px 0;
  }
}
.modalContainerFilterWraperPLP .filterModal .sortSection h1 {
  color: #212934;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: 28px;
  display: none;
}
@media (max-width: 767.98px) {
  .modalContainerFilterWraperPLP .filterModal .sortSection h1 {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .modalContainerFilterWraperPLP .filterModal .sortSection {
    border-bottom: 1px solid #BCBEC0;
    padding-bottom: 20px;
    background: #fff;
    position: sticky;
    padding-top: 20px;
  }
}
.modalContainerFilterWraperPLP .filterModal .filterBtn.close {
  right: 0px;
  font-size: 21px;
  font-weight: 400;
  float: right;
  min-width: unset;
  text-align: right;
}

.left_col .totalResults {
  color: #424c5b;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .left_col .totalResults {
    color: #212934;
    font-size: 26px;
    line-height: 36px;
  }
}
.left_col .sortSection {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.left_col .sortSection h1 {
  display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .left_col .sortSection {
    margin: 0;
    float: left;
    padding: 0;
    justify-content: unset;
    flex-direction: column;
    width: 60%;
  }
}
@media (max-width: 767.98px) {
  .left_col .sortSection {
    margin: 0;
    float: left;
    padding: 0;
    justify-content: unset;
    flex-direction: column;
    width: 60%;
    display: none;
  }
}
.left_col .sortSection div {
  display: none;
}
@media (min-width: 768px) {
  .left_col .sortSection div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.left_col .sortLabel {
  color: #424c5b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-right: 8px;
}
.left_col .sortSelect .MuiInputBase-formControl {
  box-sizing: border-box;
  height: 36px;
  width: 210px;
  border: 1px solid #004e7d;
  border-radius: 4px;
  background-color: #ffffff;
}
.left_col .sortSelect .MuiOutlinedInput-input {
  padding: 10px 14px;
  font-weight: 600;
}
.left_col .sortSelect .MuiSelect-select:focus {
  background-color: none;
}
.left_col .sortSelect option {
  height: 20px;
  width: 83px;
  color: #212934;
  font-family: Kanit;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.left_col .filterBtn {
  box-sizing: border-box;
  border: 1px solid #004e7d;
  text-transform: initial;
  border-radius: 4px;
  margin-top: 16px;
  color: #004e7d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}
@media (max-width: 767.98px) {
  .left_col .filterBtn {
    display: flex;
    float: right;
    flex-direction: column;
    margin: 10px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .left_col .filterBtn {
    display: flex !important;
    float: right;
    width: 210px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .left_col .filterBtn {
    display: flex !important;
    float: right;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .left_col .filterBtn {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .left_col .filterBtn {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .left_col .filterBtn.close {
    position: absolute;
    top: 0;
    z-index: 2;
    border: none;
    right: 0;
    right: 0;
    width: auto;
    text-align: right;
  }
  .left_col .filterBtn.close i.fal {
    font-size: 21px;
    font-weight: 400;
  }
}
.left_col .filterIcon {
  margin-right: 16px;
}
@media (max-width: 767.98px) {
  .left_col {
    position: sticky;
    top: 0;
    padding: 5px 4px 16px !important;
  }
}

@media (max-width: 767.98px) {
  .SearchHeader ~ .col_container .left_col {
    display: block !important;
  }
}

.right_col .productList {
  display: flex;
  flex-wrap: wrap;
}
.right_col .productList #productContainer {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .right_col .contentMargin {
    width: calc(33.33% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 540px) and (max-width: 767.98px) {
  .right_col .contentMargin {
    width: calc(50% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(2n+3) {
    margin-right: 0;
  }
}
@media (max-width: 539.98px) {
  .right_col .contentMargin {
    width: 100%;
    margin: 0;
  }
  .right_col .contentMargin .productList #productContainer {
    margin-right: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1059.98px) {
  .right_col .contentMargin {
    width: calc(50% - 20px);
  }
  .right_col .contentMargin #productContainer:nth-child(2n+3) {
    margin-right: 0;
  }
}
.right_col .sortLabel {
  color: #212934;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: right;
  margin-right: 8px;
}
.right_col .sortSelect .MuiInputBase-formControl {
  box-sizing: border-box;
  width: 210px;
  border: 1px solid #004e7d;
  border-radius: 4px;
  background-color: #ffffff;
}
.right_col .sortSelect .MuiOutlinedInput-input {
  padding: 10px 14px;
  font-weight: 300;
  color: #212934;
}
@media (max-width: 539.98px) {
  .right_col .productGridViews .wrapper:not(.other-menus) .productTileContainer {
    flex-wrap: wrap;
  }
}
@media (min-width: 540px) and (max-width: 767.98px) {
  .right_col .productGridViews .wrapper:not(.other-menus) {
    flex-wrap: wrap;
  }
}

.left_col .jss12 {
  right: unset;
  width: unset;
  height: unset;
}

span.sibling_category_img {
  width: 60px;
  height: 60px;
}

.colorswatch .undefinedColor, .colorswatch.activeColorVariant .undefinedColor {
  border: 1px solid;
}
.colorswatch .undefinedColor::before, .colorswatch.activeColorVariant .undefinedColor::before {
  content: " x ";
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-top: -2px;
  align-self: center;
}

.MuiFormGroup-root.input-element-select-formGroup.sortSelect {
  flex-direction: inherit;
  align-items: center;
}

.MuiFormLabel-root.input-element-select-formLabel.sortLabelClassName {
  margin-right: 8px;
}

.left_col .filterWrapper .MuiAccordionDetails-root .MuiFormGroup-root label {
  width: 100%;
}

@media (min-width: 768px) {
  .PriceSavingSection .soldpkg {
    display: inline-block;
  }
}

.contentWrapper .contentWrapper .categoryDesc {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #212934;
  max-width: 1368px;
  margin: 0 auto 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  padding: 0;
}

.brx-nonterminal .catDescBlock {
  margin-bottom: 16px;
}
.brx-nonterminal .catDescBlock .categoryDesc {
  overflow: hidden;
  display: block;
  -webkit-line-clamp: 3;
  margin-bottom: 4px;
}
.brx-nonterminal .catDescBlock .categoryDesc.showLessText {
  height: 67px;
  display: -webkit-box;
}
.brx-nonterminal .catDescBlock .categoryDesc.showFullText {
  height: 100%;
  -webkit-line-clamp: unset;
}
.brx-nonterminal .catDescBlock .see-more-less-btn {
  text-decoration-line: underline;
  color: #004E7D;
}

.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%;
  }
}

.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;
}
.passwordFreesection .inputWithButton .loginFields .MuiOutlinedInput-adornedEnd input.MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputAdornedEnd.MuiOutlinedInput-inputAdornedEnd {
  line-height: normal;
  padding: 14.5px 14px;
}

.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;
}

.signUpContainer .AddressLine1 {
  width: 100%;
}

/******* New Login Page *******/
.newLoginFow .fullStretch.emailField {
  margin-bottom: 40px;
}
.newLoginFow .signingintoSection {
  background-color: #D5E0E6;
  padding: 16px;
  margin-top: 16px;
}
.newLoginFow .loginForm .loginformContainer form {
  max-width: 400px;
}
.newLoginFow .changeTo {
  cursor: pointer;
}

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;
}

.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 rgb(224, 224, 224);
  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;
}

.productCatgories .Icon i {
  height: 40px;
  display: block;
  background-repeat: no-repeat;
}
@media (max-width: 767.98px) {
  .productCatgories .Icon i {
    height: 29px;
  }
}

.productCatgories .Icon .fa-box,
.nav-modal-wrapper .fa-box,
.new-mobile-menu .primaries-nav .fa-box {
  width: 35px;
  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="M342.4 32C367.7 32 390.6 46.9 400.9 70.01L442.5 163.6C446.1 171.8 448 180.6 448 189.6V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V189.6C0 180.6 1.879 171.8 5.516 163.6L47.11 70.01C57.38 46.89 80.3 32 105.6 32H342.4zM342.4 64H240V160H405.9L371.7 83C366.5 71.45 355.1 64 342.4 64V64zM416 192H32V416C32 433.7 46.33 448 64 448H384C401.7 448 416 433.7 416 416V192zM42.13 160H208V64H105.6C92.95 64 81.49 71.45 76.35 83L42.13 160z"/></svg>');
}
.productCatgories .Icon .fa-building,
.nav-modal-wrapper .fa-building,
.new-mobile-menu .primaries-nav .fa-building {
  width: 30px;
  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="M64 120C64 106.7 74.75 96 88 96H136C149.3 96 160 106.7 160 120V168C160 181.3 149.3 192 136 192H88C74.75 192 64 181.3 64 168V120zM96 128V160H128V128H96zM296 96C309.3 96 320 106.7 320 120V168C320 181.3 309.3 192 296 192H248C234.7 192 224 181.3 224 168V120C224 106.7 234.7 96 248 96H296zM288 160V128H256V160H288zM64 248C64 234.7 74.75 224 88 224H136C149.3 224 160 234.7 160 248V296C160 309.3 149.3 320 136 320H88C74.75 320 64 309.3 64 296V248zM96 256V288H128V256H96zM296 224C309.3 224 320 234.7 320 248V296C320 309.3 309.3 320 296 320H248C234.7 320 224 309.3 224 296V248C224 234.7 234.7 224 248 224H296zM288 288V256H256V288H288zM64 512C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H320C355.3 0 384 28.65 384 64V448C384 483.3 355.3 512 320 512H64zM32 64V448C32 465.7 46.33 480 64 480H128V416C128 380.7 156.7 352 192 352C227.3 352 256 380.7 256 416V480H320C337.7 480 352 465.7 352 448V64C352 46.33 337.7 32 320 32H64C46.33 32 32 46.33 32 64zM224 416C224 398.3 209.7 384 192 384C174.3 384 160 398.3 160 416V480H224V416z"/></svg>');
}
.productCatgories .Icon .fa-forklift,
.nav-modal-wrapper .fa-forklift,
.new-mobile-menu .primaries-nav .fa-forklift {
  width: 50px;
  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(0, 73, 135)" d="M277.8 0C290.2 0 301.6 7.201 306.8 18.47L412.1 246C414.1 250.3 416 254.9 416 259.5V344.4C435.6 362 448 387.6 448 416C448 469 405 512 352 512C298.1 512 256 469 256 416H192C192 469 149 512 96 512C42.98 512 0 469 0 416V240C0 195.8 35.82 160 80 160H128V32C128 14.33 142.3 0 160 0H277.8zM80 192C53.49 192 32 213.5 32 240V344.4C48.98 329.2 71.41 320 96 320C137.8 320 173.4 346.7 186.5 384H261.5C274.6 346.7 310.2 320 352 320C363.2 320 373.1 321.9 384 325.5V288H263.1C255.1 288 248.2 284.1 242.3 279.5L147.5 192H80zM264 256H382.3L277.8 32H160V160L264 256zM296.6 384C291.1 393.4 288 404.3 288 416C288 451.3 316.7 480 352 480C387.3 480 416 451.3 416 416C416 393.9 404.8 374.4 387.8 362.9C386.6 362.1 385.3 361.3 384 360.6C374.6 355.1 363.7 352 352 352C328.3 352 307.6 364.9 296.6 384V384zM40.56 384C35.12 393.4 32 404.3 32 416C32 451.3 60.65 480 96 480C131.3 480 160 451.3 160 416C160 404.1 157.2 394.6 152.3 385.5C152 384.1 151.7 384.5 151.4 384C140.4 364.9 119.7 352 95.1 352C72.31 352 51.63 364.9 40.56 384H40.56zM512 416H624C632.8 416 640 423.2 640 432C640 440.8 632.8 448 624 448H496C487.2 448 480 440.8 480 432V16C480 7.164 487.2 0 496 0C504.8 0 512 7.164 512 16V416z"/></svg>');
}
.productCatgories .Icon .fa-screwdriver,
.nav-modal-wrapper .fa-screwdriver,
.new-mobile-menu .primaries-nav .fa-screwdriver {
  width: 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.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="M415.1 192l95.1-128l-63.1-64l-128 96l-.0208 73.38l-98.5 98.5C209.2 260 195.2 256 181.2 256c-19.12 0-38.25 7.25-52.87 21.88l-117.4 117.7c-14.62 14.5-14.62 38.17 0 52.79l52.75 52.75C71.03 508.5 80.59 512 90.22 512c9.5 0 18.98-3.542 26.23-10.92l117.6-117.5c25.25-25.25 28.63-64.25 10-93.13L342.6 192H415.1zM351.1 112l93-69.75l24.75 24.75L399.1 160h-48V112zM211.3 360.9l-117.4 117.5c-1 1-2.375 1.5-3.75 1.5c-1 0-2.5-.25-3.75-1.5L33.59 425.5c-2-2.125-2-5.375 0-7.5l117.5-117.4c8-8.125 18.75-12.5 30.12-12.5c11.37 0 22.13 4.375 30.13 12.5C227.1 317.2 227.1 344.2 211.3 360.9z"/></svg>');
}
.productCatgories .Icon .fa-plate-utensils,
.nav-modal-wrapper .fa-plate-utensils,
.new-mobile-menu .primaries-nav .fa-plate-utensils {
  width: 50px;
  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(0, 73, 135)" d="M624.3 18.08C627.4 19.41 630.3 21.36 632.6 23.79C635 26.23 636.9 29.11 638.2 32.27C639.4 35.43 640 38.81 640 42.21V480C640 484.2 638.3 488.3 635.3 491.3C632.3 494.3 628.2 496 624 496C619.8 496 615.7 494.3 612.7 491.3C609.7 488.3 608 484.2 608 480V320H562.9C556.1 319.9 549.4 318.5 543.2 315.8C536.9 313.1 531.2 309.1 526.5 304.2C521.8 299.3 518.1 293.6 515.6 287.2C513.1 280.9 511.9 274.1 512 267.3L512.4 158.2C512.2 128.3 520.8 99 537.3 74.03C553.7 49.05 577.2 29.51 604.8 17.89C607.8 16.64 611.1 16 614.4 16C617.8 16.04 621.2 16.74 624.3 18.08V18.08zM608 51.78C588.7 61.98 572.5 77.32 561.4 96.09C550.2 114.9 544.4 136.4 544.6 158.2L544 267.5C543.1 270.3 544.5 273 545.5 275.6C546.6 278.2 548.2 280.5 550.1 282.5C551.8 284.2 553.8 285.6 555.1 286.5C558.2 287.5 560.6 287.1 562.9 288H608V51.78zM145.9 209.9C136.9 218.9 124.7 224 112 224H96V480C96 484.2 94.31 488.3 91.31 491.3C88.31 494.3 84.24 496 80 496C75.76 496 71.69 494.3 68.69 491.3C65.69 488.3 64 484.2 64 480V224H48C35.27 224 23.06 218.9 14.06 209.9C5.057 200.9 0 188.7 0 176V32C0 27.76 1.686 23.69 4.686 20.69C7.687 17.69 11.76 16 16 16C20.24 16 24.31 17.69 27.31 20.69C30.31 23.69 32 27.76 32 32V176C32 180.2 33.69 184.3 36.69 187.3C39.69 190.3 43.76 192 48 192H64V32C64 27.76 65.69 23.69 68.69 20.69C71.69 17.69 75.76 16 80 16C84.24 16 88.31 17.69 91.31 20.69C94.31 23.69 96 27.76 96 32V192H112C116.2 192 120.3 190.3 123.3 187.3C126.3 184.3 128 180.2 128 176V32C128 27.76 129.7 23.69 132.7 20.69C135.7 17.69 139.8 16 144 16C148.2 16 152.3 17.69 155.3 20.69C158.3 23.69 160 27.76 160 32V176C160 188.7 154.9 200.9 145.9 209.9zM437.8 154.2C464.8 181.2 480 217.8 480 256C480 284.5 471.6 312.3 455.7 336C439.9 359.7 417.4 378.1 391.1 389C364.8 399.9 335.8 402.8 307.9 397.2C279.1 391.7 254.3 377.1 234.2 357.8C214 337.7 200.3 312 194.8 284.1C189.2 256.2 192.1 227.2 202.1 200.9C213.9 174.6 232.3 152.1 255.1 136.3C279.7 120.4 307.5 112 336 112C374.2 112 410.8 127.2 437.8 154.2L437.8 154.2zM415.2 335.2C436.2 314.2 448 285.7 448 256C448 233.9 441.4 212.2 429.1 193.8C416.8 175.4 399.3 161 378.9 152.5C358.4 144.1 335.9 141.8 314.1 146.2C292.4 150.5 272.5 161.1 256.8 176.8C241.1 192.5 230.5 212.4 226.2 234.2C221.8 255.9 224 278.4 232.5 298.9C241 319.3 255.4 336.8 273.8 349.1C292.2 361.4 313.8 368 336 368C365.7 368 394.2 356.2 415.2 335.2zM542.7 358.2C544 359.9 544.1 361.8 545.5 363.8C546.1 365.9 546.2 367.1 545.1 370.1C545.7 372.2 545 374.2 544 376C522.1 413.9 490.3 445.1 451.9 466.2C413.6 487.3 370.2 497.5 326.5 495.7C282.8 493.1 240.4 480.3 203.9 456.2C167.4 432.1 138.2 398.4 119.4 358.9C118.3 356.1 117.6 354.9 117.4 352.7C117.2 350.5 117.4 348.3 118 346.2C118.7 344.1 119.8 342.1 121.2 340.5C122.7 338.8 124.4 337.5 126.4 336.5C128.4 335.6 130.5 335.1 132.7 334.1C134.9 334.9 137.1 335.3 139.2 336.1C141.2 336.9 143.1 338.1 144.6 339.7C146.2 341.2 147.4 343.1 148.2 345.1C164.5 379.4 189.8 408.5 221.4 429.5C253 450.4 289.8 462.2 327.7 463.8C365.6 465.3 403.2 456.4 436.4 438.2C469.6 419.9 497.2 392.8 516.2 360C518.3 356.3 521.8 353.7 525.9 352.6C529.1 351.5 534.3 352 538 354.1C539.8 355.2 541.5 356.6 542.7 358.2V358.2zM195.5 95.9C191.3 95.4 187.5 93.24 184.8 89.91C182.2 86.57 181 82.33 181.5 78.11C182 73.9 184.2 70.05 187.5 67.43C229.8 34.1 282.1 15.98 336 15.98C389.9 15.98 442.2 34.1 484.5 67.43C487.8 70.05 489.1 73.9 490.5 78.11C490.1 82.33 489.8 86.57 487.2 89.91C484.5 93.24 480.7 95.4 476.5 95.9C472.2 96.4 468 95.21 464.7 92.58C427.8 64.23 382.5 48.86 336 48.86C289.5 48.86 244.2 64.23 207.3 92.58C203.1 95.21 199.8 96.4 195.5 95.9z"/></svg>');
}
.productCatgories .Icon .fa-chair-office,
.nav-modal-wrapper .fa-chair-office,
.new-mobile-menu .primaries-nav .fa-chair-office {
  width: 35px;
  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="M48.02 240c8.844 0 15.99-7.156 15.99-16l.0091-80c0-8.844-7.154-16-15.1-16s-15.1 7.156-15.1 16V224C32.02 232.8 39.17 240 48.02 240zM396.8 283.9C388.1 266.9 371.9 256 353.2 256h-1.217l-.0091-176c0-44.13-35.89-80-79.99-80H176C131.9 0 96.01 35.88 96.01 80L96.01 256H94.79C76.13 256 59.02 266.9 51.2 283.9L36.44 315.9c-6.883 14.95-5.697 32.13 3.156 45.98C48.45 375.7 63.56 384 80.02 384H208v49.04C162.1 438 128 463.8 128 496c0 8.844 7.156 16 15.1 16c8.844 0 16-7.156 16-16c0-12.78 19.74-26.76 47.99-30.77V496c0 8.844 7.157 16 15.1 16c8.844 0 15.1-7.156 15.1-16v-30.77c28.26 4.012 47.99 17.98 47.99 30.77c0 8.844 7.156 16 16 16c8.842 0 15.1-7.156 15.1-16c0-32.21-34.09-57.99-79.99-62.96V384h127.1c16.46 0 31.58-8.277 40.44-22.14c8.85-13.84 10.03-31.03 3.156-45.96L396.8 283.9zM176 32h95.99c26.47 0 47.1 21.53 47.1 48V256H128L128 80C128 53.53 149.5 32 176 32zM381.4 344.6C378.5 349.2 373.5 352 367.1 352H80.02c-5.484 0-10.52-2.756-13.47-7.369c-2.957-4.625-3.352-10.36-1.062-15.33l14.76-32C82.86 291.6 88.56 288 94.79 288h258.4c6.223 0 11.93 3.648 14.53 9.297l14.76 31.99C384.8 334.3 384.4 340 381.4 344.6zM399.1 128c-8.844 0-15.1 7.156-15.1 16L383.1 224c0 8.844 7.144 16 15.99 16s15.1-7.156 15.1-16V144C415.1 135.2 408.8 128 399.1 128z"/></svg>');
}
.productCatgories .Icon .fa-fan-table,
.nav-modal-wrapper .fa-fan-table,
.new-mobile-menu .primaries-nav .fa-fan-table {
  width: 35px;
  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="M448 224c0-123.8-100.3-224-224-224S0 100.3 0 224c0 118.3 91.75 215 208 223.3V480h-128C71.16 480 64 487.2 64 496C64 504.8 71.33 512 80.17 512h287.7C376.7 512 384 504.8 384 496c0-8.838-7.164-16-16-16h-128v-32.75C356.3 439 448 342.3 448 224zM224 413.5c-104.5 0-189.5-85-189.5-189.5S119.5 34.5 224 34.5S413.5 119.5 413.5 224S328.5 413.5 224 413.5zM224 209.4C216 209.4 209.4 216 209.4 224S216 238.6 224 238.6S238.6 232 238.6 224S232 209.4 224 209.4zM383.3 243.4c0-34-16.88-65.63-45-84.5c-28.25-19-64-22.62-95.38-9.75L221.1 93.25c-8-21.38-34.12-32.75-56-20.12c-48.62 28.12-65.37 90.38-37.25 139c6.625 11.38 15.38 21.5 26 29.5L116.6 287.9c-7.375 8.875-10.38 20.5-8.25 31.75c2 11.25 9 21.12 18.88 26.88C142.6 355.4 160.1 360 177.9 360c28.88 0 66.63-13.38 88.38-50.88c6.5-11.38 10.75-24 12.38-37.13c12.38 2 31.62 5.25 59.13 9.875C358.9 285.4 383.3 270 383.3 243.4zM343.5 250.3c-1.5 0-76.88-12.88-79-12.88c-.125 0 .125 0 0 0c-10 0-17.5 8.625-17.12 18.5c.625 13-2.5 26-9 37.25C218.9 326.9 184.4 328 178.6 328c-12.5 .125-24.75-3.125-35.5-9.375c-3.352-1.916-4.938-6.881-1.875-10.5l49-59.5c7.75-9.5 2.75-21.62-5.875-26c-11.62-6-21.38-15.25-28-26.5c-19.25-33.38-7.75-76 25.5-95.38C184.4 99.38 189.1 99.1 192 104.5l27 72c1.875 4.75 5.75 8.5 10.62 10c5 1.5 10.25 .75 14.62-2c21.38-13.62 48.63-14.5 70.88-2.25s36.13 35.63 36.13 61.13C351.3 247 348.6 250.3 343.5 250.3z"/></svg>');
}
.productCatgories .Icon .fa-trash,
.nav-modal-wrapper .fa-trash,
.new-mobile-menu .primaries-nav .fa-trash {
  width: 35px;
  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 64C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H413.7L388.2 452.6C385.9 486.1 357.1 512 324.4 512H123.6C90.01 512 62.15 486.1 59.75 452.6L34.29 96H16C7.164 96 0 88.84 0 80C0 71.16 7.164 64 16 64H111.1L137 22.56C145.8 8.526 161.2 0 177.7 0H270.3C286.8 0 302.2 8.526 310.1 22.56L336.9 64H432zM177.7 32C172.2 32 167.1 34.84 164.2 39.52L148.9 64H299.1L283.8 39.52C280.9 34.84 275.8 32 270.3 32H177.7zM381.6 96H66.37L91.67 450.3C92.87 467 106.8 480 123.6 480H324.4C341.2 480 355.1 467 356.3 450.3L381.6 96z"/></svg>');
}
.productCatgories .Icon .fa-lightbulb-on,
.nav-modal-wrapper .fa-lightbulb-on,
.new-mobile-menu .primaries-nav .fa-lightbulb-on {
  width: 50px;
  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(0, 73, 135)" d="M119.1 33.74l-64-31.1c-7.875-3.1-17.5-.875-21.38 7.125c-4 7.875-.875 17.5 7.125 21.37l64 31.1C107.1 63.36 109.5 63.99 112 63.99c7.375 0 13.88-5.125 15.62-12.37C129.3 44.49 125.8 36.99 119.1 33.74zM112 287.1c-2.5 0-4.875 .625-7.125 1.75l-64 31.1c-8 3.875-11.12 13.5-7.25 21.37c4 7.1 13.62 11.12 21.5 7.25l64-31.1c6.625-3.375 10.12-10.87 8.5-17.1C125.9 293.1 119.4 287.1 112 287.1zM528 63.99c2.5 0 4.875-.625 7.125-1.75l64-31.1c8-3.875 11.12-13.5 7.125-21.37c-3.875-7.1-13.5-11.12-21.38-7.125l-64 31.1c-6.625 3.25-10.12 10.75-8.5 17.87C514.1 58.86 520.6 63.99 528 63.99zM96 175.1C96 167.1 88.88 159.1 80 159.1h-64c-8.875 0-16 7.125-16 15.1S7.125 191.1 16 191.1h64C88.88 191.1 96 184.9 96 175.1zM624 159.1h-64c-8.875 0-16 7.125-16 15.1s7.125 15.1 16 15.1h64c8.875 0 16-7.125 16-15.1S632.9 159.1 624 159.1zM599.1 321.7l-64-31.1c-7.875-3.1-17.5-.75-21.5 7.125c-3.875 7.875-.75 17.5 7.25 21.5l64 31.1c7.875 3.875 17.5 .75 21.5-7.25C610.3 335.2 607.1 325.6 599.1 321.7zM319.5 .0154C222.7 .2967 144 79.89 144 177.4c0 42.91 15.47 84.34 43.55 116.6c13.33 15.31 35.84 49.59 43.73 76.02c1.078 8.687 8.844 14.62 17.64 13.71c8.703-.9687 14.98-8.965 14.11-17.65l-.6094-3.312c-10.31-34.97-36-72.84-50.73-89.77C188.7 246.5 176 212.6 176 177.4c0-81.24 63.05-145.1 143.5-145.3H320c38.13 0 74.05 14.87 101.2 41.94C448.8 101.5 464 138.2 464 177.4c0 35.19-12.67 69.15-35.67 95.62c-14.75 16.94-40.44 54.8-50.75 89.77l-.625 3.344c-1.047 8.75 4.938 17.59 13.67 18.68c.7813 .0938 1.531 .1562 2.281 .1562c7.797 0 14.36-5.121 15.36-13.12c8.344-28.25 30.86-62.53 44.2-77.84C480.5 261.7 496 220.3 496 177.4c0-47.71-18.55-92.49-52.22-126.1C410.5 18.08 365.6-1.172 319.5 .0154zM383.1 415.1H256c-8.846 0-16.01 7.18-16 16.03l.0746 22.34c.0098 6.27 1.884 12.46 5.359 17.68l17.09 25.69c5.225 7.855 17.22 14.28 26.65 14.28h61.72c9.418 0 21.41-6.43 26.63-14.27l17.09-25.69c2.953-4.441 5.351-12.36 5.359-17.68l-.0254-22.34C399.1 423.2 392.8 415.1 383.1 415.1zM367.9 454.4l-16.11 24.45c-.4766 .4375-1.686 1.086-.8672 1.117l-60.29 .1172c-.4238-.1016-1.138-.2773-1.423-.2773c-.1406 0-.1348-.2266 0 0l-17.1-25.48l-.0098-6.367h95.94l.0039 5.18C367.9 453.6 367.7 454.4 367.9 454.4C367.9 454.4 367.8 454.5 367.9 454.4zM336 80.02c0-8.84-7.156-16-16-16c-61.75 0-112 50.24-112 111.1c0 8.844 7.156 16 16 16s16-7.159 16-16c0-44.1 35.88-79.1 80-79.1C328.8 96.01 336 88.86 336 80.02z"/></svg>');
}
.productCatgories .Icon .fa-flux-capacitor,
.nav-modal-wrapper .fa-flux-capacitor,
.new-mobile-menu .primaries-nav .fa-flux-capacitor {
  width: 35px;
  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="M292.7 255.2L337.9 209.9C356.7 191.2 356.7 160.8 337.9 142.1C319.2 123.3 288.8 123.3 270.1 142.1L224 188.1L177.9 142.1C159.2 123.3 128.8 123.3 110.1 142.1C91.31 160.8 91.31 191.2 110.1 209.9L155.3 255.2C151.6 255.7 147.8 256 144 256C99.82 256 64 220.2 64 176C64 131.8 99.82 96 144 96C188.2 96 224 131.8 224 176C224 131.8 259.8 96 304 96C348.2 96 384 131.8 384 176C384 220.2 348.2 256 304 256C300.2 256 296.4 255.7 292.7 255.2V255.2zM173.8 273.7L176 275.9V336C176 362.5 197.5 384 224 384C250.5 384 272 362.5 272 336V275.9L274.2 273.7C292.4 288.4 304 310.8 304 336C304 380.2 268.2 416 224 416C179.8 416 144 380.2 144 336C144 310.8 155.6 288.4 173.8 273.7zM224 233.4L292.7 164.7C298.9 158.4 309.1 158.4 315.3 164.7C321.6 170.9 321.6 181.1 315.3 187.3L240 262.6V336C240 344.8 232.8 352 224 352C215.2 352 208 344.8 208 336V262.6L132.7 187.3C126.4 181.1 126.4 170.9 132.7 164.7C138.9 158.4 149.1 158.4 155.3 164.7L224 233.4zM384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM384 64H64C46.33 64 32 78.33 32 96V416C32 433.7 46.33 448 64 448H384C401.7 448 416 433.7 416 416V96C416 78.33 401.7 64 384 64z"/></svg>');
}
.productCatgories .Icon .fa-pallet,
.nav-modal-wrapper .fa-pallet,
.new-mobile-menu .primaries-nav .fa-pallet {
  width: 50px;
  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(0, 73, 135)" d="M624 480h-64v-96h64c8.844 0 16-7.156 16-16S632.8 352 624 352h-608C7.156 352 0 359.2 0 368S7.156 384 16 384h64v96h-64C7.156 480 0 487.2 0 496S7.156 512 16 512h608c8.844 0 16-7.156 16-16S632.8 480 624 480zM304 480h-192v-96h192V480zM528 480h-192v-96h192V480z"/></svg>');
}
.productCatgories .Icon .fa-hospital-user,
.nav-modal-wrapper .fa-hospital-user,
.new-mobile-menu .primaries-nav .fa-hospital-user {
  width: 45px;
  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 fill="rgb(0, 73, 135)" d="M0 64C0 28.65 28.65 0 64 0H256C291.3 0 320 28.65 320 64V336C320 344.8 312.8 352 304 352C295.2 352 288 344.8 288 336V64C288 46.33 273.7 32 256 32H64C46.33 32 32 46.33 32 64V256H144C152.8 256 160 263.2 160 272C160 280.8 152.8 288 144 288H32V352H144C152.8 352 160 359.2 160 368C160 376.8 152.8 384 144 384H32V448C32 465.7 46.33 480 64 480H240C248.8 480 256 487.2 256 496C256 504.8 248.8 512 240 512H64C28.65 512 0 483.3 0 448V64zM144 80C144 71.16 151.2 64 160 64C168.8 64 176 71.16 176 80V112H208C216.8 112 224 119.2 224 128C224 136.8 216.8 144 208 144H176V176C176 184.8 168.8 192 160 192C151.2 192 144 184.8 144 176V144H112C103.2 144 96 136.8 96 128C96 119.2 103.2 112 112 112H144V80zM512 272C512 316.2 476.2 352 432 352C387.8 352 352 316.2 352 272C352 227.8 387.8 192 432 192C476.2 192 512 227.8 512 272zM432 224C405.5 224 384 245.5 384 272C384 298.5 405.5 320 432 320C458.5 320 480 298.5 480 272C480 245.5 458.5 224 432 224zM482.9 384C534.3 384 576 425.7 576 477.1C576 496.4 560.4 512 541.1 512H322.9C303.6 512 288 496.4 288 477.1C288 425.7 329.7 384 381.1 384H482.9zM322.9 480H541.1C542.7 480 544 478.7 544 477.1C544 443.4 516.6 416 482.9 416H381.1C347.4 416 320 443.4 320 477.1C320 478.7 321.3 480 322.9 480V480z"/></svg>');
}
.productCatgories .Icon .fa-cogs,
.nav-modal-wrapper .fa-cogs,
.new-mobile-menu .primaries-nav .fa-cogs {
  width: 50px;
  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(0, 73, 135)" d="M103.1 176C103.1 145.1 129.1 120 159.1 120C190.9 120 215.1 145.1 215.1 176C215.1 206.9 190.9 232 159.1 232C129.1 232 103.1 206.9 103.1 176zM159.1 152C146.7 152 135.1 162.7 135.1 176C135.1 189.3 146.7 200 159.1 200C173.3 200 183.1 189.3 183.1 176C183.1 162.7 173.3 152 159.1 152zM213.9 51.16C223.4 55.3 232.4 60.5 240.6 66.61L267.7 58.52C273.2 56.85 279.3 58.3 283.3 62.62C299.5 80.44 311.9 101.8 319.3 125.4C321.1 130.9 319.3 136.9 315.1 140.9L294.1 160C295.7 165.5 295.1 171.1 295.1 176.8C295.1 181.1 295.7 187.1 295.2 192.1L315.1 211.1C319.3 215.1 321.1 221.1 319.3 226.6C311.9 250.2 299.5 271.6 283.3 289.4C279.3 293.7 273.2 295.2 267.7 293.5L242.1 285.8C233.3 292.5 223.7 298.1 213.5 302.6L207.3 328.6C205.1 334.3 201.7 338.8 196 340.1C184.4 342.6 172.4 344 159.1 344C147.6 344 135.6 342.6 123.1 340.1C118.3 338.8 114 334.3 112.7 328.6L106.5 302.6C96.26 298.1 86.67 292.5 77.91 285.8L52.34 293.5C46.75 295.2 40.65 293.7 36.73 289.4C20.5 271.6 8.055 250.2 .6513 226.6C-1.078 221.1 .6929 215.1 4.879 211.1L24.85 192.1C24.29 187.1 24 181.1 24 176.8C24 171.1 24.34 165.5 25.01 160L4.879 140.9C.6936 136.9-1.077 130.9 .652 125.4C8.056 101.8 20.51 80.44 36.73 62.62C40.65 58.3 46.75 56.85 52.34 58.52L79.38 66.61C87.62 60.5 96.57 55.3 106.1 51.17L112.7 23.36C114 17.71 118.3 13.17 123.1 11.91C135.6 9.35 147.6 8 159.1 8C172.4 8 184.4 9.35 196 11.91C201.7 13.16 205.1 17.71 207.3 23.36L213.9 51.16zM58.71 147.9L56.78 163.9C56.26 168.1 55.1 172.4 55.1 176.8C55.1 180.8 56.22 184.7 56.65 188.6L58.4 204.4L34.72 226.9C39.47 238.8 45.84 249.8 53.55 259.7L84.35 250.5L97.31 260.4C104 265.5 111.4 269.8 119.2 273.2L133.9 279.5L141.3 310.7C147.4 311.6 153.6 312 159.1 312C166.3 312 172.6 311.6 178.7 310.7L186.1 279.5L200.8 273.2C208.6 269.8 215.1 265.5 222.7 260.4L235.7 250.5L266.4 259.7C274.2 249.8 280.5 238.8 285.3 226.9L261.6 204.4L263.3 188.6C263.8 184.7 263.1 180.8 263.1 176.8C263.1 172.4 263.7 168.1 263.2 163.9L261.3 147.9L285.3 125.1C280.5 113.2 274.2 102.2 266.4 92.29L234.4 101.9L221.6 92.32C215.2 87.64 208.4 83.67 201.1 80.51L186.5 74.13L178.7 41.29C172.6 40.44 166.3 40 159.1 40C153.6 40 147.4 40.44 141.3 41.29L133.5 74.13L118.8 80.51C111.6 83.67 104.7 87.64 98.44 92.32L85.56 101.9L53.55 92.29C45.84 102.2 39.47 113.2 34.72 125.1L58.71 147.9zM464 296C494.9 296 520 321.1 520 352C520 382.9 494.9 408 464 408C433.1 408 408 382.9 408 352C408 321.1 433.1 296 464 296V296zM488 352C488 338.7 477.3 328 464 328C450.7 328 440 338.7 440 352C440 365.3 450.7 376 464 376C477.3 376 488 365.3 488 352zM588.8 405.9C584.7 415.4 579.5 424.4 573.4 432.6L581.5 459.7C583.2 465.2 581.7 471.3 577.4 475.3C559.6 491.5 538.2 503.9 514.6 511.3C509.1 513.1 503.1 511.3 499.1 507.1L479.1 486.1C474.5 487.7 468.9 488 463.2 488C458 488 452.9 487.7 447.9 487.2L428.9 507.1C424.9 511.3 418.9 513.1 413.4 511.3C389.8 503.9 368.4 491.5 350.6 475.3C346.3 471.4 344.9 465.2 346.5 459.7L354.2 434.1C347.5 425.3 341.9 415.7 337.4 405.5L311.4 399.3C305.7 397.1 301.2 393.7 299.9 388C297.4 376.4 296 364.4 296 352C296 339.6 297.4 327.6 299.9 315.1C301.2 310.3 305.7 306 311.4 304.7L337.4 298.5C341.9 288.3 347.5 278.7 354.2 269.9L346.5 244.3C344.9 238.8 346.3 232.7 350.6 228.7C368.4 212.5 389.8 200.1 413.4 192.7C418.9 190.9 424.9 192.7 428.9 196.9L447.9 216.9C452.9 216.3 458 216 463.2 216C468.9 216 474.5 216.3 479.1 217L499.1 196.9C503.1 192.7 509.1 190.9 514.6 192.7C538.2 200.1 559.6 212.5 577.4 228.7C581.7 232.7 583.2 238.8 581.5 244.3L573.4 271.4C579.5 279.6 584.7 288.6 588.8 298.1L616.6 304.7C622.3 306 626.8 310.3 628.1 315.1C630.7 327.6 632 339.6 632 352C632 364.4 630.7 376.4 628.1 388C626.8 393.7 622.3 397.1 616.6 399.3L588.8 405.9zM492.1 250.7L476.1 248.8C471.9 248.3 467.6 248 463.2 248C459.2 248 455.3 248.2 451.4 248.7L435.6 250.4L413.1 226.7C401.2 231.5 390.2 237.8 380.3 245.6L389.5 276.4L379.6 289.3C374.5 296 370.2 303.4 366.8 311.2L360.5 325.9L329.3 333.3C328.4 339.4 328 345.7 328 352C328 358.3 328.4 364.6 329.3 370.7L360.5 378.1L366.8 392.8C370.2 400.6 374.5 407.1 379.6 414.7L389.5 427.7L380.3 458.4C390.2 466.2 401.2 472.5 413.1 477.3L435.6 453.6L451.4 455.4C455.3 455.8 459.2 456 463.2 456C467.6 456 471.9 455.7 476.1 455.2L492.1 453.3L514.9 477.3C526.8 472.5 537.8 466.2 547.7 458.4L538.1 426.4L547.7 413.6C552.4 407.3 556.3 400.4 559.5 393.1L565.9 378.5L598.7 370.7C599.6 364.6 600 358.3 600 352C600 345.7 599.6 339.4 598.7 333.3L565.9 325.5L559.5 310.9C556.3 303.6 552.4 296.8 547.7 290.4L538.1 277.6L547.7 245.6C537.8 237.8 526.8 231.5 514.9 226.7L492.1 250.7z"/></svg>');
}
.productCatgories .Icon .fa-backpack,
.nav-modal-wrapper .fa-backpack,
.new-mobile-menu .primaries-nav .fa-backpack {
  width: 35px;
  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="M320 64h-16V48C304 21.5 282.5 0 256 0H192C165.5 0 144 21.5 144 48V64H128C57.25 64 0 121.2 0 192v256c0 35.38 28.62 64 64 64h320c35.38 0 64-28.62 64-64V192C448 121.2 390.8 64 320 64zM176 48C176 39.12 183.2 32 192 32h64c8.75 0 16 7.125 16 16V64h-96V48zM336 480h-224v-96h224V480zM336 352h-224v-32c0-17.62 14.38-32 32-32h160c17.62 0 32 14.38 32 32V352zM416 448c0 17.62-14.38 32-32 32h-16v-160c0-35.25-28.75-64-64-64h-160c-35.25 0-64 28.75-64 64v160H64c-17.62 0-32-14.38-32-32V192c0-53 43-96 96-96h192c53 0 96 43 96 96V448zM304 160H143.1C135.2 160 128 167.2 128 175.1C128 184.8 135.2 192 143.1 192h160C312.8 192 320 184.8 320 176C320 167.2 312.8 160 304 160z"/></svg>');
}
.productCatgories .Icon .fa-truck,
.nav-modal-wrapper .fa-truck,
.new-mobile-menu .primaries-nav .fa-truck {
  width: 50px;
  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(0, 73, 135)" d="M64 416C28.65 416 0 387.3 0 352V64C0 28.65 28.65 0 64 0H352C387.3 0 416 28.65 416 64V96H481.3C495.3 96 508.6 102.1 517.7 112.8L596.4 204.6C603.9 213.3 608 224.4 608 235.8V384H624C632.8 384 640 391.2 640 400C640 408.8 632.8 416 624 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H255.1C255.1 469 213 512 159.1 512C106.1 512 63.1 469 63.1 416H64zM32 64V352C32 369.7 46.33 384 64 384H69.46C82.64 346.7 118.2 320 160 320C201.8 320 237.4 346.7 250.5 384H384V64C384 46.33 369.7 32 352 32H64C46.33 32 32 46.33 32 64zM570.9 224L493.4 133.6C490.4 130 485.1 128 481.3 128H416V224H570.9zM416 256V344.4C432.1 329.2 455.4 320 480 320C521.8 320 557.4 346.7 570.5 384H576V256H416zM160 352C124.7 352 96 380.7 96 416C96 451.3 124.7 480 160 480C195.3 480 224 451.3 224 416C224 380.7 195.3 352 160 352zM480 480C515.3 480 544 451.3 544 416C544 380.7 515.3 352 480 352C444.7 352 416 380.7 416 416C416 451.3 444.7 480 480 480z"/></svg>');
}
.productCatgories .Icon .fa-wrench,
.nav-modal-wrapper .fa-wrench,
.new-mobile-menu .primaries-nav .fa-wrench {
  width: 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.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="M507.4 114.5c-2.25-9.5-9.626-17-19-19.63c-9.501-2.625-19.63 0-26.63 7L397.9 165.7l-44.25-7.375l-7.376-44.25l63.88-63.88c6.876-6.875 9.626-17.13 7.001-26.5c-2.625-9.5-10.25-16.88-19.75-19.25c-51.75-12.75-105.4 2-143.3 39.75C216.2 82.12 201.9 136.9 215.5 188.1l-193.3 193.3c-29.63 29.63-29.63 77.88 0 107.5C36.47 504.1 55.6 512 75.98 512c20.25 0 39.25-7.875 53.63-22.25l193.1-193.1c52.13 13.75 106.9-.75 144.9-38.88C505.5 219.1 520.4 166.4 507.4 114.5zM445 235.2c-31.75 31.75-78.38 42.63-121.8 28.13l-9.376-3.125L106.1 467.1c-16.63 16.63-45.5 16.63-62.13 0c-17.13-17.13-17.13-45.13 0-62.25l207-207L248.7 188.6c-14.38-43.5-3.625-90.13 28-121.8c22.75-22.63 52.75-34.88 83.76-34.88c6.876 0 13.88 .625 20.75 1.75l-69.26 69.38l13.75 83l83.13 13.88l69.26-69.38C484.9 168.9 472.8 207.5 445 235.2zM79.99 415.1c-8.876 0-16 7.125-16 16s7.125 16 16 16s16-7.125 16-16S88.86 415.1 79.99 415.1z"/></svg>');
}
.productCatgories .Icon .fa-cube,
.nav-modal-wrapper .fa-cube,
.new-mobile-menu .primaries-nav .fa-cube {
  width: 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.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="M239.5 5.018C250.1 1.106 261.9 1.106 272.5 5.018L480.5 81.28C499.4 88.22 512 106.2 512 126.4V385.7C512 405.8 499.4 423.8 480.5 430.7L272.5 506.1C261.9 510.9 250.1 510.9 239.5 506.1L31.48 430.7C12.57 423.8 0 405.8 0 385.7V126.4C0 106.2 12.57 88.22 31.48 81.28L239.5 5.018zM261.5 35.06C257.1 33.76 254 33.76 250.5 35.06L44.14 110.7L256 193.1L467.9 110.7L261.5 35.06zM42.49 400.7L240 473.1V222L32 140.3V385.7C32 392.4 36.19 398.4 42.49 400.7V400.7zM272 473.1L469.5 400.7C475.8 398.4 480 392.4 480 385.7V140.3L272 222V473.1z"/></svg>');
}
.productCatgories .Icon .fa-user-hard-hat,
.nav-modal-wrapper .fa-user-hard-hat,
.new-mobile-menu .primaries-nav .fa-user-hard-hat {
  width: 35px;
  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="M447 472.2C434.1 420.4 387.5 384 334 384H113.1c-53.45 0-100 36.38-113 88.24C-4.079 492.4 11.2 512 32.02 512h383.1C436.8 512 452.1 492.4 447 472.2zM32.02 479.1C41.44 442.3 75.14 416 113.1 416h220c38.84 0 72.54 26.32 81.97 64L32.02 479.1zM322.4 224c0 52.94-43.07 96-96.01 96S130.4 276.9 130.4 224c0-8.844-7.158-16-16-16s-16 7.156-16 16c0 70.58 57.43 128 128 128c70.58 0 128-57.42 128-128c0-8.844-7.158-16-16-16C329.6 208 322.4 215.2 322.4 224zM80.44 176h289.6c8.884 0 16.09-7.164 16.09-16c0-8.838-7.203-16-16.09-16l-16.09-.0078c0-.0059 0 .0059 0 0c0-65.1-49.3-118.4-112.6-126.4V16c0-8.844-7.195-16-16.09-16C216.3 0 209.1 7.156 209.1 16v1.602c-63.31 7.977-112.6 61.29-112.6 126.4c0 .0059 0-.0059 0 0L80.44 144C71.55 144 64.35 151.2 64.35 160C64.35 168.8 71.55 176 80.44 176zM241.3 49.6c45.56 7.672 80.44 46.93 80.44 94.39c0 .0059 0-.0059 0 0L241.3 144V49.6zM128.7 143.1c0-47.46 34.88-86.72 80.44-94.39V144L128.7 143.1C128.7 143.1 128.7 143.1 128.7 143.1z"/></svg>');
}
.productCatgories .Icon .fa-screwdriver-wrench,
.nav-modal-wrapper .fa-screwdriver-wrench,
.new-mobile-menu .primaries-nav .fa-screwdriver-wrench {
  width: 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.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="M225.1 378.1c-5.346-9.277-17.67-11.48-25.24-3.91l-91.57 91.55c-15.01 15-38.9 18.79-56.54 6.984c-23.71-15.88-26.04-48.76-6.967-67.97l134.8-134.8c6.242-6.238 6.229-16.36-.0313-22.59C173.3 241.2 163.2 241.2 156.1 247.4l-134.7 134.7c-29.62 29.62-29.62 77.86 0 107.5c16.64 16.78 39.93 24.7 63.89 21.57c17.43-2.273 33.27-11.36 45.7-23.79l90.54-90.52c4.883-4.883 6.32-12.52 2.857-18.49C225.2 378.3 225.1 378.2 225.1 378.1zM259.8 88.66c4.697-7.82 10.35-15.14 16.98-21.8c22.75-22.62 52.62-34.87 83.87-34.87c6.875 0 13.75 .625 20.62 1.75l-69.25 69.48l13.75 82.98l83.12 13.75l69.37-69.23c6.625 38.12-5.373 76.73-33.12 104.5c-4.432 4.434-9.207 8.426-14.23 12c-7.775 5.527-8.24 16.98-1.475 23.7c5.625 5.594 14.65 6.258 21.07 1.602c6.045-4.383 11.82-9.293 17.26-14.81c37.75-37.74 52.62-91.35 39.62-143.2c-2.25-9.492-9.625-16.99-19.12-19.62s-19.62 0-26.62 7l-63.87 63.86L353.5 158.3l-7.373-44.12l63.87-63.98c6.873-6.871 9.623-16.99 6.998-26.49c-2.623-9.496-10.25-16.74-19.75-19.12c-51.62-12.88-105.2 1.875-143.1 39.61c-8.27 8.348-15.16 17.61-20.98 27.39c-3.791 6.367-3.049 14.45 2.191 19.68C242.5 98.44 254.6 97.3 259.8 88.66zM63.1 431.9c0 8.746 7.25 15.1 16 15.1s15.1-7.25 15.1-15.1s-7.248-15.1-15.1-15.1S63.1 423.1 63.1 431.9zM502.6 389.4l-124.4-124.5c-15.62-15.62-36.12-23.37-56.62-23.37c-15.38 0-30.88 4.371-44.12 13.25L191.1 169.3l.002-73.35l-127.1-95.99L0 63.1l96 127.1l73.37-.0289l85.5 85.48c-20.62 31.12-17.12 73.23 10.25 100.7l124.5 124.5C395.7 508.8 403.1 512 412.2 512c8.123 0 16.37-3.125 22.5-9.375l67.1-67.98C515.1 422.1 515.1 401.9 502.6 389.4zM159.1 159.1h-47.1L42.25 66.98L66.1 42.24l92.1 69.73V159.1zM412.1 479.9l-124.4-124.5c-9.123-9.125-14.12-21.12-14.12-33.87c0-12.88 5-24.87 14.12-33.87c9-9.125 21-14.12 33.88-14.12c12.75 0 24.88 4.996 33.87 14.12l124.5 124.3L412.1 479.9z"/></svg>');
}
.productCatgories .Icon .fa-car,
.nav-modal-wrapper .fa-car,
.new-mobile-menu .primaries-nav .fa-car {
  width: 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.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="M80 296C80 282.7 90.75 272 104 272C117.3 272 128 282.7 128 296C128 309.3 117.3 320 104 320C90.75 320 80 309.3 80 296zM432 296C432 309.3 421.3 320 408 320C394.7 320 384 309.3 384 296C384 282.7 394.7 272 408 272C421.3 272 432 282.7 432 296zM48.29 204.7L82.99 89.01C93.14 55.17 124.3 32 159.6 32H352.4C387.7 32 418.9 55.17 429 89.01L463.7 204.7C492.6 221.2 512 252.3 512 288V464C512 472.8 504.8 480 496 480C487.2 480 480 472.8 480 464V416H32V464C32 472.8 24.84 480 16 480C7.164 480 0 472.8 0 464V288C0 252.3 19.44 221.2 48.29 204.7zM85.33 192.6C88.83 192.2 92.39 192 96 192H416C419.6 192 423.2 192.2 426.7 192.6L398.4 98.21C392.3 77.9 373.6 64 352.4 64H159.6C138.4 64 119.7 77.9 113.6 98.21L85.33 192.6zM32 288V384H480V288C480 260.3 462.4 236.7 437.7 227.8L437.3 227.9L437.2 227.6C430.5 225.3 423.4 224 416 224H96C88.58 224 81.46 225.3 74.83 227.6L74.73 227.9L74.27 227.8C49.62 236.7 32 260.3 32 288V288z"/></svg>');
}
.productCatgories .Icon .fa-container-storage,
.nav-modal-wrapper .fa-container-storage,
.new-mobile-menu .primaries-nav .fa-container-storage {
  width: 50px;
  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(0, 73, 135)" d="M368 416c8.844 0 16-7.156 16-16v-288C384 103.2 376.8 96 368 96S352 103.2 352 112v288C352 408.8 359.2 416 368 416zM464 416c8.844 0 16-7.156 16-16v-288C480 103.2 472.8 96 464 96S448 103.2 448 112v288C448 408.8 455.2 416 464 416zM272 416C280.8 416 288 408.8 288 400v-288C288 103.2 280.8 96 272 96S256 103.2 256 112v288C256 408.8 263.2 416 272 416zM624 448H608V64h16C632.8 64 640 56.84 640 48S632.8 32 624 32h-608C7.156 32 0 39.16 0 48S7.156 64 16 64H32v384H16C7.156 448 0 455.2 0 464S7.156 480 16 480h608c8.844 0 16-7.156 16-16S632.8 448 624 448zM576 448H64V64h512V448zM176 416C184.8 416 192 408.8 192 400v-288C192 103.2 184.8 96 176 96S160 103.2 160 112v288C160 408.8 167.2 416 176 416z"/></svg>');
}
@media (max-width: 767.98px) {
  .productCatgories .Icon .fa-building,
  .nav-modal-wrapper .fa-building,
  .new-mobile-menu .primaries-nav .fa-building {
    width: 21px;
  }
  .productCatgories .Icon .fa-forklift,
  .nav-modal-wrapper .fa-forklift,
  .new-mobile-menu .primaries-nav .fa-forklift {
    width: 36px;
  }
  .productCatgories .Icon .fa-screwdriver,
  .nav-modal-wrapper .fa-screwdriver,
  .new-mobile-menu .primaries-nav .fa-screwdriver {
    width: 28px;
  }
  .productCatgories .Icon .fa-plate-utensils,
  .nav-modal-wrapper .fa-plate-utensils,
  .new-mobile-menu .primaries-nav .fa-plate-utensils {
    width: 30px;
  }
  .productCatgories .Icon .fa-chair-office,
  .nav-modal-wrapper .fa-chair-office,
  .new-mobile-menu .primaries-nav .fa-chair-office {
    width: 22px;
  }
  .productCatgories .Icon .fa-fan-table,
  .nav-modal-wrapper .fa-fan-table,
  .new-mobile-menu .primaries-nav .fa-fan-table {
    width: 25px;
  }
  .productCatgories .Icon .fa-trash,
  .nav-modal-wrapper .fa-trash,
  .new-mobile-menu .primaries-nav .fa-trash {
    width: 25px;
  }
  .productCatgories .Icon .fa-lightbulb-on,
  .nav-modal-wrapper .fa-lightbulb-on,
  .new-mobile-menu .primaries-nav .fa-lightbulb-on {
    width: 34px;
  }
  .productCatgories .Icon .fa-flux-capacitor,
  .nav-modal-wrapper .fa-flux-capacitor,
  .new-mobile-menu .primaries-nav .fa-flux-capacitor {
    width: 25px;
  }
  .productCatgories .Icon .fa-pallet,
  .nav-modal-wrapper .fa-pallet,
  .new-mobile-menu .primaries-nav .fa-pallet {
    width: 34px;
  }
  .productCatgories .Icon .fa-hospital-user,
  .nav-modal-wrapper .fa-hospital-user,
  .new-mobile-menu .primaries-nav .fa-hospital-user {
    width: 30px;
  }
  .productCatgories .Icon .fa-backpack,
  .nav-modal-wrapper .fa-backpack,
  .new-mobile-menu .primaries-nav .fa-backpack {
    width: 25px;
  }
  .productCatgories .Icon .fa-truck,
  .nav-modal-wrapper .fa-truck,
  .new-mobile-menu .primaries-nav .fa-truck {
    width: 29px;
  }
  .productCatgories .Icon .fa-wrench,
  .nav-modal-wrapper .fa-wrench,
  .new-mobile-menu .primaries-nav .fa-wrench {
    width: 25px;
  }
  .productCatgories .Icon .fa-cube,
  .nav-modal-wrapper .fa-cube,
  .new-mobile-menu .primaries-nav .fa-cube {
    width: 25px;
  }
  .productCatgories .Icon .fa-user-hard-hat,
  .nav-modal-wrapper .fa-user-hard-hat,
  .new-mobile-menu .primaries-nav .fa-user-hard-hat {
    width: 25px;
  }
  .productCatgories .Icon .fa-box,
  .nav-modal-wrapper .fa-box,
  .new-mobile-menu .primaries-nav .fa-box {
    width: 25px;
  }
  .productCatgories .Icon .fa-screwdriver-wrench,
  .nav-modal-wrapper .fa-screwdriver-wrench,
  .new-mobile-menu .primaries-nav .fa-screwdriver-wrench {
    width: 25px;
  }
  .productCatgories .Icon .fa-car,
  .nav-modal-wrapper .fa-car,
  .new-mobile-menu .primaries-nav .fa-car {
    width: 25px;
  }
  .productCatgories .Icon .fa-container-storage,
  .nav-modal-wrapper .fa-container-storage,
  .new-mobile-menu .primaries-nav .fa-container-storage {
    width: 25px;
  }
}

.showHamburgermenu.new-mobile-menu {
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 1300;
  background: #f4f4f4;
  color: black;
  overflow: auto;
  /* .fal {
     color: $white;
     font-size: 1.2rem;
   }
   .quickOrderIcon .fal {
     font-size: 1rem;
   }*/
  /*
    .mainCategoryList {
      text-decoration: underline;
      @include for-phone-only {
        text-decoration: none;
        a:link {
          text-decoration: underline;
        }
      }
      background: #17628f;
      padding: 2%;
      padding-left: 3%;
      a,a:hover {color: #fff;}
    }*/
  /*.nestedNavigation {
    padding-top: 0;
    border-bottom: 0; 
    font-size: 14px;
    overflow: hidden;
    .mobileScrollsection {
      margin-right: 0;
      margin-top: 5px;
      max-height: calc(100% - 80px);
    }
  }*/
  /* .menuItemIcon {
     padding-right:20px !important; padding-left: 0;
   }*/
}
.showHamburgermenu.new-mobile-menu i::before {
  content: "";
}
@media (max-width: 1024.98px) {
  .showHamburgermenu.new-mobile-menu {
    width: 65%;
  }
  .showHamburgermenu.new-mobile-menu .languages {
    padding-right: 2%;
    padding-left: 4%;
    padding-top: 2%;
  }
}
@media (max-width: 767.98px) {
  .showHamburgermenu.new-mobile-menu {
    width: 88%;
    font-size: 13px;
  }
}
.showHamburgermenu.new-mobile-menu .hamburger-menu-list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.23);
  padding-top: 8px;
  padding-bottom: 0;
  background: #002D50;
  color: white;
}
.showHamburgermenu.new-mobile-menu .menuBreadcrumb {
  padding: 0;
  font-weight: 500;
  color: #004E7D;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  /* @include for-desktop-ups {
     font-size: 14px;
   }*/
}
.showHamburgermenu.new-mobile-menu .mdesc i {
  height: 15px !important;
  width: 15px !important;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-right: 30px;
}

/*.accountPage {
  .accountMenuMobile {
    background: $active-menu;

  }
  .hamburgerMenuList {
    padding-top: 0;
  }
}*/
#mobile-nav-module {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  z-index: 1299;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#mobile-nav-module svg {
  width: 40px;
  height: 40px;
  position: absolute;
}
@media (max-width: 1024.98px) {
  #mobile-nav-module svg {
    left: 66%;
  }
}
@media (max-width: 767.98px) {
  #mobile-nav-module svg {
    left: unset;
    right: 0;
  }
}

.non-primaries-nav .submenuItems, .cat-menu {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  width: 100%;
}

.non-primaries-nav .submenuItems a, .cat-menu a {
  width: 100%;
  display: block;
}

.non-primaries-nav {
  display: none;
  width: 100%;
}

.primaries-nav .mdesc {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  width: 100%;
}

.section-nav-title {
  font-size: 18px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.8);
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.mobile-mega-menu, .supports-menu-cont, .nested-links {
  margin-left: 3%;
  margin-top: 15px;
  margin-right: 3%;
}

.supports-menu-cont .menu-items {
  display: flex;
}

.hamburger-menu-list .menuItems {
  border-bottom: 1px solid #fff;
}
.hamburger-menu-list .menuItems:last-child {
  border-bottom: none;
}

.new-mobile-menu .view-all-link {
  height: 35px;
}
.new-mobile-menu .supports-menu-title {
  text-transform: capitalize;
  font-size: 14px;
  width: 100%;
  line-height: 35px;
  height: 35px;
  display: flex;
}
.new-mobile-menu .nested-links {
  display: none;
  margin-bottom: 20px;
}
.new-mobile-menu .cat-menu.mdesc svg {
  vertical-align: middle;
}
.new-mobile-menu .link-only a {
  color: initial;
  font-size: 14px;
  width: 100%;
}
.new-mobile-menu .link-only {
  height: 35px;
  line-height: 35px;
}
.new-mobile-menu .view-all-parent {
  text-decoration: underline;
  line-height: 35px;
  font-size: 14px;
  display: block;
}
.new-mobile-menu .primaries-cont, .new-mobile-menu .nested-links .menu-items {
  display: flex;
}
.new-mobile-menu .primaries-cont svg, .new-mobile-menu .nested-links .menu-items svg {
  align-items: flex-end;
  margin-top: 5px;
  color: #004E7D;
}
.new-mobile-menu .supports-menu-cont svg {
  align-items: flex-end;
  margin-top: 5px;
  color: #004E7D;
  position: absolute;
  right: 3%;
}
.new-mobile-menu .contact-menu {
  margin-bottom: 20px;
}
.new-mobile-menu.show-lv1-menu #nested-lv2, .new-mobile-menu.show-lv1-menu .supports-menu-cont, .new-mobile-menu.show-lv1-menu #mobile-mega-menu {
  display: none;
}
.new-mobile-menu.show-lv1-menu #nested-lv1 {
  display: block;
}
.new-mobile-menu.show-lv2-menu #nested-lv1, .new-mobile-menu.show-lv2-menu .supports-menu-cont, .new-mobile-menu.show-lv2-menu #mobile-mega-menu {
  display: none;
}
.new-mobile-menu.show-lv2-menu #nested-lv2 {
  display: block;
}
.new-mobile-menu.deals .nested-links, .new-mobile-menu.deals #mobile-mega-menu, .new-mobile-menu.deals .contact-menu, .new-mobile-menu.deals .other-links-only, .new-mobile-menu.deals .supports-menu-title, .new-mobile-menu.deals .supports-menu-cont svg, .new-mobile-menu.shop-by-industry .nested-links, .new-mobile-menu.shop-by-industry #mobile-mega-menu, .new-mobile-menu.shop-by-industry .contact-menu, .new-mobile-menu.shop-by-industry .other-links-only, .new-mobile-menu.shop-by-industry .supports-menu-title, .new-mobile-menu.shop-by-industry .supports-menu-cont svg {
  display: none;
}
.new-mobile-menu.deals #shop-by-industry-menu-cont {
  display: none;
}
.new-mobile-menu.deals #deals-nav {
  display: block;
}
.new-mobile-menu.shop-by-industry #deals-menu-cont {
  display: none;
}
.new-mobile-menu.shop-by-industry #shop-by-industry-nav {
  display: block;
}

.showHamburgermenu .fal {
  width: 17px;
  height: 19px;
  background-repeat: no-repeat;
  display: block;
}
.showHamburgermenu i.fa-user {
  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="white" d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/></svg>');
}
.showHamburgermenu i.fa-box {
  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="white" d="M342.4 32C367.7 32 390.6 46.9 400.9 70.01L442.5 163.6C446.1 171.8 448 180.6 448 189.6V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V189.6C0 180.6 1.879 171.8 5.516 163.6L47.11 70.01C57.38 46.89 80.3 32 105.6 32H342.4zM342.4 80H248V160H388.4L357 89.5C354.5 83.72 348.7 80 342.4 80V80zM400 208H48V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V208zM59.64 160H200V80H105.6C99.27 80 93.54 83.72 90.97 89.5L59.64 160z"/></svg>');
}
.showHamburgermenu .mobileMenu .submenuItems, .showHamburgermenu .mobileMenu .menuItems {
  font-size: 14px;
  color: #fff;
}
.showHamburgermenu .menucloseIcon svg {
  color: #fff;
}
.showHamburgermenu .hamburgerMenuList .menuItems:first-child {
  background: #002c50;
}
.showHamburgermenu .mobileMenu .menuItems span {
  width: 90%;
}
.showHamburgermenu .nestedNavigation .menuBreadcrumb {
  margin-bottom: 20px;
  padding-left: 3%;
  margin-top: 20px;
}

@media (max-width: 767.98px) {
  .supportContainer {
    background-color: #C4E8F6 !important;
    padding: 7px 0;
  }
  .supportContainer div.CallSupportHead {
    color: #333333 !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 12px;
  }
  .mainHead .header {
    background-color: #004E7D !important;
    padding: 17px 12px 12px;
    align-items: flex-end;
  }
  .mainHead .header svg.MuiSvgIcon-root.menuIcon {
    color: #fff !important;
  }
  .mainHead .header .companyLogo {
    margin-bottom: 5px;
  }
  .mainHead .header .mobile-image {
    display: block;
    width: 114px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 585.47 154.1"><path d="M517.53,55H502.44l-6.94-9.29H453.37L446.08,55H432.15s.79-1.36,1.14-1.85c10.57-14.83,32.86-46,32.86-46l17.3,0S506,38.72,516.85,54c.14.19.68,1.08.68,1.08M474.47,15.48,460.16,35.83h28.57Z" fill="rgb(255, 255, 255)"/><path d="M363.93,55V7.5l48.71.18a42.55,42.55,0,0,1,10.12,1.66c5.05,1.54,7.58,5.3,7.63,10.26.06,5.13-2,8-7.29,10.16-.88.36-1.77.69-3.07,1.19,1.37.39,2.3.62,3.2.9,5.17,1.6,7.44,4.33,7.84,9.46a10.73,10.73,0,0,1-6.28,10.78c-5,2.46-10.38,2.9-15.82,2.91-14.53,0-45,0-45,0m12.75-19.33V45c.59,0,1,.09,1.39.09,10.84,0,21.68,0,32.52,0a11.49,11.49,0,0,0,3.39-.49c2.84-.9,3.83-2,3.74-4.39s-1.24-3.63-4.14-4a66.13,66.13,0,0,0-8.33-.45c-9.44,0-18.87,0-28.57,0m-.05-9.57c.68.07,1.23.18,1.78.18,10.51,0,21,0,31.52,0a10,10,0,0,0,4.13-.58c1.78-.75,3-1.68,3-3.67s-1-3.14-2.84-3.75a17.22,17.22,0,0,0-5.32-.8c-9.93-.08-19.86,0-29.79,0-.8,0-1.59.07-2.51.11Z" fill="rgb(255, 255, 255)"/><polygon points="212.48 7.65 212.48 55.03 272.91 55.03 272.91 44.38 225.76 44.38 225.76 7.65 212.48 7.65" fill="rgb(255, 255, 255)"/><polygon points="524.23 7.65 524.23 55.04 584.66 55.04 584.66 44.38 537.51 44.38 537.51 7.65 524.23 7.65" fill="rgb(255, 255, 255)"/><path d="M538.14,98.37H527.87l-4.73-6.32H494.47l-5,6.32H480s.54-.93.78-1.26C488,87,503.17,65.84,503.17,65.84l11.78,0s15.34,21.45,22.73,31.82c.09.12.46.73.46.73M508.83,71.45,499.09,85.3h19.45Z" fill="rgb(255, 255, 255)"/><polygon points="543.2 65.87 543.2 98.38 584.66 98.38 584.66 91.07 552.32 91.07 552.32 65.87 543.2 65.87" fill="rgb(255, 255, 255)"/><path d="M356.48,29.32c-1.33-11.94-7.18-22.6-39.63-22.6s-38.29,10.66-39.62,22.6.63,28.44,39.62,28.44,40.95-16.57,39.63-28.44M334.9,45.09a72.75,72.75,0,0,1-18,2.46,72.81,72.81,0,0,1-18.05-2.46c-5.91-1.79-8.31-6.66-8.05-13.69.24-6.25,3.32-10.64,9.14-12.28a64,64,0,0,1,33.93,0c5.82,1.64,8.9,6,9.13,12.28.27,7-2.14,11.9-8.05,13.69" fill="rgb(255, 255, 255)"/><path d="M200.15,10.59v10.8s-9.87-2.54-14.87-3.2c-10.44-1.38-20.93-2-31.32.56-6.47,1.58-9.8,5.79-10,12.52-.21,8.07,2.44,12.33,9.31,14.23a62.3,62.3,0,0,0,32.58,0c3.88-1,5.49-3.37,5.44-7.46H162.05V28.8h41.61c.07,5.8.72,11.63-1.9,17.11-2.44,5.12-8.42,11.73-32.53,11.73-8.36,0-16.74-.37-24.71-3.43-8.19-3.14-12.9-9.13-14-17.77-1-8,.24-15.41,6.2-21.43,4.2-4.23,10.52-8.22,36.53-8.22a107.47,107.47,0,0,1,26.88,3.8" fill="rgb(255, 255, 255)"/><path d="M133.05,65.78H142V98.35h-8.91Z" fill="rgb(255, 255, 255)"/><path d="M467.5,65.86h8.92V98.35H467.5Z" fill="rgb(255, 255, 255)"/><path d="M156.79,98.1H148V65.89c2.88,0,13.44-.06,13.44-.06l4.45,3.72S180,82.85,187.14,89.46c.44.41.91.8,1.63,1.44V66h8.77V98.19h-2.39c-3.12,0-10.93,0-10.93,0L183,97.06s-16.68-15.47-25-23.22c-.32-.29-.67-.54-1.24-1Z" fill="rgb(255, 255, 255)"/><path d="M204.16,65.86c9.07,0,18-.09,26.94,0a48.66,48.66,0,0,1,9.08,1c5.68,1.18,9.85,4.4,11.45,10.14,1.66,5.93.84,11.48-3.69,16-2.74,2.76-6.28,3.91-10,4.37a81.45,81.45,0,0,1-9,.66c-8.21.09-16.43,0-24.79,0Zm9,7.22V90.79s15.07.06,22.52-.45a7.44,7.44,0,0,0,7.06-5.47c1.73-5.85-1.43-10.82-7.55-11.31-5.46-.44-11-.35-16.46-.47C216.9,73.05,215.08,73.08,213.15,73.08Z" fill="rgb(255, 255, 255)"/><path d="M256.8,65.65h9.13v1.76c0,5.25,0,10.49,0,15.74,0,3.57,1.57,6.21,5,7.29A31.83,31.83,0,0,0,291,90.35c3.31-1.1,4.77-3.71,4.81-7.1.05-5.36,0-10.72,0-16.08V65.7H305v.9s0,12,0,17.92c0,7.52-4.74,11.11-9.88,12.73-6.21,2-12.63,2.06-19.06,1.63a32.15,32.15,0,0,1-10.77-2.18c-5.19-2.22-8.29-5.93-8.36-11.75-.07-6.14-.06-18.42-.06-18.42Z" fill="rgb(255, 255, 255)"/><path d="M309.81,88.18c5.25,1,10.31,2.47,15.46,2.93,5.91.53,11.89.23,17.84.23a10.45,10.45,0,0,0,2.57-.46,1.86,1.86,0,0,0,1.43-2.41,2.58,2.58,0,0,0-1.92-2,49.9,49.9,0,0,0-8.38-.84c-6.34-.28-12.72-.19-18.93-1.77-4.77-1.21-6.95-3.65-7.13-7.77-.21-4.83,1.95-8.08,6.52-9.65a20.9,20.9,0,0,1,4.09-1A79,79,0,0,1,350.82,67c1.86.46,2.41.66,2.41.66s0,5.76,0,7.57c-2.11-.6-4-1.23-5.95-1.68a71.13,71.13,0,0,0-23.81-1.39,11.6,11.6,0,0,0-2.29.56c-1.07.34-1.9,1.12-1.57,2.23a3.17,3.17,0,0,0,1.76,1.89,20.91,20.91,0,0,0,4.81.69c5.4.28,10.8.36,16.18.77a42.06,42.06,0,0,1,8.09,1.49c3.57,1,5.3,3.65,5.47,7.27s-.68,7.22-4.39,8.74a35.25,35.25,0,0,1-9.87,2.53,80.09,80.09,0,0,1-28-1.87c-3.86-1-3.85-1.16-3.85-1.16Z" fill="rgb(255, 255, 255)"/><path d="M378.55,73.18H357.87V65.93h50.55V73.1H387.93V98.44h-9.38Z" fill="rgb(255, 255, 255)"/><path d="M414,66a8,8,0,0,1,.94-.11c10.86,0,21.73,0,32.59.14a22.11,22.11,0,0,1,6.93,1.22c4.42,1.53,6.24,5,6,10.71a9.44,9.44,0,0,1-7,8.9c-1.71.49-3.5.73-5.67,1.16,2.87,1.83,15.75,10.47,15.75,10.47l-13.11.05L434.84,87.94l-11.62,0V98.32H414Zm9.22,15c7.88,0,15.65,0,23.41,0a7.32,7.32,0,0,0,2.29-.52,3.54,3.54,0,0,0,2.36-3.69,3.22,3.22,0,0,0-2.78-3.16,27.18,27.18,0,0,0-4-.35c-6.53,0-13.06,0-19.6,0-.53,0-1.07.06-1.65.1Z" fill="rgb(255, 255, 255)"/><path d="M85.6,12.92a120.18,120.18,0,0,1-6.36,21.47h20.85A51.53,51.53,0,0,0,85.6,12.92Z" fill="rgb(213, 0, 55)"/><path d="M43.71,82.16A137.91,137.91,0,0,1,31,91.33C51.53,87,78.48,79.5,100.66,66.93h0A51.36,51.36,0,0,0,103,51.51a52.54,52.54,0,0,0-.54-7.47H74.84A119.84,119.84,0,0,1,43.71,82.16Z" fill="rgb(213, 0, 55)"/><path d="M68.86,34.39A110.22,110.22,0,0,0,76.94,6.72h0a51.51,51.51,0,0,0-74,27.67Z" fill="rgb(213, 0, 55)"/><path d="M47.18,97.55c-4.16,1-8.18,2-12,2.81h0A51.52,51.52,0,0,0,93.29,81.61,260.7,260.7,0,0,1,47.18,97.55Z" fill="rgb(213, 0, 55)"/><path d="M16.08,88.88h0A132.28,132.28,0,0,0,37.9,74.44,110.78,110.78,0,0,0,64,44H.55A51.4,51.4,0,0,0,16.08,88.88Z" fill="rgb(213, 0, 55)"/><path d="M64,44A110.78,110.78,0,0,1,37.9,74.44,132.28,132.28,0,0,1,16.08,88.88h0a51.59,51.59,0,0,0,19.1,11.48h0c3.81-.83,7.83-1.76,12-2.81A260.7,260.7,0,0,0,93.29,81.61a51.37,51.37,0,0,0,7.37-14.68h0C78.48,79.5,51.53,87,31,91.33a137.91,137.91,0,0,0,12.68-9.17A119.84,119.84,0,0,0,74.84,44h27.63a51.57,51.57,0,0,0-2.38-9.65H79.24A120.18,120.18,0,0,0,85.6,12.92h0a52.09,52.09,0,0,0-8.66-6.2h0a110.22,110.22,0,0,1-8.08,27.67H2.92A50.78,50.78,0,0,0,.55,44Z" fill="rgb(255, 255, 255)"/><path d="M579.41,8.52a6.13,6.13,0,0,1,3,.79,5.48,5.48,0,0,1,2.26,2.24,6.05,6.05,0,0,1,0,6.05,5.68,5.68,0,0,1-2.24,2.24,6.08,6.08,0,0,1-6,0,5.7,5.7,0,0,1-2.25-2.24,6.09,6.09,0,0,1,0-6.05,5.56,5.56,0,0,1,2.27-2.24A6.13,6.13,0,0,1,579.41,8.52Zm0,1a5.08,5.08,0,0,0-2.48.65A4.66,4.66,0,0,0,575,12.05a5.07,5.07,0,0,0-.69,2.53,5.13,5.13,0,0,0,.67,2.51A4.76,4.76,0,0,0,576.9,19a5,5,0,0,0,5,0,4.61,4.61,0,0,0,1.87-1.87,5,5,0,0,0,.67-2.51,5.17,5.17,0,0,0-.68-2.53,4.66,4.66,0,0,0-1.89-1.87A5.11,5.11,0,0,0,579.41,9.53Zm-2.66,8.4V11.41H579a5.57,5.57,0,0,1,1.67.18,1.58,1.58,0,0,1,.81.63,1.64,1.64,0,0,1,.31,1,1.71,1.71,0,0,1-.51,1.24,2,2,0,0,1-1.35.6,1.72,1.72,0,0,1,.55.34,7.63,7.63,0,0,1,1,1.3l.8,1.27h-1.29l-.57-1a5.33,5.33,0,0,0-1.1-1.51,1.39,1.39,0,0,0-.85-.23h-.61v2.77Zm1.06-3.67h1.27a2.08,2.08,0,0,0,1.25-.27.88.88,0,0,0,.33-.72.87.87,0,0,0-.16-.52.89.89,0,0,0-.44-.34A3.19,3.19,0,0,0,579,12.3h-1.19Z" fill="rgb(255, 255, 255)"/></svg>');
  }
  .mainHead .header img.logo.mobile {
    display: none !important;
    margin-top: 0px;
  }
  .mainHead .searchWrapper {
    margin-right: 0px !important;
  }
  .mainHead .searchWrapper .MuiOutlinedInput-adornedEnd {
    height: 38px !important;
  }
  .mainHead .searchWrapper .btnColor.MuiButton-root {
    height: 38px !important;
  }
  .mainHead .searchWrapper .MuiOutlinedInput-input {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 18px;
  }
  .headerRight {
    margin-right: 0px !important;
    margin-top: 4px;
  }
  .headerRight .loginLogoutUser {
    margin-right: 0px !important;
  }
  .headerRight .fa-comment-dots {
    width: 18px !important;
    height: 19px !important;
    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="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>');
  }
  .headerRight .loginLogoutUser i.fa-user {
    height: 18px !important;
    width: 16px !important;
    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.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/></svg>');
  }
  .headerRight .HeadtotalCart i.fa-shopping-cart {
    width: 29px !important;
    height: 19px !important;
    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.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM475.6 240L520.6 80H131.1L161.6 240H475.6zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"/></svg>');
  }
  .headerRight .fa-comment-dots::before {
    content: "";
  }
  .headerRight .loginLogoutUser .activedotWrap {
    border-radius: 20px;
  }
  .headerRight .loginLogoutUser .userLogged {
    top: -1px;
  }
}
.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;
}

#reStockContianer {
  margin: 0 auto;
  padding: 0 0;
  max-width: 1368px;
}
#reStockContianer .reStockContianerBackgorund {
  padding: 0;
  position: relative;
}
#reStockContianer .reStockContianerBackgorund::before {
  background-color: #004E7D;
  content: " ";
  display: block;
  max-height: 250px;
  width: 100%;
  min-height: 250px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 767.98px) {
  #reStockContianer .reStockContianerBackgorund::before {
    min-height: 25%;
  }
}
#reStockContianer .reStockContianerBackgorund .rec-item-wrapper {
  max-width: 350px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer {
  position: relative;
  z-index: 9;
  padding: 24px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .title {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: block;
  text-align: center;
  padding-bottom: 16px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .title h1, #reStockContianer .reStockContianerBackgorund .reStockContianer .title h2, #reStockContianer .reStockContianerBackgorund .reStockContianer .title h3, #reStockContianer .reStockContianerBackgorund .reStockContianer .title h4, #reStockContianer .reStockContianerBackgorund .reStockContianer .title h5, #reStockContianer .reStockContianerBackgorund .reStockContianer .title h6, #reStockContianer .reStockContianerBackgorund .reStockContianer .title div, #reStockContianer .reStockContianerBackgorund .reStockContianer .title p, #reStockContianer .reStockContianerBackgorund .reStockContianer .title span, #reStockContianer .reStockContianerBackgorund .reStockContianer .title a {
  color: #fff;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .desc {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 16.436px;
  display: block;
  text-align: center;
  padding-bottom: 32px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 5px 24px;
}
@media (max-width: 767.98px) {
  #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow {
    grid-template-columns: auto;
  }
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards {
  padding: 24px 30px 48px 30px;
  border-radius: 2px;
  border: 1px solid #BCBEC0;
  background: #FFF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards {
    margin-bottom: 16px;
    padding: 16px;
  }
  #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards:last-child {
    margin-bottom: 0;
  }
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .icon {
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none"><path d="M0 20.9997C0 22.6593 1.34062 24 3 24C4.65938 24 6 22.6593 6 20.9997C6 16.0306 10.0312 11.999 15 11.999H30V14.9992C30 16.2087 30.7312 17.3057 31.8562 17.7745C32.9812 18.2432 34.2656 17.9807 35.1281 17.1275L41.1281 11.127C42.3 9.95503 42.3 8.05174 41.1281 6.87976L35.1281 0.879243C34.2656 0.0166681 32.9812 -0.236479 31.8562 0.232312C30.7312 0.701102 30 1.7887 30 2.99818V5.99844H15C6.7125 5.99844 0 12.7115 0 20.9997ZM48 27.0003C48 25.3407 46.6594 24 45 24C43.3406 24 42 25.3407 42 27.0003C42 31.9694 37.9688 36.001 33 36.001H18V33.0008C18 31.7913 17.2687 30.6943 16.1437 30.2255C15.0187 29.7567 13.7344 30.0193 12.8719 30.8725L6.87188 36.873C5.7 38.045 5.7 39.9483 6.87188 41.1202L12.8719 47.1208C13.7344 47.9833 15.0187 48.2365 16.1437 47.7677C17.2687 47.2989 18 46.2113 18 44.9924V42.0016H33C41.2875 42.0016 48 35.2885 48 27.0003Z" fill="rgb(216, 159, 2)"/></svg>');
  margin: 0 auto;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .title {
  color: #212934;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  padding-top: 26px;
  padding-bottom: 26px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .desc {
  color: #212934;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  padding-bottom: 65px;
}
@media (max-width: 767.98px) {
  #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .desc {
    padding-bottom: 16px;
  }
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox::before {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="11" viewBox="0 0 20 11" fill="none"><path d="M11.0798 11H8.92019L0 1.57143L2.9108 0L10.0469 7.45515L17.1362 0L20 1.57143L11.0798 11Z" fill="rgb(188, 190, 192)"/></svg>') !important;
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 40%;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autoCompleteItem .highlight00, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autoCompleteItem .highlight00, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autoCompleteItem .highlight00 {
  color: #212934;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  padding-left: 16px;
  line-height: 21px;
  padding-top: 16px;
  display: inline-block;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox {
  display: flex;
  position: relative;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .autoCompleteItem-compare, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .autoCompleteItem-compare, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .autoCompleteItem-compare {
  padding: 0;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  cursor: pointer;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper .arrow, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .arrow, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .arrow {
  display: flex;
  margin-left: auto;
  color: #212934;
  font-weight: 500;
  padding-right: 10px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper .img-compare, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .img-compare, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .img-compare {
  padding: 16px 0;
  display: flex;
  max-width: 20px;
  margin: 0 16px;
  min-width: 20px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper .img-compare img, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .img-compare img, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .img-compare img {
  max-width: 20px;
  min-width: 20px;
  min-height: 20px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper .compare-autocomplete-info, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .compare-autocomplete-info, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .compare-autocomplete-info {
  display: flex;
  width: auto;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper .compare-autocomplete-info .compare-autocomplete-info, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .compare-autocomplete-info .compare-autocomplete-info, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .compare-autocomplete-info .compare-autocomplete-info {
  padding-left: 0;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .menuItemWrapper .compare-autocomplete-info p.itemDesc, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .compare-autocomplete-info p.itemDesc, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .menuItemWrapper .compare-autocomplete-info p.itemDesc {
  color: #212934;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 21px; /* 150% */
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox > div, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox > div, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox > div {
  border-radius: 4px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox > div:empty, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox > div:empty, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox > div:empty {
  display: none;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox::before, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox::before, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox::before {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" fill="rgb(0,78,125    )"/></svg>');
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 10px;
  top: 40%;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .formInput, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .formInput, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .formInput {
  border-radius: 4px;
  border: 1px solid #BCBEC0;
  background: #FFF;
  width: 100%;
  height: 75px;
  text-align: left;
  padding: 16px;
  padding-right: 35px;
}
#reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByType .autocompleteBox .formInput::placeholder, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .formInput::placeholder, #reStockContianer .reStockContianerBackgorund .reStockContianer .stockCardsRow .stockCards .form-feild .searchByPartNumber .autocompleteBox .formInput::placeholder {
  color: #BCBEC0;
  font-size: 15.409px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.436px; /* 106.667% */
  text-align: left;
}
#reStockContianer .restock-product-tile {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 29px;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile {
    padding: 10px;
  }
}
#reStockContianer .restock-product-tile .product-tile-header-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile .product-tile-header-area {
    flex-direction: column;
  }
}
#reStockContianer .restock-product-tile .product-tile-header-area h3 {
  display: flex;
  color: #212934;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0 auto;
  width: 100%;
  display: block;
  order: 2;
  text-align: center;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile .product-tile-header-area h3 {
    font-size: 20px;
    margin: 0;
  }
}
#reStockContianer .restock-product-tile .product-tile-header-area .modalClose {
  display: flex;
  margin-left: auto;
  position: relative;
  cursor: pointer;
  order: 1;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile .product-tile-header-area .modalClose {
    align-self: self-end;
    margin: 20px 0;
  }
}
#reStockContianer .restock-product-tile .product-tile-header-area .modalClose .close {
  display: inline-block;
  text-transform: capitalize;
  padding-left: 30px;
  padding-top: 5px;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile .product-tile-header-area .modalClose .close {
    padding-left: 20px;
    padding-top: 0;
  }
}
#reStockContianer .restock-product-tile .product-tile-header-area .modalClose::before {
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg fill="none" viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"> <rect width="35" height="35" rx="4" fill="rgb(0, 78, 125)"/><path d="M14.7143 17.9503L8.2 10H13.6857L17.4857 14.7702L21.3143 10H26.8L20.2857 17.9503L27 26H21.4571L17.4857 21.1553L13.5429 26H8L14.7143 17.9503Z" fill="rgb(255, 255, 255)"/></svg>');
  content: " ";
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile .product-tile-header-area .modalClose::before {
    width: 21px;
    height: 21px;
  }
}
#reStockContianer .restock-product-tile .rec-carousel-wrapper {
  position: relative;
  padding-top: 38px;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper {
  margin: 0 auto;
  max-width: 500px;
  padding-top: 38px;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper {
    max-width: none;
    width: 100%;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper.norestockTile {
  text-align: center;
  padding: 0;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper.norestockTile h3 {
  margin: 0;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper.norestockTile .captionResultDesc {
  margin-bottom: 30px;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper.norestockTile .captionResultDesc span {
  font-weight: 700;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper.norestockTile .returntosearch {
  max-width: 265px;
  margin: 0 auto;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper.norestockTile .returntosearch .customBtn {
  border-radius: 4px !important;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer {
  max-height: 764px;
  display: block;
  margin: 0;
  max-width: unset;
  border: none;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection {
  width: 100%;
  display: block;
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .imageSection {
  width: calc(50% - 16px);
  text-align: center;
  float: left;
  position: relative;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .imageSection {
    float: none;
    width: 100%;
  }
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .imageSection img {
    max-width: 100%;
    width: auto;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .tileDescContainer {
  float: right;
  width: 50% !important;
  display: block;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .tileDescContainer {
    float: none;
    width: 100% !important;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .tileDescContainer p.ellipsis {
  -webkit-line-clamp: 3;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .tileDescContainer p.ellipsis {
    font-size: 16px;
    font-weight: 400;
  }
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .itemkeyDetails .prod-itemkey-num {
    font-size: 12px;
    font-weight: 400;
  }
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .price span:first-child {
    font-size: 20px;
    font-weight: 500;
  }
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .fa-star-sharp {
    width: 18px;
    height: 16px;
  }
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .sameDayShipping {
    font-size: 12px;
    font-weight: 400;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .tileCTAContainer {
  width: 50%;
  float: right;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .tileCTAContainer {
    float: none;
    width: 100%;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .flexNote, #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .variantSwatch {
  padding-top: 8px;
  clear: both;
  margin-left: 50%;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .flexNote, #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .variantSwatch {
    float: none;
    width: 100%;
    margin: 0;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .PriceSavingSection, #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .shippingWrapper {
  clear: both;
  display: block;
  width: 50%;
  float: right;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .PriceSavingSection, #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .shippingWrapper {
    float: none;
    width: 100%;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .sameDayShipping {
  clear: both;
  width: 50%;
  float: right;
}
@media (max-width: 767.98px) {
  #reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection .sameDayShipping {
    width: auto;
    float: none;
  }
}
#reStockContianer .restock-product-tile.searchByTypeResult .itemWrapper div#productContainer .productSection::after {
  clear: both;
  display: block;
  content: " ";
}

.shopAllCatGrid {
  padding: 0 0;
  max-width: 1368px;
  margin: 0 auto;
  width: 100%;
}
.shopAllCatGrid .gridWrapper {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 1.5rem;
}
.shopAllCatGrid .gridWrapper.col-1 {
  grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
}
@media (min-width: 728px) {
  .shopAllCatGrid .gridWrapper.col-1 {
    grid-template-columns: repeat(auto-fit, minmax(44rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .gridWrapper.col-1 {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.shopAllCatGrid .gridWrapper.col-2 {
  grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr));
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .gridWrapper.col-2 {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.shopAllCatGrid .gridWrapper.col-2 img {
  max-width: 100%;
}
.shopAllCatGrid .gridWrapper.col-3 {
  grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopAllCatGrid .gridWrapper.col-3 {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopAllCatGrid .gridWrapper.col-3 {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .gridWrapper.col-3 {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .shopAllCatGrid .gridWrapper.col-3 {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  }
}
.shopAllCatGrid .gridWrapper.col-4 {
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopAllCatGrid .gridWrapper.col-4 {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopAllCatGrid .gridWrapper.col-4 {
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  }
}
.shopAllCatGrid .gridWrapper.col-5 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shopAllCatGrid .gridWrapper.col-5 {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopAllCatGrid .gridWrapper.col-5 {
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .gridWrapper.col-5 {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}
.shopAllCatGrid .gridWrapper.col-6 {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .shopAllCatGrid .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  }
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .gridWrapper.col-6 {
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  }
}
.shopAllCatGrid .row {
  max-width: 1400px;
  margin: 0 auto;
}
.shopAllCatGrid .row .gridBox {
  display: flex;
}
.shopAllCatGrid .row .gridBox.cat_Container {
  display: flex;
  flex-direction: column;
}
.shopAllCatGrid .row .gridBox.cat_Container.hasBorder {
  border: 1px solid #dddddd;
  border-radius: 8px;
  padding: 20px;
}
.shopAllCatGrid .row .gridBox.cat_Container .img, .shopAllCatGrid .row .gridBox.cat_Container img {
  max-width: 100%;
  margin: 0 auto;
}
.shopAllCatGrid .row .gridBox.cat_Container .img img, .shopAllCatGrid .row .gridBox.cat_Container img img {
  max-width: 100%;
}
.shopAllCatGrid .row .gridBox.cat_Container .cat_title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
}
.shopAllCatGrid .row .gridBox.cat_Container .cat_title.hasBackground {
  margin-top: 5px;
  padding: 10px;
}
.shopAllCatGrid .row .gridBox.cat_Container .sub-cat a {
  font-size: 16px;
  line-height: 22px;
  color: #212934;
  font-weight: 300;
  position: relative;
  display: block;
  padding-left: 20px;
}
.shopAllCatGrid .row .gridBox.cat_Container .sub-cat a::before {
  position: absolute;
  content: ">";
  left: 0px;
  top: -1px;
  font-size: 16px;
}
.shopAllCatGrid .section_title_h3 {
  font-size: 30px;
  line-height: 34px;
}
@media (max-width: 767.98px) {
  .shopAllCatGrid .section_title_h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.shopAllCatGrid .more-products {
  position: relative;
  color: #004e7d !important;
  font-weight: 500 !important;
  margin: 15px 0 0 !important;
  padding: 0px;
  display: inline-block;
  cursor: pointer;
  width: auto !important;
}
.shopAllCatGrid .more-products::after {
  position: absolute;
  content: "»";
  right: 0;
  bottom: -7px;
  font-size: 25px;
  line-height: 37px;
  z-index: -1;
}
.shopAllCatGrid .more-products span {
  padding-right: 20px;
}

/*# sourceMappingURL=tab-page.css.map */