:root {
  --red: rgba(228, 0, 37, 1);
  --black: rgba(26, 26, 26, 1);
  --gray: rgba(95, 95, 95, 1);

  --starIcon: url("data:image/svg+xml,<svg width='50' height='37' viewBox='0 0 39 37' xmlns='http://www.w3.org/2000/svg'><path d='M11.7725 8.80999L17.3695 1.45149C17.7072 1.01216 18.0993 0.688159 18.546 0.479492C18.9927 0.271159 19.4647 0.166992 19.962 0.166992C20.4593 0.166992 20.9298 0.271159 21.3735 0.479492C21.8172 0.688159 22.2082 1.01216 22.5465 1.45149L28.1435 8.80999L36.7 11.705C37.4157 11.9463 37.9708 12.36 38.3655 12.946C38.7605 13.5317 38.958 14.1788 38.958 14.8875C38.958 15.2148 38.9102 15.5432 38.8145 15.8725C38.7192 16.2022 38.5632 16.5092 38.3465 16.7935L32.8195 24.5135L33.0195 32.786C33.0322 33.7313 32.7135 34.5362 32.0635 35.2005C31.4135 35.8652 30.6365 36.1975 29.7325 36.1975C29.7085 36.1975 29.4067 36.1538 28.827 36.0665L19.958 33.5245L11.0965 36.0635C10.9248 36.1322 10.756 36.1717 10.59 36.182C10.4243 36.1923 10.2725 36.1975 10.1345 36.1975C9.21951 36.1975 8.44267 35.8638 7.80401 35.1965C7.16567 34.5292 6.86317 33.709 6.89651 32.736L7.09651 24.4615L1.55051 16.763C1.34651 16.4613 1.19684 16.1467 1.10151 15.819C1.00584 15.4913 0.958008 15.1637 0.958008 14.836C0.958008 14.1357 1.15784 13.4933 1.55751 12.909C1.95684 12.3247 2.51601 11.917 3.23501 11.686L11.7725 8.80999Z' fill='%23FFC107'/></svg>");

  --plusWhite: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M7.99992 10H1.33325C1.04992 10 0.812474 9.90411 0.620919 9.71234C0.429141 9.52056 0.333252 9.283 0.333252 8.99967C0.333252 8.71611 0.429141 8.47867 0.620919 8.28734C0.812474 8.09578 1.04992 8 1.33325 8H7.99992V1.33334C7.99992 1.05 8.09581 0.812558 8.28759 0.621003C8.47936 0.429225 8.71692 0.333336 9.00025 0.333336C9.28381 0.333336 9.52125 0.429225 9.71259 0.621003C9.90414 0.812558 9.99992 1.05 9.99992 1.33334V8H16.6666C16.9499 8 17.1874 8.09589 17.3789 8.28767C17.5707 8.47945 17.6666 8.717 17.6666 9.00034C17.6666 9.28389 17.5707 9.52134 17.3789 9.71267C17.1874 9.90423 16.9499 10 16.6666 10H9.99992V16.6667C9.99992 16.95 9.90403 17.1874 9.71225 17.379C9.52047 17.5708 9.28292 17.6667 8.99959 17.6667C8.71603 17.6667 8.47859 17.5708 8.28725 17.379C8.0957 17.1874 7.99992 16.95 7.99992 16.6667V10Z' fill='%23fff'/></svg>");

  --plusBlack: url("data:image/svg+xml,<svg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path d='M7.99992 10H1.33325C1.04992 10 0.812474 9.90411 0.620919 9.71234C0.429141 9.52056 0.333252 9.283 0.333252 8.99967C0.333252 8.71611 0.429141 8.47867 0.620919 8.28734C0.812474 8.09578 1.04992 8 1.33325 8H7.99992V1.33334C7.99992 1.05 8.09581 0.812558 8.28759 0.621003C8.47936 0.429225 8.71692 0.333336 9.00025 0.333336C9.28381 0.333336 9.52125 0.429225 9.71259 0.621003C9.90414 0.812558 9.99992 1.05 9.99992 1.33334V8H16.6666C16.9499 8 17.1874 8.09589 17.3789 8.28767C17.5707 8.47945 17.6666 8.717 17.6666 9.00034C17.6666 9.28389 17.5707 9.52134 17.3789 9.71267C17.1874 9.90423 16.9499 10 16.6666 10H9.99992V16.6667C9.99992 16.95 9.90403 17.1874 9.71225 17.379C9.52047 17.5708 9.28292 17.6667 8.99959 17.6667C8.71603 17.6667 8.47859 17.5708 8.28725 17.379C8.0957 17.1874 7.99992 16.95 7.99992 16.6667V10Z' fill='%23000'/></svg>");

  --chevronBlack: url("data:image/svg+xml,<svg viewBox='0 0 7 12' xmlns='http://www.w3.org/2000/svg'><path d='M4.94626 6.00001L0.873012 1.92701C0.734678 1.78851 0.663845 1.61443 0.660512 1.40476C0.657345 1.19526 0.728178 1.01801 0.873012 0.873012C1.01801 0.728178 1.19368 0.655762 1.40001 0.655762C1.60634 0.655762 1.78201 0.728178 1.92701 0.873012L6.42126 5.36726C6.51476 5.46093 6.58076 5.55968 6.61926 5.66351C6.65776 5.76735 6.67701 5.87951 6.67701 6.00001C6.67701 6.12051 6.65776 6.23268 6.61926 6.33651C6.58076 6.44035 6.51476 6.5391 6.42126 6.63276L1.92701 11.127C1.78851 11.2653 1.61443 11.3362 1.40476 11.3395C1.19526 11.3427 1.01801 11.2718 0.873012 11.127C0.728178 10.982 0.655762 10.8063 0.655762 10.6C0.655762 10.3937 0.728178 10.218 0.873012 10.073L4.94626 6.00001Z' fill='%231A1A1A'/></svg>");

  --smChevronBlack: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708' fill='rgba(26,26,26,1)' stroke='rgba(26,26,26,1)' stroke-width='1'/></svg>");

  --smChevronWhite: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708' fill='rgba(255,255,255,1)' stroke='rgba(255,255,255,1)' stroke-width='1'/></svg>");
}

@font-face {
  font-family: "GeneralSans";
  src: url("../fonts/GeneralSans-Variable.woff2") format("woff2"),
    url("../fonts/GeneralSans-Variable.woff") format("woff"),
    url("../fonts/GeneralSans-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: "GeneralSans";
  src: url("../fonts/GeneralSans-VariableItalic.woff2") format("woff2"),
    url("../fonts/GeneralSans-VariableItalic.woff") format("woff"),
    url("../fonts/GeneralSans-VariableItalic.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}

::-webkit-scrollbar {
  width: 5px;
  background-color: #aaa;
}

::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 5px;
}

::selection {
  background: #222;
  color: #fff;
}

::-moz-selection {
  background: #222;
  color: #fff;
}

@media (max-width: 576px) {
  body {
    overflow-x: hidden;
    width: 100%;
  }

  .postid-1794 section {
    overflow-x: hidden;
  }

  .overflow-hidden.careerSliderSection {
    overflow: auto;
  }

  .searchBarCont {
    overflow: auto;
    max-height: 70vh;
  }
}

.form-control::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

.form-control::-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

.form-control::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  outline: none;
  box-shadow: none;
  border-color: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

a,
a:hover,
img,
input,
select,
button,
textarea,
input:focus,
select:focus,
button:focus,
textarea:focus,
*:focus {
  text-decoration: none;
  outline: none;
  color: inherit;
}

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

html {
  font-size: 14px;
}

@media (min-width: 1600px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: "GeneralSans", sans-serif;
  font-weight: 400;
  color: var(--black);
  font-optical-sizing: auto;
  line-height: 1.5;
}

.animateThis {
  position: relative;
  will-change: opacity transform;
  transform-origin: 50% 50%;
  transition: all 0.5s ease-out;
}

.slideLeft {
  opacity: 0;
  transform: translate3d(50px, 0px, 0px);
}

.slideLeft.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.slideRight {
  opacity: 0;
  transform: translate3d(-50px, 0px, 0px);
}

.slideRight.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.slideTop {
  opacity: 0;
  transform: translate3d(0px, 50px, 0px);
}

.slideTop.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.fadeGrow {
  opacity: 0;
  transform: scale(0.8);
}

.fadeGrow.in-view {
  opacity: 1;
  transform: scale(1);
}

.fadeShrink {
  opacity: 0;
  transform: scale(1.2);
}

.fadeShrink.in-view {
  opacity: 1;
  transform: scale(1);
}

.fadeIn {
  opacity: 0;
}

.fadeIn.in-view {
  opacity: 1;
}

.pageHeader {
  width: 100%;
  position: sticky;
  z-index: 1000;
  transition: top 0.5s ease;
}

.nav-up .pageHeader {
  top: -48px;
}

.nav-down .pageHeader,
.pageHeader:hover {
  top: 0;
}

@media (min-width: 992px) {
  .nav-up .pageHeader {
    top: -110px;
  }

  .nav-down .pageHeader,
  .pageHeader:hover {
    top: -61px;
  }
}

@media (min-width: 1400px) {
  .nav-up .pageHeader {
    top: -131px;
  }

  .nav-down .pageHeader,
  .pageHeader:hover {
    top: -61px;
  }
}

@media (min-width: 1600px) {
  .nav-up .pageHeader {
    top: -170px;
  }

  .nav-down .pageHeader,
  .pageHeader:hover {
    top: -80px;
  }
}

.headerStrip {
  font-weight: 500;
  font-size: 0.8rem;
}

.hsTop {
  background: #000;
  color: #fff;
}

.hsBtm {
  background: #f5f5f5;
}

.htopMenu > li {
  padding: 0 10px;
}

.htopMenu li:first-child {
  padding-left: 0;
}

.htopMenu li:last-child {
  padding-right: 0;
}

.htopMenu a:hover {
  color: var(--black);
  text-decoration: underline;
}

.siteMenu .siteMenuBtn.active {
  background: #e3e3e3;
  position: relative;
}

.siteMenu .siteMenuBtn.active::after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  right: -2px;
  top: -2px;
  background: green;
  border-radius: 50%;
}

.siteMenuBtn {
  width: 2.2rem;
  height: 2.2rem;
  padding: 3px;
  background: none;
  border: 0;
  display: flex;
  border-radius: 50%;
  position: relative;
}

.siteMenuBtn:hover {
  background: #f5f5f5;
}

.siteMenuBtn img {
  width: 100%;
  aspect-ratio: 1;
}

.siteMenuBtn .badge {
  position: absolute;
  background: var(--black);
  color: #fff;
  border-radius: 50rem;
  right: -2px;
  top: -16px;
  bottom: 0;
  margin: auto;
  padding: 0.2rem;
  font-size: 0.6rem;
  line-height: 1;
  font-weight: 400;
  width: auto;
  height: 1rem;
  min-width: 1rem;
  text-align: center;
}

span.logOutIcon {
  color: #e70825;
  cursor: pointer;
}

span.logOutIcon strong {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 0.8rem !important;
}

span.logOutIcon svg {
  width: 15px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .siteMenuBtn {
    width: 2rem;
    height: 2rem;
    padding: 4px;
  }
}

.headerMain {
  border-bottom: 1px solid #ececec;
  background: #fff;
  position: relative;
}

.pageLogo {
  width: 9rem;
  height: auto;
}

.siteNavi_L1 > li > a.highlight {
  color: var(--red);
}

.csmHead {
  font-size: 1.1rem;
  font-weight: 600;
  cursor: default;
}

.csmList a {
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  left: 0;
  color: var(--gray);
  transition: left 0.3s ease;
}

.csmList a:hover {
  color: var(--black);
  left: 2px;
}

.menuImgBox {
  width: 100%;
  height: auto;
  display: block;
  background: #eee;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}

.mibHead {
  font-size: 1.5rem;
  font-weight: 700;
}

/*.mibText {width:100%;position:absolute;bottom:0;left:0;color:#fff;z-index:1;}*/

.mibSubtext {
  font-size: 0.9rem;
}

/*.mibText:before {content:'';width:100%;height:130%;position:absolute;bottom:0;left:0;z-index:-1;transition:height .3s ease;}*/

.menuImgBox:hover .mibText:before {
  height: 200%;
}

.menuImgBox img {
  transform: scale(1) rotate(0deg);
  transition: all 0.5s ease;
}

/*.menuImgBox:hover img {transform:scale(1.1) rotate(-3deg);}*/

.myAccMenuLink .mamlHead {
  font-weight: 600;
  font-size: 1.25rem;
}

.myAccMenuLink ul li {
  font-size: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 991.98px) {
  .siteNaviMain {
    width: 100%;
    height: 100vh;
    display: block;
    position: fixed;
    left: 100%;
    top: 0;
    padding: 0;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
  }

  .siteNaviMain:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    backdrop-filter: blur(5px);
    z-index: -1;
  }

  .siteNaviMain.open {
    left: 0;
    visibility: visible;
  }

  .NavigHolder {
    width: 95%;
    max-width: 450px;
    display: block;
    background: #fff;
    position: fixed;
    right: -100%;
    top: 0;
    transition: inherit;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 10px 0 0 10px;
  }

  .siteNaviMain.open .NavigHolder {
    right: 0;
    transition-delay: 0s;
  }

  .naviActionBar {
    width: 100%;
    height: 60px;
    background: #f3f3f3;
    color: var(--black);
    line-height: 1;
    padding: 8px 20px 8px 30px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 5;
  }

  .menuCloseBtn {
    width: 30px;
    height: 30px;
    color: var(--black);
    background: #fff;
    border: 0;
    font-size: 25px;
    line-height: 0;
    padding: 0;
    border-radius: 50%;
  }

  .menuBackBtn {
    border: none;
    background: transparent;
    font-size: 1.2rem;
    font-weight: 500;
    display: none;
    padding: 0;
  }

  .menuBackBtn:before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    background: var(--smChevronBlack) no-repeat center;
    background-size: contain;
    transform: rotateY(180deg);
  }

  .siteNavi_L1 {
    width: 100%;
    height: 100%;
    padding: 15px 30px 30px;
    position: relative;
    left: 0;
    transition: all 0.3s ease-out;
  }

  .siteNavi_L1 > li {
    padding: 1rem 0;
    border-bottom: 1px solid #f3f3f3;
  }

  .siteNavi_L1 > li > a {
    font-weight: 600;
    font-size: 1.25rem;
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .siteNavi_L1 > li > a[type="button"]:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: var(--smChevronBlack) no-repeat center;
    background-size: contain;
  }

  .siteNavi_L1.shift {
    transform: translateX(-100%);
  }

  .siteNavi_L2 {
    width: 100%;
    padding: 30px;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
  }

  .menuImgBox {
    margin-bottom: 5px;
  }

  .subcatWrap {
    margin: 0;
  }

  .catSubMenu {
    border-bottom: 1px solid #f3f3f3;
    padding: 15px 0;
  }

  .csmList li {
    padding: 10px 0;
  }

  .csmHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
  }

  .csmHead:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    transform: rotate(0deg);
    transition: all 0.3s ease;
    transform-origin: 50% 50%;
    background: var(--plusBlack) no-repeat center;
    background-size: contain;
  }

  .csmHead.active:after {
    transform: rotate(135deg);
  }
}

@media (max-width: 575.98px) {
  .siteMenu {
    margin-right: -5px;
  }
}

@media (min-width: 576px) {
  .siteMenu {
    margin-right: -1rem;
  }
}

@media (min-width: 992px) {
  .pageLogo {
    width: 9rem;
  }

  .siteNaviMain {
    display: block;
    line-height: 1.2;
  }

  .menuCloseBtn,
  .menuBackBtn {
    display: none;
    visibility: hidden;
  }

  .siteNavi_L1 {
    display: flex;
  }

  .siteNavi_L1 > li {
    padding: 0 17px;
    display: flex;
    align-items: center;
  }

  .siteNavi_L1 > li > a {
    font-weight: 600;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
  }

  .siteNavi_L1 > li:hover > a:not(:last-child):after {
    content: "";
    width: 100%;
    height: 1.1rem;
    position: absolute;
    bottom: -1.1rem;
    left: 0;
    border-bottom: 4px solid #000;
  }

  .siteNavi_L1 > li:hover > a:not(:last-child):before {
    content: "";
    width: auto;
    height: 1.1rem;
    position: absolute;
    bottom: -1.1rem;
    left: -20px;
    right: -20px;
    margin: auto;
  }

  .siteNavi_L2 {
    width: 100%;
    height: auto; /*max-height:0;*/
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    border-top: 1px solid #cecece;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);
    overflow: auto;
  }

  .siteNavi_L1 > li:hover > .siteNavi_L2 {
    visibility: visible; /*max-height:90vh;transition:max-height .4s ease;*/
  }

  .siteNavi_L1 > li > .siteNavi_L2:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    pointer-events: none;
    backdrop-filter: blur(5px);
  }

  .siteNavi_L2 > .row {
    opacity: 0;
    position: relative;
    left: -20px;
  }

  .siteNavi_L1 > li:hover > .siteNavi_L2 > .row {
    opacity: 1;
    left: 0;
    transition: all 0.3s 0.05s ease;
  }

  .csmHead {
    font-size: 1.1rem;
    pointer-events: none;
    margin-bottom: 20px;
  }

  .csmList {
    display: block !important;
  }

  .csmList li + li {
    margin-top: 0.9rem;
  }

  .csmList a {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .siteNavi_L1 > li {
    padding: 0 20px;
  }
}

@media (min-width: 1400px) {
  .pageLogo {
    width: 11.5rem;
  }
}

.searchWrapper {
  /*max-height: 0;*/

  overflow: hidden;

  opacity: 0;

  transform: translateY(-20px);

  pointer-events: none;

  transition: max-height 0.8s ease, opacity 0.8s ease, transform 0.8s ease;

  position: absolute;

  top: 0;

  width: 100%;
}

.searchWrapper.active {
  opacity: 1;

  transform: translateY(0);

  pointer-events: auto;

  transition: max-height 0.8s ease, opacity 0.8s ease, transform 0.8s ease;

  height: 100vh; /* or whatever height fits your design */

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;
}

/*@media(max-width:576px){*/

/*    .searchWrapper.active{max-height:50vh;}*/

/*}*/

.searchWrapper.hide {
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}

/*.searchWrapper:before {content:'';width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.5);z-index:-1;pointer-events:none;backdrop-filter:blur(5px);}*/

.searchContainer {
  position: relative;
  z-index: 5;
  background: #fff;
}

.searchClose {
  position: absolute;
  right: 1.5rem;
  top: 15px;
  background: none;
  border: 0;
  font-weight: 500;
  padding: 0;
}

.searchBarWrap {
  height: 3.2rem;
  overflow: hidden;
}

.searchBar {
  border: 1px solid #f0f0f0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--black);
  padding: 0 1rem 0 3rem;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: 1rem center;
  background-size: 1.5rem auto;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M15.9999 24.7272C21.6232 24.7272 26.1818 20.1686 26.1818 14.5453C26.1818 8.92208 21.6232 4.36353 15.9999 4.36353C10.3767 4.36353 5.81812 8.92208 5.81812 14.5453C5.81812 20.1686 10.3767 24.7272 15.9999 24.7272Z' fill='none' stroke='%231A1A1A' stroke-width='2'/><path d='M23.2725 21.8181L27.6361 26.1818' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.searchBar::placeholder {
  color: var(--black);
  opacity: 1;
}

.searchBar::-webkit-search-cancel-button {
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/></svg>");
  background-size: cover;
}

.searchBar:focus {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}

.suggestTitle {
  font-size: 1rem;
  font-weight: 500;
}

.suggestTagList .swiper-slide {
  flex-shrink: 1;
  width: auto;
}

.suggestTag {
  display: inline-block;
  background: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 50rem;
  padding: 0.2rem 1.3rem;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.suggestTag:hover {
  border: 1px solid #aaa;
  background: #fff;
}

.suggestTagList:after {
  content: "";
  width: 60px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.suggestedProducts .prodName {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.5rem;
}

.suggestedProducts .prodColorList .colorSwatch {
  width: 15px;
  height: 15px;
}

.suggestedProducts .prodVariants,
.suggestedProducts .prodTag {
  font-size: 0.8rem;
}

.suggestedProducts .prodPrices {
  font-size: 1.3rem;
  color: #1a1a1a;
}

.suggestedProducts .ctaBtn {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}

@media (min-width: 768px) {
  .searchClose {
    right: 3rem;
  }
}

.ctaBtn {
  border-radius: 50rem;
  padding: 0.8rem 1.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background: transparent;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ctaWhite,
.ctaWhite:focus {
  background: #fff;
  color: var(--black);
}

.ctaBlack,
.ctaBlack:focus {
  background: var(--black);
  color: #fff;
}

.ctaGhost,
.ctaGhost:focus {
  border: 1px solid var(--black);
  color: var(--black);
}

.ctaBtn:not([role="tab"]):hover {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.5);
}

.ctaBtn.active {
  background: var(--black);
  color: #fff;
  border-color: var(--black);
}

.ctaBtn:not([role="tab"]):after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  border-radius: 50rem;
  position: absolute;
  right: 100%;
  top: 0;
  transition: all 0.3s ease-out;
  z-index: -2;
}

.ctaBtn:hover:after {
  right: 0;
}

.textLink {
  font-size: 1rem;
  font-weight: 600;
  color: var(--black);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  border-radius: 50rem;
  padding: 0.3rem 0;
  background: transparent;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.textLink:hover {
  background: var(--black);
  color: #fff;
  padding: 0.3rem 0.8rem;
}

.textLink:after {
  content: "";
  margin-left: 0.3rem;
  display: block;
  width: 12px;
  aspect-ratio: 2/3;
  background: var(--smChevronBlack) no-repeat center;
  background-size: contain;
}

.textLink:hover:after {
  background-image: var(--smChevronWhite);
}

.titleFont {
  font-size: 2rem;
  font-weight: 600;
  color: var(--black);
}

.staytuneTxt {
  font-size: 1.8rem;
  font-weight: 500;
  background: #fff;
}

.staytuneTxt img {
  mix-blend-mode: luminosity;
  width: 4rem;
  height: auto;
}

@media (min-width: 576px) {
  .ctaBtn {
    padding: 0.6rem 1.5rem;
    font-size: 1.1rem;
  }
}

@media (min-width: 992px) {
  .ctaBtn {
    padding: 0.8rem 1.8rem;
  }

  .staytuneTxt {
    font-size: 2.2rem;
  }
}

@media (min-width: 1200px) {
  .ctaBtn {
    padding: 0.9rem 2rem;
  }
}

@media (min-width: 1400px) {
  .ctaBtn {
    padding: 1.1rem 2.5rem;
  }

  .titleFont {
    font-size: 2.25rem;
  }

  .staytuneTxt {
    font-size: 2.6rem;
  }
}

@media (min-width: 1600px) {
  .titleFont {
    font-size: 2.5rem;
  }
}

.pageWrapper {
  min-height: calc(100vh - 50px);
}

@media (min-width: 1200px) {
  .pageWrapper {
    min-height: calc(100vh - 110px);
  }
}

@media (min-width: 1400px) {
  .pageWrapper {
    min-height: calc(100vh - 133px);
  }
}

@media (min-width: 1600px) {
  .pageWrapper {
    min-height: calc(100vh - 170px);
  }
}

.homeBannerSection {
  position: relative;
  overflow: hidden; /*aspect-ratio:16/9;*/ /*aspect-ratio:5/9;*/
  height: calc(100vh - 55px);
}

.heroBanner {
  width: 100%;
  background: #111;
  height: 100%; /*height:calc(100vh - 55px);*/
}

.hbSlide {
  position: relative;
  overflow: hidden;
  opacity: 1;
}

.hbImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(10px);
  clip-path: circle(10%);
  transform: scale(1.2);

  transition: transform 1s ease, filter 1s ease, clip-path 1s 1s ease;
}

.swiper-slide-active .hbImg {
  filter: blur(0px);
  clip-path: circle(100%);
  transform: scale(1);
  transition: all 1.5s ease;
}

.hbBtnBox {
  position: absolute;
  bottom: -20%;
  transition: all 0.5s 2s ease;
}

.swiper-slide-active .hbBtnBox {
  bottom: 15%;
}

@media (max-width: 991.99px) {
  .homeBannerSection {
    aspect-ratio: 16/9;
    height: auto;
  }

  .swiper-slide-active .hbBtnBox {
    bottom: 10%;
  }
}

.swiper-horizontal .hbpagin {
  max-width: 800px;
  bottom: 3%;
  right: 0;
  margin: 0 auto;
}

.hbpagin .swiper-pagination-bullet {
  width: 25px;
  height: 4px;
  border-radius: 0;
  background: #fff;
  opacity: 0.5;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.hbpagin .swiper-pagination-bullet:hover {
  height: 6px;
}

.hbpagin .swiper-pagination-bullet-active {
  opacity: 1;
}

/* 

@media (min-width:576px) {

.hbpagin .swiper-pagination-bullet {width:45px;}

}

@media (min-width:768px) {

.homeBannerSection {aspect-ratio:5/2.2;}

.swiper-horizontal .hbpagin {bottom:8%;}

} */

.homeContentSection {
  background: #000;
}

.hcsContentWrap {
  width: 100%;
}

.hcsContentWrap p {
  font-size: 1.1rem;
  color: var(--gray);
}

.hcsImg {
  border-radius: 1rem;
  height: auto;
}

.hcsContentWrap .hcsTitle {
  position: relative;
  display: block;
  color: #fff;
  perspective: 1000px;
}

.hcsContentWrap .hcsTitle span {
  position: relative;
  left: 0;
  display: inline-block;
  animation: hcsAnim 5s ease both;
  animation-timeline: view(block);
  transform-origin: 50% 50%;
}

/*@keyframes hcsAnim {

0% {transform:translate3d(30px,-100%,200px) scale(.7);opacity:.1;}

100% {transform:translate3d(0,0,0) scale(1);opacity:1;}

}*/

.hcsBtnHolder {
  height: 5rem;
}

.hcsBtn {
  border-radius: 50rem;
  padding: 0.3rem;
  display: inline-flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  background: #fff;
  color: #000 !important;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.hcsBtn > * {
  transition: inherit;
}

.hcsBtn:after {
  content: "\002B";
  display: block;
  font-weight: 400;
  font-size: 1.5rem;
  padding-right: 0.5rem;
  transition: inherit;
}

.hcsBtnImg {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
}

.hcsBtn span {
  padding: 0 1rem;
  display: block;
}

.hcsBtn:hover {
  padding: 0.5rem;
}

.hcsBtn:hover span {
  padding: 0 0.6rem;
}

@media (min-width: 768px) {
  .hcsBtn {
    padding: 0.5rem;
  }

  .hcsBtn:hover {
    padding: 0.7rem;
  }

  .hcsContentWrap {
    max-width: 400px;
    width: 100%;
  }

  /*@keyframes hcsAnim {

  0% {transform:translate3d(100px,-200%,300px) scale(.7);opacity:.1;}

  100% {transform:translate3d(0,0,0) scale(1);opacity:1;}

}*/
}

@media (min-width: 992px) {
  .hcsBtn:after {
    font-size: 2rem;
    padding-right: 0.8rem;
  }

  .hcsContentWrap {
    max-width: 450px;
    width: 80%;
  }

  .hcsContentWrap p {
    font-size: 1.2rem;
  }

  .hcsBtnImg {
    width: 3.1rem;
    height: 3.1rem;
  }
}

@media (min-width: 1600px) {
  .hcsContentWrap {
    max-width: 700px;
  }
}

.homeTabs .ctaBtn {
  width: 100%;
}

.swiperNaviBtn {
  width: 35px;
  height: 35px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #f3f3f3;
}

.swiperNaviBtn.swiper-button-disabled {
  visibility: hidden;
}

.swiperNaviBtn:hover {
  background: var(--black);
  transition: all 0.3s ease;
}

.svbPrev {
  left: 0;
  transform: translateX(-50%);
}

.svbNext {
  right: 0;
  transform: translateX(50%);
}

.swiperNaviBtn:before {
  content: "";
  width: 40%;
  height: 40%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'><path d='M26.7735 13.9362L14.9906 2.15274C14.7793 1.94185 14.6688 1.69322 14.6591 1.40686C14.6493 1.12086 14.764 0.858332 15.003 0.619277C15.2417 0.388888 15.4972 0.271527 15.7695 0.267193C16.0418 0.263221 16.2973 0.380582 16.536 0.619277L29.7109 13.7942C29.9001 13.9835 30.0328 14.1767 30.109 14.3738C30.1856 14.571 30.2239 14.7862 30.2239 15.0195C30.2239 15.2528 30.1856 15.468 30.109 15.6652C30.0328 15.8623 29.9001 16.0555 29.7109 16.2447L16.536 29.4197C16.3334 29.6223 16.0869 29.7306 15.7966 29.7447C15.5063 29.7584 15.2417 29.6501 15.003 29.4197C14.764 29.1806 14.6445 28.923 14.6445 28.6467C14.6445 28.3701 14.764 28.1125 15.003 27.8738L26.7735 16.1028L1.68617 16.1028C1.37778 16.1028 1.12013 15.9994 0.913211 15.7924C0.706294 15.5855 0.602838 15.3279 0.602838 15.0195C0.602838 14.7111 0.706294 14.4534 0.913211 14.2465C1.12013 14.0396 1.37778 13.9361 1.68617 13.9361L26.7735 13.9362Z' fill='%231A1A1A'/></svg>");
}

.swiperNaviBtn.svbPrev:before {
  transform: rotateY(180deg);
}

.swiperNaviBtn:hover:before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'><path d='M26.7735 13.9362L14.9906 2.15274C14.7793 1.94185 14.6688 1.69322 14.6591 1.40686C14.6493 1.12086 14.764 0.858332 15.003 0.619277C15.2417 0.388888 15.4972 0.271527 15.7695 0.267193C16.0418 0.263221 16.2973 0.380582 16.536 0.619277L29.7109 13.7942C29.9001 13.9835 30.0328 14.1767 30.109 14.3738C30.1856 14.571 30.2239 14.7862 30.2239 15.0195C30.2239 15.2528 30.1856 15.468 30.109 15.6652C30.0328 15.8623 29.9001 16.0555 29.7109 16.2447L16.536 29.4197C16.3334 29.6223 16.0869 29.7306 15.7966 29.7447C15.5063 29.7584 15.2417 29.6501 15.003 29.4197C14.764 29.1806 14.6445 28.923 14.6445 28.6467C14.6445 28.3701 14.764 28.1125 15.003 27.8738L26.7735 16.1028L1.68617 16.1028C1.37778 16.1028 1.12013 15.9994 0.913211 15.7924C0.706294 15.5855 0.602838 15.3279 0.602838 15.0195C0.602838 14.7111 0.706294 14.4534 0.913211 14.2465C1.12013 14.0396 1.37778 13.9361 1.68617 13.9361L26.7735 13.9362Z' fill='%23fff'/></svg>");
}

@media (min-width: 576px) {
  .swiperNaviBtn {
    width: 45px;
    height: 45px;
  }
}

@media (min-width: 768px) {
  .swiperNaviBtn {
    width: 55px;
    height: 55px;
  }
}

@media (min-width: 1200px) {
  .swiperNaviBtn {
    width: 60px;
    height: 60px;
  }
}

.productSwiper {
  overflow: visible;
}

.psScrollbar {
  max-width: 470px;
  height: 2px !important;
  margin: auto;
  right: 0;
  background: rgba(187, 187, 187, 1);
}

.psScrollbar .swiper-scrollbar-drag {
  height: 4px;
  margin-top: -1px;
  background: var(--black);
  cursor: grabbing;
}

.productSwiper .swiperNaviBtn {
  top: 35%;
  bottom: auto;
}

.productItem {
  position: relative;
  width: 100%;
}

.prodItemTop {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.prodTag {
  background: rgba(240, 240, 240, 1);
  font-size: 1rem;
  font-weight: 500;
  padding: 0.362rem 0.8rem;
}

.wishlistBtn {
  width: 35px;
  height: 35px;
  border: 0;
  padding: 7px 6px 5px 6px;
  background: transparent;
  border-radius: 50%;
}

.wishlistBtn:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;

  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 -1.6 35.20 35.20' class='wishlistIcon' fill='transparent' stroke='rgba(100, 100, 100, 1)' stroke-width='2.5'><path d='M0.256 12.16q0.544 2.080 2.080 3.616l13.664 14.144 13.664-14.144q1.536-1.536 2.080-3.616t0-4.128-2.080-3.584-3.584-2.080-4.16 0-3.584 2.080l-2.336 2.816-2.336-2.816q-1.536-1.536-3.584-2.080t-4.128 0-3.616 2.080-2.080 3.584 0 4.128z'></path></svg>");
}

.wishlistBtn.saved {
  background: rgba(240, 240, 240, 1);
}

.wishlistBtn.saved:before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.6 -1.6 35.20 35.20' class='wishlistIcon' fill='rgba(228, 0, 37, 1)' stroke='rgba(228, 0, 37, 1)' stroke-width='2.5'><path d='M0.256 12.16q0.544 2.080 2.080 3.616l13.664 14.144 13.664-14.144q1.536-1.536 2.080-3.616t0-4.128-2.080-3.584-3.584-2.080-4.16 0-3.584 2.080l-2.336 2.816-2.336-2.816q-1.536-1.536-3.584-2.080t-4.128 0-3.616 2.080-2.080 3.584 0 4.128z'></path></svg>");
}

.prodItemImg {
  background: #f9f9f9;
  border-radius: 1rem;
  overflow: hidden;
  aspect-ratio: 10/13;
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.prodItemImg > a {
  display: block;
}

.prodImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prodItemImg .back {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}

.prodItemImg:hover .back {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
  background: #f5f5f5;
}

.prodColorList .colorSwatch {
  width: 16px;
  height: 16px;
  background: #f3f3f3;
  border-radius: 50%;
  margin: 4px 6px;
  cursor: pointer;
  position: relative;
}

.prodColorList .colorSwatch.selected:before {
  content: "";
  width: auto;
  height: auto;
  display: block;
  border-radius: 50%;
  border: 1px solid #000;
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: -4px;
  right: -4px;
  margin: auto;
}

.prodColorCount {
  background: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  visibility: visible;
  color: #666666;
  font-weight: 500;
  font-size: 1.3rem;
}

.productItem:hover .prodColorCount {
  visibility: hidden;
  pointer-events: none;
  /* display: none; */
}

@media (max-width: 991px) {
  .productItem:active .prodColorCount,
  .productItem:focus .prodColorCount {
    visibility: hidden;
    pointer-events: none;
    display: none;
  }
}

.prodItemDetails {
  background: #fff;
}

.prodVariants {
  margin-bottom: 20px;
}

.prodName {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.5rem;
}

.prodPrices {
  font-size: 1.3rem;
  font-weight: 600;
  color: #1a1a1a;
}

.prodQuickBtn {
  display: none;
}

/****************************************************/

.product_meta ul.fw-medium {
  display: none;
}

@media (min-width: 992px) {
  .prodQuickBtn {
    width: 100%;
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.3s ease;
    transform: scale(0.5);
    opacity: 0;
  }

  .prodQuickBtn .ctaBtn:not(:hover) {
    background: rgba(255, 255, 255, 0.9);
  }

  .prodItemImg:hover .prodQuickBtn {
    bottom: 5%;
    transform: scale(1);
    transition-delay: 0.3s;
    opacity: 1;
  }
}

/*@media (min-width:1400px) {*/

/*.prodName {font-size:1.1rem;}*/

/*}*/

.lblContainer {
  aspect-ratio: 10/8.4;
}

.lblContainer .tab-pane {
  position: absolute;
  display: block;
  z-index: 0;
  overflow: hidden;
}

.lblContainer .tab-pane.active {
  z-index: 10;
}

.lblWrap {
  aspect-ratio: 10/8.4;
  background: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.lblImg {
  width: 100%;
  height: auto;
  pointer-events: none;
  transform: scale(1.1);
  opacity: 0;
  transition: all 0.3s ease;
}

.show .lblImg {
  transform: scale(1);
  opacity: 1;
}

.lblButtons {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 0;
}

.lblButtons.mob {
  display: block;
}

.lblBtn {
  width: 25px;
  height: 25px;
  display: grid;
  background: #fff;
  border-radius: 100%;
  border: 1px solid transparent;
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%) scale(0);
  /* transform-origin: 50% 50%; */
  opacity: 0;
  transition: all 0.5s ease;
}

.lblContainer .tab-pane.active .lblBtn {
  opacity: 1;
  transition-delay: 0.3s;
  transform: translate(-50%, -50%) scale(1);
}

.lblBtn:hover {
  background: var(--black);
  border: 1px solid #666;
}

.lblBtn img {
  width: 80%;
  aspect-ratio: 1/1;
  mix-blend-mode: difference;
  justify-self: center;
  align-self: center;
  position: relative;
  z-index: 1;
  isolation: isolate;
}

#lbl_Women .lblBtn {
  display: block;
}

#lbl_Women .lblBtn img {
  display: block;
  width: 100%;
  aspect-ratio: inherit;
  margin: auto;
  /* mix-blend-mode: inherit; */
}

@media (max-width: 576px) {
  .lblBtn {
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    padding: 3px !important;
    box-sizing: border-box !important;
  }

  .lblBtn img {
    width: 100% !important;
    margin: auto !important;
  }
}

.lblBtn:before,
.lblBtn:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.7);
  animation: pulse-ring 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.lblBtn:after {
  animation-delay: 0.5s;
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.1);
    opacity: 1;
  }
  65%,
  80% {
    transform: scale(2.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .lblContainer,
  .lblWrap {
    aspect-ratio: 16/7;
  }

  .lblBtn {
    width: 35px;
    height: 35px;
  }

  .lblBtn img {
    width: 70%;
  }

  .lblButtons.desktop {
    display: block;
  }

  .lblButtons.mob {
    display: none;
  }
}

.sbsLinks {
  height: 400px;
}

.sbsLinks .swiper-slide a {
  font-size: 1.5rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.sbsLinks .swiper-slide.swiper-slide-thumb-active a {
  font-weight: 700;
}

.sbsLinks .swiper-slide a:after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  position: relative;
  left: -20px;
  opacity: 0;
  margin-left: 20px;
  background: url("data:image/svg+xml,<svg viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'><path d='M26.7735 13.9362L14.9906 2.15274C14.7793 1.94185 14.6688 1.69322 14.6591 1.40686C14.6493 1.12086 14.764 0.858332 15.003 0.619277C15.2417 0.388888 15.4972 0.271527 15.7695 0.267193C16.0418 0.263221 16.2973 0.380582 16.536 0.619277L29.7109 13.7942C29.9001 13.9835 30.0328 14.1767 30.109 14.3738C30.1856 14.571 30.2239 14.7862 30.2239 15.0195C30.2239 15.2528 30.1856 15.468 30.109 15.6652C30.0328 15.8623 29.9001 16.0555 29.7109 16.2447L16.536 29.4197C16.3334 29.6223 16.0869 29.7306 15.7966 29.7447C15.5063 29.7584 15.2417 29.6501 15.003 29.4197C14.764 29.1806 14.6445 28.923 14.6445 28.6467C14.6445 28.3701 14.764 28.1125 15.003 27.8738L26.7735 16.1028L1.68617 16.1028C1.37778 16.1028 1.12013 15.9994 0.913211 15.7924C0.706294 15.5855 0.602838 15.3279 0.602838 15.0195C0.602838 14.7111 0.706294 14.4534 0.913211 14.2465C1.12013 14.0396 1.37778 13.9361 1.68617 13.9361L26.7735 13.9362Z' fill='%23222'/></svg>")
    no-repeat center;
  background-size: contain;
  transition: all 0.3s ease;
}

.sbsLinks .swiper-slide.swiper-slide-thumb-active a:after {
  opacity: 1;
  left: 0;
}

.cardSwiper {
  width: 100%;
  max-width: 1000px;
  aspect-ratio: 5/4.5;
  margin: 0;
  border-radius: 0 1rem 0 0;
  padding: 50px 0;
}

.cardSwiper .swiper-slide {
  width: 50%;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  border: 1px solid #eee;
}

.cookieWrap .shopTitle {
  line-height: 1.1;
}

.coockieContent p {
  margin-bottom: 1rem;
}
.coockieContent p:last-child {
  margin-bottom: 0px;
}

@media (max-width: 576px) {
  .cardSwiper .swiper-slide {
    border: none;
  }
}

.cardSwiper .swiper-slide a {
  display: block;
  border-radius: 1rem;
}

.cardSwiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  vertical-align: top;
}

.cardSwiper .cardName {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  z-index: 1;
}

.cardSwiper .cardName:before {
  content: "";
  width: 100%;
  height: 200%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.cardSwiper .swiper-slide:last-child {
  border-color: transparent;
}

@media (min-width: 576px) {
  .cardSwiper {
    aspect-ratio: 3/2.5;
  }

  .cardSwiper .cardName {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .cardSwiper {
    aspect-ratio: 5/4;
    padding: 50px 0 0 0;
    float: right;
  }

  .cardSwiper .cardName {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    padding: 1.5rem;
  }

  .cardSwiper .swiper-slide:hover .cardName {
    opacity: 1;
    visibility: visible;
  }

  .sbsLinks {
    height: 300px;
  }
}

@media (min-width: 992px) {
  .cardSwiper {
    aspect-ratio: 10/7;
  }

  .cardSwiper {
    max-width: 700px;
  }

  .cardSwiper .cardName {
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .sbsLinks {
    height: 350px;
  }

  .cardSwiper {
    max-width: 800px;
  }
}

@media (min-width: 1400px) {
  .cardSwiper {
    max-width: 1000px;
  }

  .sbsLinks {
    height: 450px;
  }
}

.pageFooter {
  background: #000;
  color: #fff;
  position: relative;
  z-index: 100;
}

.footLinkBox {
  margin-bottom: 0px;
}

.footNavHead {
  font-size: 1.2rem;
  font-weight: 500;
  position: relative;
}

.footLinks li {
  margin-top: 12px;
}

.footLinks li a {
  font-size: 1rem;
  color: rgba(206, 206, 206, 0.7);
  transition: all 0.3s ease;
  position: relative;
  left: 0;
}

.footLinks li a:hover {
  color: #fff;
  left: 3px;
}

.footLinkBtn {
  height: auto;
  display: table;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  border-radius: 50rem;
}

.footLinkBtn:before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  background: rgba(49, 49, 49, 1);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50rem;
  transition: all 0.4s ease;
  z-index: -1;
}

.footLinkBtn:hover:before {
  width: 100%;
  background: var(--black);
}

.footLinkBtn img {
  width: auto;
  height: auto;
  max-height: 40px;
  padding: 13px;
  margin-right: 10px;
  transition: all 0.3s ease;
  background: rgba(49, 49, 49, 1);
  border-radius: 50rem;
  overflow: visible;
  box-sizing: content-box;
}

.footLinkBtn:hover img {
  margin-right: 0;
  background: var(--black);
}

.footBox {
  width: 100%;
  background: var(--black);
  color: #fff;
  border-radius: 1rem;
  font-size: 1rem;
  transition: all 0.3s ease;
  border: 1px solid var(--black);
}

.footBox .titleFont {
  color: #fff;
}

.footBox .fbArw {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  display: block;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: rotate(-45deg);
  transition: all 0.3s ease;
  position: relative;
  background: var(--black);
}

.footBox .fbArw svg {
  width: 100%;
  height: 100%;
}

.footBox:hover .fbArw {
  transform: rotate(0deg);
}

.footBox:hover {
  background: #222;
  border-color: #444;
}

.footBox:hover .fbArw {
  border-color: var(--black);
}

.footBoxIcon {
  width: 4.5rem;
  height: auto;
}

.footBtm {
  border-top: 1px solid #313131;
}

.socialIcons a {
  opacity: 1;
  transition: all 0.3s ease;
  transform: scale(1);
  position: relative;
}

.socialIcons a:hover {
  transform: scale(1.1);
}

.socialIcons img {
  width: auto;
  height: 1.5rem;
  display: block;
}

.scrollTopBtn {
  width: 35px;
  height: 50px;
  background: none;
  border: 0;
  padding: 8px;
  position: fixed;
  bottom: -5%;
  right: 8px;
  visibility: hidden;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s ease;
  border-radius: 50%;
  z-index: -1;
}

.scrollTopBtn.active {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
  bottom: 3%;
}

.scrollTopBtn img {
  transform: rotate(-90deg);
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  transition: all 0.3s ease;
}

.scrollTopBtn:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border: 2px solid var(--black);
  border-radius: 50%;
  transition: all 0.3s ease;
  transform: scale(1);
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center;
}

.scrollTopBtn:hover:before {
  transform: scale(1.1);
}

.scrollTopBtn:hover img {
  top: -8px;
}

.newsLetterWrap {
  background: #111;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

/*.newLetterForm {border:1px solid #313131;}*/

.newLetterForm .form-control {
  background: transparent;
  border: 0;
  color: #fff;
}

.newLetterForm .ctaBtn {
  background: #000;
  padding: 10px 30px;
}

@media (max-width: 575.98px) {
  .footLinkBox {
    border-bottom: 1px solid #333;
    padding: 0 0 20px;
  }

  .footNavHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footNavHead:after {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    background: var(--plusWhite) no-repeat center;
    background-size: contain;
    position: relative;
    transform: rotate(0deg);
    transition: all 0.3s ease;
    transform-origin: 50% 50%;
  }

  .footNavHead[aria-expanded="true"]:after {
    transform: rotate(135deg);
  }
}

@media (min-width: 576px) {
  .footBox {
    width: 50%;
  }

  .footBox:hover {
    width: 55%;
  }

  .footLinks {
    display: block !important;
  }

  .footNavHead {
    border-bottom: 0;
    pointer-events: none;
    margin-bottom: 35px;
    padding: 0 0 8px 0;
  }

  .footNavHead:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 768px) {
  .scrollTopBtn {
    width: 55px;
    height: 70px;
    padding: 15px;
    right: 20px;
  }

  .footBox .fbArw {
    width: 3.1rem;
    height: 3.1rem;
  }

  .newsLetterWrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .footBox {
    width: 100%;
  }

  .footBox:hover {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .footBox {
    width: 50%;
  }

  .footBox:hover {
    width: 55%;
  }
}

@media (min-width: 1400px) {
  /*.footLinkBtn {margin-top:15px;}*/

  .footLinkBtn img {
    padding: 12px;
  }
}

/* Product Listing Page  */

/*.breadcrumb {--bs-breadcrumb-item-padding-x:.3rem}*/

.breadcrumb-item {
  font-size: 14px;
}

.breadcrumb-item.active {
  font-weight: 500;
  color: var(--black);
}

.pgStick {
  position: sticky;
  top: -2px;
  right: 0;
  z-index: 999;
  background: #fff;
  transition: top 0.5s ease;
}

.nav-down .pgStick {
  top: 47px;
}

@media (min-width: 992px) {
  .nav-down .pgStick {
    top: 48px;
  }
}

@media (min-width: 1400px) {
  .nav-down .pgStick {
    top: 71px;
  }
}

@media (min-width: 1600px) {
  .nav-down .pgStick {
    top: 85px;
  }
}

.prodCatpgHead {
  font-size: 1.6rem;
  font-weight: 600;
}

.filterSortBtn {
  border: 0;
  background: #fff;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  align-items: center;
  padding: 0;
}

.sortBtn:after {
  display: none;
}

.sortBtn img {
  transform: rotate(90deg);
}

.sortMenu {
  z-index: 500;
  width: 100%;
}

.sortMenu li {
  padding: 0.3rem 1rem;
  display: block;
  white-space: nowrap;
  font-size: 0.9rem;
}

.sortMenu li:hover {
  background-color: #f0f0f0;
}

.sortSelected {
  display: none;
}

.sortSelected:before {
  content: ":";
  margin: 0 0.2rem;
  display: inline-block;
}

.filterWrap::-webkit-scrollbar {
  width: 2px;
  background-color: #eee;
}

.filterWrap::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 5px;
}

.filterClose {
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border: 1px solid #cecece;
  color: #000;
  font-size: 1.8rem;
  line-height: 1;
  padding: 0.25rem;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
  border-radius: 50%;
}

@media (max-width: 575.98px) {
  .filterBtn.filterSortBtn {
    border: 1px solid #cecece;
    border-radius: 50rem;
    padding: 0.3rem 0.5rem;
  }
}

@media (max-width: 991.98px) {
  .filterMain {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index: 1000;
    background: #fff;
    padding: 0;
    margin: 0;
    transition: bottom 0.3s ease !important;
  }

  .filterMain.collapsing {
    width: 100%;
    height: 100vh;
    transition: bottom 0.3s ease !important;
  }

  .filterMain.show {
    bottom: 0;
    display: flex;
    flex-direction: column;
  }

  .filterWrap {
    width: 100%;
    padding: 2rem 4rem;
    margin: auto;
    overflow: auto;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
  }

  .filterBtn.filterSortBtn img {
    width: 1rem;
    height: auto;
  }
}

@media (min-width: 576px) {
  .productResult > div:nth-child(2n) {
    transition-delay: 0.2s;
  }
}

@media (min-width: 992px) {
  .filterMain {
    position: sticky;
    top: 0;
    width: auto;
    background: #fff;
    margin-bottom: 100px;
  }

  .filterMain.show {
    top: 55px;
  }

  .nav-down .filterMain.show {
    top: 130px;
    max-height: calc(100vh - 130px);
  }

  .filterWrap {
    width: 230px;
    padding: 0;
    max-height: calc(100vh - 60px);
    overflow: auto;
  }

  .filterClose {
    display: none !important;
  }

  .productResult > div:nth-child(3n-1) {
    transition-delay: 0.2s;
  }

  .productResult > div:nth-child(3n) {
    transition-delay: 0.4s;
  }
}

@media (min-width: 1400px) {
  .filterWrap {
    width: 300px;
  }
}

.filterItem {
  border-bottom: 1px solid #cecece;
  padding: 0.8rem 0;
  max-width: 350px;
  margin: auto;
}

.filterHead,
.filterHead:focus {
  width: 100%;
  border: 0;
  padding: 0.2rem 0;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  outline: 0 !important;
  box-shadow: none !important;
  background: none !important;
  color: var(--black) !important;
}

.filterHead:after {
  width: 1rem;
  height: 1rem;
  background-size: 1rem auto;
}

.filterContent {
  padding: 0.8rem 0;
}

.filterList > li {
  position: relative;
  font-size: 0.9rem;
}

.filterList input[type="checkbox"],
.filterList input[type="radio"] {
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #cecece;
  border-radius: 0.2rem;
}

.filterList input[type="checkbox"]:checked,
.filterList input[type="radio"]:checked {
  background-color: var(--black);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.filterList input[type="checkbox"]:checked + label,
.filterList input[type="radio"]:checked + label {
  font-weight: 500;
}

.filterList input:disabled + label {
  background: #f6f6f6;
  cursor: not-allowed;
  color: #ccc;
  border-color: #eee;
}

.filterList label {
  cursor: pointer;
  background: #fff;
}

.modifilter input[type="checkbox"],
.modifilter input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

.sizeList label {
  width: 100%;
  height: 2.8rem;
  border: 1px solid #cecece;
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
}

.sizeList input[type="checkbox"]:checked + label,
.sizeList input[type="radio"]:checked + label {
  background: var(--black);
  color: #fff;
  border-color: var(--black);
}

.colorList label {
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.8;
  border: 1px solid #cecece;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  position: relative;
}

.colorList input[type="checkbox"]:checked + label {
  border-color: var(--black);
}

.colorList input[type="checkbox"]:checked + label:after {
  content: "";
  width: 1.7rem;
  height: 1.7rem;
  display: block;
  visibility: visible;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}

.printList label {
  display: flex;
}

.printList label .flt_iconBox {
  width: 20%;
  height: auto;
  aspect-ratio: 4/3.5;
  margin-right: 1rem;
  border: 1px solid #cecece;
  border-radius: 0.3rem;
  padding: 2%;
}

.printList label .flt_iconBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.printList label .flt_iconTxt {
  align-self: center;
}

.printList input[type="checkbox"]:checked + label .flt_iconBox {
  border-color: var(--black);
}

.stackList label {
  display: flex;
  border: 1px solid #cecece;
  border-radius: 0.3rem;
  padding: 0.4rem;
}

.stackList label .flt_iconBox {
  margin-right: 0.5rem;
  width: 35px;
  height: 35px;
}

.stackList label .flt_iconBox img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: unset;
}

.stackList label .flt_iconTxt {
  align-self: center;
}

.stackList input[type="checkbox"]:checked + label {
  background-color: var(--black);
  color: #fff;
}

.appliedList {
  padding: 0.8rem 0 0;
}

.appliedList li {
  max-width: 100%;
  background: #f0f0f0;
  border-radius: 50rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.8rem;
  display: inline-block;
  align-items: center;
  margin: 0 0.3rem 0.3rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.clearFilterBtn {
  font-size: 0.9rem;
  line-height: 1;
  display: inline-flex;
  font-weight: 500;
}

.clearFilterBtn img {
  height: 0.9rem;
  width: auto;
  display: inline-block;
  margin-left: 0.4rem;
}

/*  xxxxxxxx Range Slider Css xxxxxxxxx  */

.rangeSliderBox {
  font-size: 1rem;
  padding-top: 20px;
}

.rangeSliderBox .rangeLabel {
  font-weight: 500;
}

.rangeSliderBox .price:before {
  content: "\20B9";
  margin-right: 2px;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement */

.noUi-horizontal {
  height: 7px;
  margin: 0 12px;
}

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  left: -8px;
  top: -100%;
  background-color: #fff;
  border: 2px solid var(--black);
  cursor: pointer;
}

/* Styling */

.noUi-background {
  background: #cecece;
}

.noUi-connect {
  background: var(--black);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 50rem;
}

.noUi-target {
  border-radius: 50rem;
}

/* .noUi-target.noUi-connect {} */

/* Handles and cursors */

.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

/* .noUi-handle:active {} */

/* Disabled state */

[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/*  xxxxxxxx Range Slider Css Ends xxxxxxxxx  */

.modal-backdrop {
  --bs-backdrop-opacity: 0.7;
  backdrop-filter: blur(10px);
}

.quickviewModal {
  max-width: 890px;
}

.quickviewModal .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.quickviewSwiper {
  background: #eee;
  border-radius: 0.5rem;
}

.quickviewSwiper img {
  width: 100%;
  height: auto;
}

.quickviewSwiper .qvNavi {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0;
  margin-top: -15px;
  border: 0;
  z-index: 10;
  background: var(--chevronBlack) no-repeat center;
  background-size: 30% auto;
}

.quickviewSwiper .qvNavi.qvPrev {
  left: 0;
  right: unset;
  transform: rotate(180deg);
}

.qvProdName {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1a1a1a;
}

.qvPrice {
  font-size: 1.8rem;
  font-weight: 600;
}

.qvColors .prodColorList .colorSwatch {
  width: 20px;
  height: 20px;
  background: #f3f3f3;
  border-radius: 50%;
  margin: 4px 7px;
  cursor: pointer;
  position: relative;
}

.qvBtns .ctaBtn {
  font-size: 1rem;
  width: 100%;
  padding: 0.8rem 0.5rem;
}

/* Product Details Pg */

.prodBigSwiper {
  border-radius: 0.5rem;
  background-color: #f0f0f0;
}

.prodBigSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prodBigSwiper .pbsNavi {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  position: absolute;
  right: -10%;
  top: 50%;
  padding: 0;
  margin-top: -15px;
  border: 0;
  z-index: 10;

  background: var(--chevronBlack) no-repeat center;
  background-size: 30% auto;
  transition: all 0.5s ease;
}

.prodBigSwiper .pbsNavi.pbsPrev {
  left: -10%;
  right: unset;
  transform: rotate(180deg);
}

.prodBigSwiper:hover .pbsNavi {
  right: 0;
}

.prodBigSwiper:hover .pbsNavi.pbsPrev {
  left: 0;
}

.prodthumbSwiper {
  width: 13%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.prodthumbSwiper .swiper-slide {
  width: 100%;
  height: auto;
  aspect-ratio: 10/13;
  border-radius: 0.4rem;
  overflow: hidden;
  border: 1px solid #fff;
  background-color: #fcfcfc;
  cursor: pointer;
}

.prodthumbSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prodthumbSwiper .swiper-slide-thumb-active {
  border-color: #ccc;
  filter: brightness(90%);
}

.pcProdName {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  color: #1a1a1a;
  margin-bottom: 2rem;
}

.pcPrice {
  margin-bottom: 2rem;
}

.pcPrice .woocommerce-Price-amount {
  font-size: 1.8rem !important;
  font-weight: 600;
}

.shareBtn {
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--black);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
}

.shareBtn .shareIcon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  object-position: center;
  margin-left: -0.1rem;
}

.shareBtn:hover {
  background: var(--black);
  color: #fff;
}

.pcProdVariants .colorSwatch {
  width: 3.5rem;
  height: auto;
  aspect-ratio: 5/4;
  background: #f3f3f3;
  border-radius: 0.3rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
  position: relative;
  border: 1px solid #cecece;
}

.pcProdVariants .colorSwatch.selected:before {
  content: "";
  width: auto;
  height: auto;
  display: block;
  border-radius: 0.5rem;
  border: 1px solid #000;
  position: absolute;
  top: -4px;
  left: -4px;
  bottom: -4px;
  right: -4px;
  margin: auto;
}

.descpTitle {
  font-size: 1.4rem;
  font-weight: 500;
  color: #1a1a1a;
}

.prodDescp ul li {
  list-style: disc;
  margin-left: 1.3rem;
  margin-bottom: 0.5rem;
}

.pbcItem {
  border-bottom: 1px solid #cecece;
}

.pbcHead {
  background: transparent;
  border: 0;
  width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #1a1a1a;
}

.pbcHead[aria-expanded="true"] {
  font-weight: 550;
}

.pbcHead:after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  background: var(--plusBlack) no-repeat center;
  background-size: contain;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  transform-origin: 50% 50%;
  flex-shrink: 0;
}

.pbcHead[aria-expanded="true"]:after {
  transform: rotate(225deg);
}

.prodIconDetails .pidHolder:nth-child(4n-3) {
  z-index: 4;
}

.prodIconDetails .pidHolder:nth-child(4n-2) {
  transition-delay: 0.2s;
  z-index: 3;
}

.prodIconDetails .pidHolder:nth-child(4n-1) {
  transition-delay: 0.4s;
  z-index: 2;
}

.prodIconDetails .pidHolder:nth-child(4n) {
  transition-delay: 0.6s;
  z-index: 1;
}

.pidItem {
  border-bottom: 1px solid #cecece;
  padding: 1rem 0;
  position: relative;
  height: 100%;
  background: #fff;
  transition: all 0.3s ease;
}

.pidItem:hover {
  background: #f6f6f6;
}

.pidHead:after {
  content: "i";
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--black);
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  right: 1rem;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
}

.pidIcon {
  max-width: 4rem;
  width: 20%;
  height: 100%;
  aspect-ratio: 1/1;
  display: block;
}

.pidTitle {
  font-size: 1.4rem;
  font-weight: 500;
}

.pidTitle small {
  font-size: 60%;
}

.pidCancel {
  width: 2rem;
  height: 2rem;
  display: block;
  background: #000;
  border: 0;
  color: #aaa;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 1.5rem;
  line-height: 0;
}

.pidContent {
  background: var(--black);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  border-radius: 0.3rem;
  overflow: hidden;
}

.pidContentScroll {
  overflow: auto;
  max-height: 250px;
  margin: 20px;
  padding-right: 10px;
  line-height: 1.8;
}

.pidContentScroll::-webkit-scrollbar {
  width: 2px;
  background-color: #666;
}

.pidContentScroll::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 5px;
}

.reviewWrap {
  background: #f0f0f0;
}

.starItemsWrap {
  width: 100%;
  max-width: 400px;
  font-weight: 500;
}

.starItem .starIcon {
  width: 1.5rem;
  height: auto;
  display: inline-block;
}

.starItem .progress {
  background-color: #dee2e6;
  border-radius: 0;
  height: 0.8rem;
}

.starItem .progress-bar {
  background-color: var(--black);
}

.overallreview {
  width: 100%;
  max-width: 400px;
}

.prodRating {
  font-size: 2.5rem;
  font-weight: 600;
}

.ratingBox {
  width: 10rem;
  height: 1.5rem;
  display: inline-block;
  position: relative;
}

.ratingBox:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--starIcon) repeat-x;
  background-size: contain;
  filter: grayscale(100%);
  z-index: 0;
  opacity: 0.4;
}

.ratingBox .ratedStars {
  width: auto;
  height: 100%;
  display: block;
  background: var(--starIcon) repeat-x;
  background-size: contain;
  position: relative;
  z-index: 1;
}

.ratingBox .ratedStars.star1 {
  width: 20%;
}

.ratingBox .ratedStars.star2 {
  width: 40%;
}

.ratingBox .ratedStars.star3 {
  width: 60%;
}

.ratingBox .ratedStars.star4 {
  width: 80%;
}

.ratingBox .ratedStars.star5 {
  width: 100%;
}

.reviewForm {
  max-width: 850px;
  width: 100%;
}

.ratingScale {
  width: 10rem;
  height: 1.5rem;
  position: relative;
}

.ratingScale:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: var(--starIcon) repeat-x;
  background-size: contain;
  filter: grayscale(100%);
  z-index: 0;
  opacity: 0.6;
}

.ratingScale input {
  position: absolute;
  width: 0;
  height: 0;
  top: -30px;
  left: 0;
  z-index: 0;
}

.ratingScale label {
  width: auto;
  height: 100%;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-indent: -99999px;
}

.ratingScale label.s1 {
  width: 20%;
  z-index: 6;
}

.ratingScale label.s2 {
  width: 40%;
  z-index: 5;
}

.ratingScale label.s3 {
  width: 60%;
  z-index: 4;
}

.ratingScale label.s4 {
  width: 80%;
  z-index: 3;
}

.ratingScale label.s5 {
  width: 100%;
  z-index: 2;
}

.ratingScale input[type="radio"] + label:hover,
.ratingScale input[type="radio"]:checked + label {
  background: var(--starIcon) repeat-x;
  background-size: contain;
}

.reviewBox {
  border: 1px solid #ccc;
  background-color: #fff;
  height: 100%;
  transition: all 0.3s ease;
}

.reviewBox:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.reviewBox .ratingBox {
  scale: 0.8;
  transform-origin: 0 0;
}

.reviewHead {
  font-weight: 500;
  font-size: 1.3rem;
}

.reviewAuthor {
  color: #646464;
}

.favouriteBtn svg {
  fill: transparent;
}

.favouriteBtn.active svg {
  fill: rgba(228, 0, 37, 1);
  stroke: rgba(228, 0, 37, 1);
}

.table-responsive {
  scrollbar-width: thin;
}

.sizeTable {
  min-width: 800px;
  table-layout: fixed;
  font-size: 0.9rem;
  border-spacing: 0.01rem;
  border-collapse: separate;
}

.sizeTable tr {
  border-bottom: 1px solid #ccc;
}

.sizeTable th {
  font-weight: 500;
}

.sizeTable thead th {
  background-color: #f6f6f6;
}

.sizeTable th,
.sizeTable td {
  min-width: 60px;
  text-align: center;
}

.sizeTable .stickHead {
  position: sticky;
  left: 0;
  clip-path: inset(0 -2rem 0 0);
}

.sizeTable td:hover {
  background: var(--black);
  color: #fff;
  font-weight: 500;
}

@media (max-width: 575.98px) {
  .prodBigSwiper {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: auto !important;
    border-radius: 0;
  }
}

@media (min-width: 768px) {
  .pidItem {
    padding: 1rem;
  }

  .sizeTable {
    min-width: 1000px;
  }

  .sizeTable th,
  .sizeTable td {
    min-width: 100px;
  }
}

@media (min-width: 992px) {
  .prodSlideSticky {
    top: 50px;
  }

  .prodSliderWrap {
    padding: 0 0 0 15%;
  }

  .pidContentScroll {
    margin: 40px;
  }

  .reviewBoxList > div:nth-child(3n-1) {
    transition-delay: 0.3s;
  }

  .reviewBoxList > div:nth-child(3n) {
    transition-delay: 0.6s;
  }
}

.cartToast {
  width: auto;
  background: #fff;
  border: 1px solid #ddd;
}

.toastTick {
  width: 1.7rem;
  height: 1.7rem;
  background-color: #28a745;
  border-radius: 50%;
  padding: 0.4rem;
}

.cartToastList {
  overflow: auto;
  max-height: 230px;
}

.ctlImg {
  width: 20%;
  height: 100%;
  display: block;
  border-radius: 0.3rem;
}

.ctlContent {
  font-size: 0.8rem;
}

.ctlProdname {
  font-size: 0.8rem;
  font-weight: 600;
}

.ctlPrice {
  font-size: 1rem;
  font-weight: 700;
}

@media (min-width: 576px) {
  .cartToastModal .modal-dialog {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .cartToastModal .modal-dialog {
    margin-right: 3rem;
  }
}

.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  opacity: 1;
}

/* Form Pages */

.loginWrapper {
  min-height: calc(100vh - 50px);
}

.loginBg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  position: absolute;
  left: 0;
  z-index: -1;
  display: none;
}

.loginWrap {
  width: 100%;
  background: #fff;
}

.loginContainer {
  width: 90%;
}

.loginContainer a:not(.ctaBtn):hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

@media (min-width: 576px) {
  .loginContainer {
    max-width: 550px;
    width: 80%;
  }
}

@media (min-width: 992px) {
  .loginWrap,
  .loginBg {
    width: 50%;
    display: block;
  }

  .loginWrapper {
    min-height: calc(100vh - 110px);
  }

  .loginContainer {
    width: 60%;
  }
}

@media (min-width: 1400px) {
  .loginWrapper {
    min-height: calc(100vh - 132px);
  }
}

@media (min-width: 1600px) {
  .loginWrapper {
    min-height: calc(100vh - 160px);
  }
}

.form-floating {
  position: relative;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: 3.5rem;
  min-height: 3.5rem;
  border-color: #cecece;
  font-weight: 500;
  color: var(--black);
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.5rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  font-size: 1rem;
  color: #646464;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 0.5rem;
}

.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}

.form-floating > .form-control:focus,
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-floating > .form-select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(0, 0, 0, 0.5);
  transform: scale(0.85) translateY(-0.7rem) translateX(0.2rem);
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}

.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.25rem;
  z-index: -1;
  height: 1.5em;
  content: "";
}

.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.2rem);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #ccc;
}

.form-check-input {
  width: 1.1em;
  height: 1.1em;
  margin-left: 0.5em;
  border-color: #cecece;
}

.form-check-input:checked {
  background-color: var(--black);
  border-color: var(--black);
}

.passwordBtn {
  width: 1.3rem;
  height: 1.3rem;
  border: 0;
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  background: #fff no-repeat center;
  background-size: contain;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'><path d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/><path d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/><path d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'/></svg>");
}

.passwordBtn.active {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'><path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/><path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/></svg>");
}

.socialLoginBtns .ctaBtn img {
  height: 1.5rem;
}

/* Cart Pages */

.bagCount {
  font-size: 40%;
  font-weight: 400;
}

.bagItem {
  padding-bottom: 1.3rem;
  margin-bottom: 1.3rem;
  border-bottom: 1px solid #cecece;
}

.bgiImg {
  max-width: 70px;
  width: 100%;
  height: auto;
  border-radius: 0.3rem;
  display: block;
}

.bgiProdname,
.bgiProdPrice {
  font-size: 1rem;
  font-weight: 600;
}

.bgiProdDetail,
.bgiBtn {
  font-size: 0.9rem;
}

.bgiBtn img {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
  vertical-align: text-bottom;
}

.bgiBtn:hover {
  font-weight: 500;
}

.bgiDeleteBtn img {
  width: 1rem;
  height: 1rem;
}

.bgiBtns .ctaBtn {
  font-size: 1rem;
}

.bgiBtns .addcartBtn svg {
  width: 1.2rem;
  height: 1.2rem;
}

.quantitySpinner {
  width: 120px;
}

.quantitySpinner > * {
  color: var(--black);
  font-weight: 500;
}

.summaryWrap {
  background-color: rgba(240, 240, 240, 1);
  position: sticky;
  top: 100px;
}

.swTitle {
  font-size: 1.4rem;
  font-weight: 600;
}

.swItem {
  font-size: 1rem;
}

.greenTxt {
  color: rgba(40, 167, 69, 1);
}

.swPromoBox * {
  font-size: 0.9rem !important;
}

.swPromoHead:after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  margin-left: auto;
  transform: rotate(90deg);
  background: var(--chevronBlack) no-repeat center;
  background-size: contain;
  transition: all 0.5s ease;
}

.swPromoHead[aria-expanded="true"]:after {
  transform: rotate(-90deg);
}

@media (min-width: 576px) {
  .bgiImg {
    max-width: 100px;
  }

  .bgiProdname,
  .bgiProdPrice {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .bgiImg {
    max-width: 150px;
  }
}

@media (min-width: 992px) {
  .bgiProdname,
  .bgiProdPrice {
    font-size: 1.5rem;
  }

  .bgiProdDetail,
  .bgiBtn {
    font-size: 1rem;
  }
}

@media (min-width: 1600px) {
  .bgiProdname,
  .bgiProdPrice {
    font-size: 1.3rem;
  }

  .bgiProdDetail,
  .bgiBtn {
    font-size: 0.9rem;
  }
}

.mobSummaryItem {
  position: fixed;
  bottom: 0;
  background: #f6f6f6;
  z-index: 999;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
  display: block;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}

.in-view .mobSummaryItem {
  transform: translate3d(0px, 100px, 0);
}

/* Checkout Pages */

.checkoutStep:before {
  content: "";
  width: auto;
  height: 2px;
  display: block;
  background: #ccc;
  position: absolute;
  top: 1.6rem;
  left: 2rem;
  right: 2rem;
  margin: auto;
  z-index: -1;
}

.stepNo {
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  background: #cecece;
  color: #646464;
  line-height: 2.5rem;
  margin: auto;
  border: 0.5rem solid #fff;
}

.stepActive .stepNo {
  background: var(--black);
  color: #fff;
}

.stepHead {
  display: block;
  font-size: 1.05rem;
}

.chkoutTitle {
  font-size: 1.8rem;
  font-weight: 600;
}

.addressCheck label {
  cursor: pointer;
}

/* Profile Pages */

.profCoverBanner {
  height: 15rem;
  position: relative;
}

.profCoverBanner::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  z-index: 0;
}

.profCoverImg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: -1;
}

.profCoverDetails {
  position: relative;
  z-index: 1;
  color: #f0f0f0;
}

.profNameThumb {
  width: 4rem;
  height: 4rem;
  aspect-ratio: 1;
  background: #f0f0f0;
  border: 3px solid #ccc;
  color: var(--black);
  font-size: 1.3rem;
  font-weight: 600;
}

.profName {
  font-size: 1.4rem;
  font-weight: 600;
}

.myAccLinkWrap {
  width: 220px;
  position: sticky;
  top: 100px;
  padding-right: 3rem;
  margin-right: 2rem;
  border-right: 1px solid #cecece;
}

.myAccLinks li a {
  font-size: 1.3rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.myAccLinks li a:hover {
  font-weight: 500;
}

.myAccLinks li a.active {
  font-weight: 600;
}

.myAccLinks li a.active:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  position: relative;
  right: 0;
  background: url("data:image/svg+xml,<svg viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'><path d='M26.7735 13.9362L14.9906 2.15274C14.7793 1.94185 14.6688 1.69322 14.6591 1.40686C14.6493 1.12086 14.764 0.858332 15.003 0.619277C15.2417 0.388888 15.4972 0.271527 15.7695 0.267193C16.0418 0.263221 16.2973 0.380582 16.536 0.619277L29.7109 13.7942C29.9001 13.9835 30.0328 14.1767 30.109 14.3738C30.1856 14.571 30.2239 14.7862 30.2239 15.0195C30.2239 15.2528 30.1856 15.468 30.109 15.6652C30.0328 15.8623 29.9001 16.0555 29.7109 16.2447L16.536 29.4197C16.3334 29.6223 16.0869 29.7306 15.7966 29.7447C15.5063 29.7584 15.2417 29.6501 15.003 29.4197C14.764 29.1806 14.6445 28.923 14.6445 28.6467C14.6445 28.3701 14.764 28.1125 15.003 27.8738L26.7735 16.1028L1.68617 16.1028C1.37778 16.1028 1.12013 15.9994 0.913211 15.7924C0.706294 15.5855 0.602838 15.3279 0.602838 15.0195C0.602838 14.7111 0.706294 14.4534 0.913211 14.2465C1.12013 14.0396 1.37778 13.9361 1.68617 13.9361L26.7735 13.9362Z' fill='%23222'/></svg>")
    no-repeat center;
  background-size: contain;
}

.myAccPgTitle {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 600;
}

.myAccTabs .ctaBtn {
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  text-wrap: nowrap;
}

.olTxtBlue {
  color: #17a2b8;
}

.olTxtYellow {
  color: #ffc107;
}

.olTxtGreen {
  color: #28a745;
}

.olTxtRed {
  color: #dc3545;
}

.olItem {
  border: 1px solid #cecece;
  padding: 0.5rem;
}

.olImg {
  width: 7rem;
  height: auto;
  border-radius: 0.2rem;
}

.olBtn {
  padding: 0.25rem 0.75rem;
  font-size: 0.8rem;
}

.olContent {
  font-weight: 600;
  font-size: 0.9rem;
}

/*.olItem:last-child {margin-bottom: 0 !important;}*/

.clearWishlistBtn {
  width: 2rem;
  height: 2rem;
  border: 0;
  padding: 0.2rem;
  background: transparent;
  border-radius: 50%;
}

.clearWishlistBtn:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;

  background-image: url("data:image/svg+xml,<svg viewBox='0 0 29 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M19.3228 13.917C19.1035 13.917 18.9199 13.8423 18.7718 13.6928C18.6234 13.5433 18.5492 13.358 18.5492 13.137C18.5492 12.9162 18.6234 12.7332 18.7718 12.588C18.9199 12.4431 19.1035 12.3706 19.3228 12.3706H27.9988C28.218 12.3706 28.4017 12.4454 28.5498 12.5949C28.6979 12.7443 28.772 12.9296 28.772 13.1506C28.772 13.3714 28.6979 13.5544 28.5498 13.6996C28.4017 13.8445 28.218 13.917 27.9988 13.917H19.3228ZM0.332031 6.70862C0.332031 4.839 0.962432 3.25538 2.22323 1.95778C3.48403 0.660406 5.04232 0.0117188 6.89808 0.0117188C8.16683 0.0117188 9.34335 0.327942 10.4276 0.960387C11.5119 1.59306 12.463 2.51924 13.2808 3.73892C14.1999 2.46858 15.1862 1.52979 16.2396 0.922562C17.293 0.315333 18.4323 0.0117188 19.6574 0.0117188C21.5697 0.0117188 23.1488 0.679263 24.3946 2.01435C25.6406 3.34921 26.2523 4.94895 26.2296 6.81357C26.2296 7.15251 26.2038 7.49111 26.1522 7.82937C26.1006 8.1674 26.0233 8.51474 25.9202 8.8714C25.8497 9.09539 25.7185 9.24396 25.5266 9.31711C25.3346 9.39026 25.1465 9.40071 24.9623 9.34846C24.7778 9.29599 24.6266 9.18388 24.5087 9.01213C24.3908 8.84039 24.3615 8.61174 24.4208 8.32619C24.5012 8.04177 24.5594 7.76019 24.5953 7.48145C24.631 7.20294 24.6488 6.92261 24.6488 6.64047C24.6488 5.17612 24.1407 3.96302 23.1246 3.00118C22.1085 2.03911 20.9548 1.55807 19.6635 1.55807C18.4595 1.55807 17.3804 1.91894 16.4263 2.64066C15.4722 3.36238 14.698 4.25971 14.1037 5.33264C14.0147 5.49984 13.894 5.62853 13.7418 5.71872C13.5896 5.80913 13.428 5.85434 13.2569 5.85434C13.0807 5.85434 12.923 5.80561 12.784 5.70815C12.6449 5.61092 12.5249 5.48575 12.4238 5.33264C11.8384 4.25085 11.072 3.35137 10.1247 2.63419C9.17763 1.91678 8.10209 1.55807 6.89808 1.55807C5.44259 1.55807 4.2421 2.04945 3.29662 3.03219C2.35136 4.01516 1.87873 5.24064 1.87873 6.70862C1.87873 7.56733 2.05036 8.4099 2.39361 9.23635C2.73709 10.0628 3.33603 11.0092 4.19042 12.0755C5.04504 13.1421 6.21236 14.388 7.69238 15.8133C9.17241 17.2386 11.0352 18.9875 13.2808 21.0599L16.6778 18.0061C16.8246 17.868 17.0011 17.8066 17.2073 17.8221C17.4134 17.8375 17.5866 17.914 17.727 18.0514C17.8874 18.2047 17.9654 18.3919 17.9611 18.613C17.9566 18.834 17.8669 19.0092 17.6922 19.1384L14.3763 22.132C14.2244 22.2787 14.0492 22.3809 13.8509 22.4386C13.6526 22.4963 13.4575 22.5252 13.2658 22.5252C13.0741 22.5252 12.8872 22.495 12.7053 22.4346C12.5233 22.3741 12.3569 22.2662 12.2061 22.1108C10.7435 20.7601 9.30269 19.4368 7.88355 18.141C6.46464 16.8452 5.19645 15.5626 4.079 14.2932C2.96154 13.0235 2.05774 11.7557 1.36759 10.4897C0.677218 9.22363 0.332031 7.96329 0.332031 6.70862Z' fill='%23646464'/></svg>");
}

.lyclubContent {
  font-size: 1.2rem;
}

.lyclubContent h2 {
  font-size: 1.7rem;
  font-weight: 600;
}

@media (min-width: 576px) {
  .profCoverBanner {
    height: 18rem;
  }

  .olItem {
    padding: 0.75rem;
  }

  .olImg {
    width: 4.7rem;
    max-width: 75px;
  }

  .profNameThumb {
    width: 6rem;
    height: 6rem;
    font-size: 1.5rem;
    border: 5px solid #ccc;
  }
}

@media (min-width: 1600px) {
  .profCoverBanner {
    height: 20rem;
  }

  .myAccLinkWrap {
    width: 280px;
  }

  .lykedList .prodName {
    font-size: 0.9rem;
  }

  .lykedList .ctaBtn {
    padding: 0.5rem 1rem;
  }
}

/* Store Locator */

.locatorSection {
  position: relative;
  width: 100%;
  height: auto;
  background: #eee;
  display: flex;
  justify-content: end;
}

.locatorWrap {
  width: 100%;
  height: 100%;
  background: #fff;
}

.locatorStickyBox {
  background-color: #fff;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #cecece;
  z-index: 1;
}

.locatorTitle {
  font-size: 1.6rem;
  font-weight: 600;
}

.storeItem {
  border-bottom: 1px solid #cecece;
}

.storeName {
  font-size: 1rem;
  font-weight: 600;
}

.storeTiming {
  font-weight: 500 !important;
}

.storeTiming strong {
  font-weight: 600 !important;
}

.storeMapWrapper {
  width: auto;
  height: 70vh;
  position: relative;
  z-index: 0;
}

.storeMapWrapper .storeMapIframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  border: 0;
}

.locatorTabs button {
  border: 0;
  background: #fff;
  padding: 1rem 0;
}

.locatorTabs button.active {
  font-weight: 700;
}

.locFilter {
  height: 2.7rem;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--black);
  padding: 0 0.65rem;
  background-color: #f0f0f0;
  border-radius: 20px;
}

.locSearch {
  padding-left: 2.1rem;
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  background-size: 1.3rem auto;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M15.9999 24.7272C21.6232 24.7272 26.1818 20.1686 26.1818 14.5453C26.1818 8.92208 21.6232 4.36353 15.9999 4.36353C10.3767 4.36353 5.81812 8.92208 5.81812 14.5453C5.81812 20.1686 10.3767 24.7272 15.9999 24.7272Z' fill='none' stroke='%231A1A1A' stroke-width='2'/><path d='M23.2725 21.8181L27.6361 26.1818' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.locSearch::placeholder {
  color: var(--black);
  opacity: 1;
}

.locSearch::-webkit-search-cancel-button {
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/></svg>");
  background-size: cover;
}

.locFilter:focus {
  border: 1px solid #ccc;
  background-color: #f4f4f4;
}

@media (min-width: 992px) {
  .locatorSection {
    height: calc(100vh - 110px);
  }

  .locatorWrap {
    width: 30%;
    height: 100%;
  }

  .storeMapWrapper {
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .locatorStickyBox {
    position: unset;
    border: unset;
  }

  .feedbackForm {
    max-width: 50%;
  }
}

@media (min-width: 1400px) {
  .locatorSection {
    height: calc(100vh - 133px);
  }
}

@media (min-width: 1600px) {
  .locatorSection {
    height: calc(100vh - 170px);
  }
}

/* Content Pages */

.generalContent {
  line-height: 1.8;
}

.generalContent h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--black);
  margin-bottom: 1.1rem;
}

.generalContent p {
  margin-bottom: 1.1rem;
}

.generalContent ul li,
.generalContent ol li {
  margin-left: 1.3rem;
  margin-bottom: 1.1rem;
}

.generalContent ul li {
  list-style: disc;
}

.generalContent ul.number li {
  list-style: decimal;
}

.generalContent ul.alpha li {
  list-style: lower-alpha;
}

.generalContent ul.roman li {
  list-style: lower-roman;
}

.generalContent ul > li::marker {
  font-weight: 500;
}

.generalContent a:not([class]) {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

/* Careers */

.careerBanner {
  width: 100%;
  height: 95vh;
  background: #eee;
  position: relative;
}

.careerVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  transform: rotateY(180deg);
}

.careerBannerText {
  width: 100%;
  font-size: 5.3rem;
  line-height: 1.1;
  position: relative;
  z-index: 1;
  text-shadow: 0 0 1px rgb(141, 204, 246);
}

.cbtArw {
  width: auto;
  height: 4.5rem;
  aspect-ratio: 1/1;
  transform: rotate(45deg);
  filter: drop-shadow(0 0 1px #eee);
  margin-top: -0.5rem;
}

.careerIntroTxt {
  font-size: 1.8rem;
  font-weight: 500;
  max-width: 1000px;
}

.careerSliderSection {
  padding: 5rem 0;
  position: relative;
  backdrop-filter: blur(10px);
  z-index: 1;
  background: rgba(196, 231, 251, 1);

  /* background-color: rgb(105, 0, 121); */

  /* background: linear-gradient(150deg, rgba(255,208,233,0) 0%, rgba(202,252,255,1) 0%, rgba(158,239,222,1) 80%, rgba(80,215,164,1) 100%);*/
}

.careerSliderSection .canvasOverlay,
.blobSVG,
.careersliderGlass {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.careersliderGlass {
  backdrop-filter: blur(100px);
  background-color: rgba(196, 231, 251, 0.1);
  pointer-events: none;
}

.careerSlider {
  padding: 3rem 0;
}

.careerSlider .swiper-slide {
  height: unset;
}

.csItem {
  height: 100%;
  background: #fff;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 5px 10px 25px rgba(14, 6, 49, 0.3);
  cursor: grab;
}

.csImg {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: center;
  border: 0;
}

.csHead {
  text-align: center;
  padding: 1rem 0.5rem;
  background-color: var(--csHeadBg);
  font-size: 1.5rem;
  font-weight: 550;
}

.careerSlider .swiper-slide:last-child .csImg {
  object-position: center top;
}

.cursorBlob {
  width: 30vw;
  height: auto;
  display: block;
  aspect-ratio: 1;
  border-radius: 100%;
  filter: blur(100px);
  transition: all 0.5s 0s linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(202, 252, 255, 1);
  transition: none;
}

.blobs {
  filter: url("#goo");
}

.blob {
  filter: blur(20px);
  fill: url("#MyGradient");
}

.vacancyItem {
  padding: 20px 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 1;
}

.vcnyImgBox {
  position: relative;
  display: flex;
  justify-content: start;
  flex-basis: auto;
}

.vcnyImgWrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}

.vcnyImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
}

.vcnyContent {
  font-size: 1rem;
}

.vcnyContent strong {
  font-weight: 600;
  font-size: 1rem;
}

.vcnyTitle {
  font-size: 1.4rem;
  font-weight: 600;
}

.vcnySpecBtn {
  border: 1px solid #ddd;
  padding: 0.2rem 0.8rem 0.2rem 0.5rem;
  border-radius: 50rem;
  margin-right: 0.5rem;
  display: inline-flex;
  align-items: center;
  color: var(--black);
  font-weight: 500;
}

.vcnySpecBtn img {
  margin-right: 0.3rem;
  height: 1.1rem;
  aspect-ratio: 1;
}

.vcnyApplyBtn {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.8rem 0.3rem 0.8rem;
  border-radius: 50rem;
  font-size: 1.1rem;
  font-weight: 550;
  background: #fff;
  border: 0;
  transition: all 0.3s ease;
  background: #fff;
  float: right;
}

.vcnyApplyBtn:hover {
  background: var(--black);
  color: #fff;
}

.vcnyApplyBtn:after {
  content: "";
  width: auto;
  height: 1.1rem;
  aspect-ratio: 1;
  display: inline-block;
  margin-left: 0.3rem;
  transform: rotate(-45deg);
  background: url("data:image/svg+xml,<svg viewBox='0 0 31 30' xmlns='http://www.w3.org/2000/svg'><path d='M26.7735 13.9362L14.9906 2.15274C14.7793 1.94185 14.6688 1.69322 14.6591 1.40686C14.6493 1.12086 14.764 0.858332 15.003 0.619277C15.2417 0.388888 15.4972 0.271527 15.7695 0.267193C16.0418 0.263221 16.2973 0.380582 16.536 0.619277L29.7109 13.7942C29.9001 13.9835 30.0328 14.1767 30.109 14.3738C30.1856 14.571 30.2239 14.7862 30.2239 15.0195C30.2239 15.2528 30.1856 15.468 30.109 15.6652C30.0328 15.8623 29.9001 16.0555 29.7109 16.2447L16.536 29.4197C16.3334 29.6223 16.0869 29.7306 15.7966 29.7447C15.5063 29.7584 15.2417 29.6501 15.003 29.4197C14.764 29.1806 14.6445 28.923 14.6445 28.6467C14.6445 28.3701 14.764 28.1125 15.003 27.8738L26.7735 16.1028L1.68617 16.1028C1.37778 16.1028 1.12013 15.9994 0.913211 15.7924C0.706294 15.5855 0.602838 15.3279 0.602838 15.0195C0.602838 14.7111 0.706294 14.4534 0.913211 14.2465C1.12013 14.0396 1.37778 13.9361 1.68617 13.9361L26.7735 13.9362Z' fill='%23fff'/></svg>")
    no-repeat center;
  background-size: contain;
  transition: all 0.4s ease;
  mix-blend-mode: difference;
}

.vcnyApplyBtn:hover:after {
  transform: rotate(0deg);
}

@media (max-width: 575.98px) {
  .careerBannerText {
    font-size: 5rem;
  }

  .cbtArw {
    height: 3.5rem;
  }
}

@media (min-width: 768px) {
  .careerBanner {
    height: 85vh;
  }

  .vcnyImgBox {
    padding-left: 0;
  }

  .vcnyImgWrap {
    position: absolute;
    width: auto;
    height: 100%;
    aspect-ratio: unset;
  }

  .csImg {
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
  }
}

/*  ABOUT US  */

.aboutSection {
  width: 100%;
  min-height: 100vh;
  background-color: #fff;
  position: relative;
  display: flex;
}

.vidContainer {
  background: #000;
  overflow: hidden;
  position: absolute;
}

.vidContainer .about_video {
  height: 100%;
  object-position: center center;
  position: absolute;
}

.vidText {
  height: auto;
  color: #fff;
  mix-blend-mode: difference;
}

.vidText .vidTxtTitle {
  font-weight: 600;
}

.aboutInTitle {
  font-weight: 600;
  color: var(--black);
}

.aboutInText {
  font-weight: 400;
  line-height: 1.8;
}

.pitchSection {
  background-color: #eee;
  width: 100%;
}

.pitchScroll {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  height: 100%;
  align-items: end;
}

.pitchItem {
  flex-shrink: 0 !important;
  margin-right: 5vw;
  display: flex;
  flex-direction: column;
  font-size: 1.8rem;
}

.pitchHead {
  font-size: inherit;
  font-weight: 400;
  font-style: italic;
  margin-top: auto;
  transition: inherit;
}

.pitchBox,
.pitchVideo {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1rem;
  background: #fff;
  display: inline-flex;
}

.visionSection {
  background: #e1f9f9;
  min-height: 100vh;
}

.visionTxt {
  text-align: justify;
  font-weight: 500;
}

.visionVideoHolder {
  display: inline-flex;
  aspect-ratio: 5/1;
  vertical-align: middle;
}

.visionVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.missionItem {
  will-change: transform;
}

.misImgBox {
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: 2rem;
  overflow: hidden;
}

.missionImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.75s ease;
}

.missionItem:hover .missionImg {
  transform: scale(1.1);
}

.misText {
  font-weight: 500;
  text-align: justify;
}

.storyContent p:not(:first-child) {
  display: none;
  transition: all 0.5s ease;
  font-size: 60%;
}

.storyImg {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: center;
}

.boundlessSection {
  background-color: #eee;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: relative;
  min-height: 100%;
}

.boundlessSection::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: rgba(0, 168, 224, 0.2);
  z-index: 0;
}

.boundWaters {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.boundContent {
  max-width: 1350px;
  z-index: 1;
  position: relative;
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .aboutSection {
    flex-direction: column;
    align-items: end;
    justify-content: end;
  }

  .vidContainer {
    width: 90vw;
    height: 50%;
    border-radius: 50px;
    left: 0;
    right: 0;
    top: 5%;
    margin: auto;
  }

  .vidContainer .about_video {
    width: 150%;
    max-height: 40vh;
    object-fit: cover;
    left: -25%;
  }

  .vidText {
    width: 90%;
    margin-right: 5%;
    margin-bottom: 13vh;
  }

  .vidText .vidTxtTitle {
    font-size: 13vw;
  }

  .vidText p {
    line-height: 2;
    font-size: 4vw;
  }

  .aboutInTitle {
    font-size: 8vw;
  }

  .aboutInText {
    font-size: 5vw;
  }

  .pitchItem {
    width: 50vw;
    height: auto;
  }

  .pitchBox,
  .pitchVideo {
    aspect-ratio: 3/4;
  }

  .moveImg {
    max-width: 90%;
  }

  .visionTxt {
    max-width: 90vw;
  }

  .visionVideoHolder {
    width: 50vw;
  }

  .misText {
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) {
  .aboutSection {
    justify-content: end;
    align-items: center;
  }

  .vidContainer {
    width: 40%;
    height: 50%;
    border-radius: 80px;
    left: 5%;
    margin-top: -10%;
  }

  .vidContainer .about_video {
    width: 100%;
    object-fit: auto 100%;
    left: -15%;
  }

  .vidText {
    width: 35%;
    margin-right: 7%;
  }

  .vidText .vidTxtTitle {
    font-size: 5vw;
  }

  .vidText p {
    line-height: 2;
  }

  .aboutInTitle {
    font-size: 3vw;
  }

  .aboutInText {
    font-size: 2.3vw;
  }

  .pitchItem {
    width: 30vw;
    height: 100%;
    justify-items: end;
  }

  .pitchBox,
  .pitchVideo {
    aspect-ratio: 16/9;
  }

  .moveImg {
    max-width: 75%;
  }

  .visionTxt {
    max-width: 60vw;
  }

  .visionVideoHolder {
    width: 20vw;
  }

  .misText {
    font-size: 1.3rem;
  }
}

/* FAQ */

.faqItem {
  border-bottom: 1px solid #999;
}

.faqItemHead {
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faqBox:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.faqQ {
  background: transparent;
  border: 0;
  width: 100%;
  font-weight: 500;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faqQ[aria-expanded="true"] {
  font-weight: 550;
}

.faqQ:after,
.faqItemHead:after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  background: var(--plusBlack) no-repeat center;
  background-size: contain;
  position: relative;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  transform-origin: 50% 50%;
  flex-shrink: 0;
}

.faqQ[aria-expanded="true"]:after {
  transform: rotate(225deg);
}

.faqItemHead:after {
  background: var(--chevronBlack) no-repeat center;
}

.faqItemHead[aria-expanded="true"]:after {
  transform: rotate(90deg);
}

/* Press Media */

.pressBanner {
  height: 300px;
  overflow: hidden;
  background: no-repeat right 12%;
  background-size: cover;
}

.pressBanner:before {
  content: "";
  width: 100%;
  height: 25%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
}

.pressSorting li {
  display: inline-block;
  margin: 0.5rem 0;
}

.pressSorting a {
  color: #000;
  border-radius: 50rem;
  padding: 0.3rem 1rem;
  display: block;
}

.pressSorting a:hover {
  color: #000;
}

.pressSorting a.active {
  color: #000;
  font-weight: 500;
  background: #fff;
}

.pressSearch {
  width: 100%;
  height: 100%;
  min-height: 3rem;
  color: #fff;
  border: 0;
  transition: all 0.3s ease-in-out;

  padding-left: 2.1rem;
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  background-size: 1.3rem auto;
  background-color: var(--black);
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M15.9999 24.7272C21.6232 24.7272 26.1818 20.1686 26.1818 14.5453C26.1818 8.92208 21.6232 4.36353 15.9999 4.36353C10.3767 4.36353 5.81812 8.92208 5.81812 14.5453C5.81812 20.1686 10.3767 24.7272 15.9999 24.7272Z' fill='none' stroke='%23fff' stroke-width='2'/><path d='M23.2725 21.8181L27.6361 26.1818' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  cursor: pointer;
}

.pressSearch::placeholder,
.pressSearch:focus {
  color: #fff;
  opacity: 1;
}

.pressSearch::-webkit-search-cancel-button {
  width: 1rem;
  height: 1rem;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff' sroke='%23fff' stroke-width='8'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/></svg>");
  background-size: cover;
}

.prSearchBtn {
  height: 100%;
  color: #fff !important;
  border: 0;
  background: none;
}

.pressBox {
  display: block;
  transition: all 0.5s ease;
  background: #fff;
  border-radius: 0.3rem;
}

.pressImg {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 0.3rem;
  transition: all 0.5s ease;
  border: 1px solid #eee;
}

.pressInfo {
  font-size: 0.9rem;
  color: #666;
}

.pressTitle {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--black);
  line-height: 1.3;
}

.pressBox:hover .pressImg {
  filter: brightness(110%);
}

@media (min-width: 576px) {
  .pressList > div:nth-child(2n) {
    transition-delay: 0.2s;
  }
}

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

  .pressFilterWrap {
    background: var(--black);
  }

  .pressSearch {
    width: 120px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
  }

  .pressSearch:focus {
    width: 100%;
    padding-right: 0.5rem;
    opacity: 1;
  }

  .pressSorting a {
    color: #aaa;
    border-radius: 50rem;
    padding: 0.3rem 1rem;
    display: block;
  }

  .pressSorting a:hover {
    color: #fff;
  }

  .pressSorting a.active {
    color: #fff;
    font-weight: 500;
    background: #333;
  }
}

@media (min-width: 992px) {
  .pressBanner {
    min-height: 350px;
    max-height: 450px;
    height: 50vh;
  }

  .pressList > div:nth-child(3n-1) {
    transition-delay: 0.2s;
  }

  .pressList > div:nth-child(3n) {
    transition-delay: 0.4s;
  }
}

@media (min-width: 768px) {
  .dropdownList {
    width: auto;
    height: auto; /*max-height:0;*/
    background: #fff;
    position: absolute;
    top: 100%;
    left: unset;
    visibility: hidden;
    border-top: 1px solid #cecece;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);
    overflow: auto;
  }
}

.prodIconDetails .pidHead img {
  height: 100%;
}

.prodColorList {
  flex-wrap: wrap;
  min-height: 23px;
}
.homeSportSection {
  overflow: hidden;
}

@media (max-width: 576px) {
  .cardSwiper .swiper-slide a {
    border: none !important;
    overflow: hidden !important;
  }
  .prodItemDetails .price {
    padding-top: 10px;
    display: block;
  }
}