@font-face {
    font-family: 'beautiful-homes';
    src:url('../../../content/dam/asianpaintsbeautifulhomes/icons/fonts/beautiful-homes.woff2') format('woff2'),
    url('../../../content/dam/asianpaintsbeautifulhomes/icons/fonts/beautiful-homes.woff') format('woff'),
    url('../../../content/dam/asianpaintsbeautifulhomes/icons/fonts/beautiful-homes.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change /content/dam/asianpaintsbeautifulhomes/fonts */
    font-family: 'beautiful-homes' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  

  .icon-info2:before {
    content: "\e912";
}
  .icon-impression:before {
    content: "\e90e";
}
.icon-customise:before {
    content: "\e90f";
}
.icon-guidance:before {
    content: "\e911";
}
.icon-expert:before {
    content: "\e910";
}
  .icon-tick2:before {
    content: "\e916";
  }
  .icon-pin:before {
    content: "\e90d";
  }
  .icon-chevron-up:before {
    content: "\e90c";
  }
  .icon-phone-o:before {
    content: "\e90b";
  }
  .icon-filter:before {
    content: "\e90a";
  }
  .icon-square-o:before {
    content: "\e908";
  }
  .icon-square-check:before {
    content: "\e909";
  }
  .icon-info:before {
    content: "\e907";
  }
  .icon-backtotop:before {
    content: "\e906";
  }
  .icon-plus:before {
    content: "\e904";
  }
  .icon-minus:before {
    content: "\e905";
  }
  .icon-eye:before {
    content: "\e902";
  }
  .icon-colorpicker:before {
    content: "\e903";
  }
  .icon-paintbrush:before {
    content: "\e901";
  }
  .icon-bag:before {
    content: "\65";
  }
  .icon-clock:before {
    content: "\66";
  }
  .icon-close-o:before {
    content: "\67";
  }
  .icon-facebook:before {
    content: "\68";
  }
  .icon-chevron-right:before {
    content: "\69";
  }
  .icon-instagram:before {
    content: "\6a";
  }
  .icon-linkedin:before {
    content: "\6b";
  }
  .icon-more:before {
    content: "\6c";
  }
  .icon-bookmark:before {
    content: "\6d";
  }
  .icon-bookmark-o:before {
    content: "\6e";
  }
  .icon-rating-o:before {
    content: "\6f";
  }
  .icon-rating:before {
    content: "\70";
  }
  .icon-arrow-next:before {
    content: "\71";
  }
  .icon-arrow-prev:before {
    content: "\72";
  }
  .icon-circle:before {
    content: "\73";
  }
  .icon-quotes:before {
    content: "\74";
  }
  .icon-minus-o:before {
    content: "\75";
  }
  .icon-plus-o:before {
    content: "\76";
  }
  .icon-login:before {
    content: "\77";
  }
  .icon-video-play:before {
    content: "\78";
  }
  .icon-close:before {
    content: "\79";
  }
  .icon-search:before {
    content: "\7a";
  }
  .icon-youtube:before {
    content: "\41";
  }
  .icon-hamburger:before {
    content: "\42";
  }
  .icon-chevron-left:before {
    content: "\43";
  }
  .icon-chevron-down:before {
    content: "\44";
  }
  .icon-check-o:before {
    content: "\45";
  }
  .icon-loader:before {
    content: "\46";
  }
  .icon-return:before {
    content: "\47";
  }
  .icon-question:before {
    content: "\48";
  }
  .icon-check:before {
    content: "\49";
  }
  .icon-circle-o:before {
    content: "\4a";
  }
  .icon-location:before {
    content: "\4b";
  }
  .icon-mail:before {
    content: "\4c";
  }
  .icon-download:before {
    content: "\4d";
  }
  .icon-phone:before {
    content: "\4e";
  }
  .icon-calendar:before {
    content: "\4f";
  }
  .icon-task:before {
    content: "\50";
  }
  .icon-share:before {
    content: "\51";
  }
  .icon-claps:before {
    content: "\52";
  }
  .icon-arrow-down:before {
    content: "\53";
  }
  .icon-free-delivery:before {
    content: "\54";
  }
  .icon-free-install:before {
    content: "\55";
  }
  .icon-free-return:before {
    content: "\56";
  }
  .icon-warranty:before {
    content: "\57";
  }
  .icon-tick:before {
    content: "\61";
  }
  .icon-cross:before {
    content: "\62";
  }
  .icon-delete:before {
    content: "\e900";
  }
 
  .icon-calendar2:before {
    content: "\e914";
  } 

  .icon-location2:before {
    content: "\e913";
  }

  .icon-whatsapp:before {
    content: "\e915";
  }

  .cream{
    background-color: #F5F4EF;
  }
  

@charset 'UTF-8';
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
.container.responsivegrid,
.root.container.responsivegrid {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0;
  overflow-x: hidden;
}
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace,monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0,0,0,.9);
  outline: 0!important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.lity.lity-opened {
  opacity: 1
}
.lity.lity-closed {
  opacity: 0
}
.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: 0!important
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -.25em
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.lity-loading .lity-loader {
  opacity: 1
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: 0!important
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease
}
.lity-closed .lity-content,
.lity-loading .lity-content {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8)
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
  box-shadow: 0 0 8px rgba(0,0,0,.6)
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  border: 0;
  background: 0 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}
.lity-close:active,
.lity-close:focus,
.lity-close:hover,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  border: 0;
  background: 0 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.lity-close:active {
  top: 1px
}
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
  width: 100%;
  max-width: 964px
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #000
}
.lity-hide {
  display: none
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
/* .slick-loading .slick-list {
  background: #fff url(../../../assets/img/icons/slick-loader.gif) center center no-repeat
} */
/* @font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(clientlib-site/css/lib/slick-1.8.1/fonts/slick.eot);
  src: url(clientlib-site/css/lib/slick-1.8.1/fonts/slick.eot?#iefix) format('embedded-opentype'),url(clientlib-site/css/lib/slick-1.8.1/fonts/slick.woff) format('woff'),url(clientlib-site/css/lib/slick-1.8.1/fonts/slick.ttf) format('truetype'),url(clientlib-site/css/lib/slick-1.8.1/fonts/slick.svg#slick) format('svg')
} */
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25;
  filter: grayscale(1);
  cursor: default;
}
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}
.slick-prev:before {
  content: '←'
}
[dir=rtl] .slick-prev:before {
  content: '→'
}
.slick-next {
  right: -25px
}
[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}
.slick-next:before {
  content: '→'
}
[dir=rtl] .slick-next:before {
  content: '←'
}
.slick-dotted.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}
.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}
.beer-slider {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.beer-slider *,
.beer-slider :after,
.beer-slider :before,
.beer-slider:after,
.beer-slider:before {
  box-sizing: border-box
}
.beer-slider img,
.beer-slider svg {
  vertical-align: bottom
}
.beer-slider > * {
  height: 100%
}
.beer-slider > img {
  height: auto;
  max-width: 100%
}
.beer-reveal {
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 50%;
  top: 0;
  transition: opacity .35s;
  z-index: 1;
  text-align: center;
}
.beer-reveal > :first-child {
  height: 100%;
  max-width: none;
  width: 200%
}
.beer-reveal > img:first-child {
  height: auto
}
.beer-range {
  -moz-appearance: none;
  -ms-touch-action: auto;
  -webkit-appearance: slider-horizontal!important;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: -1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  touch-action: auto;
  width: calc(100% + 2px);
  z-index: 2
}
.beer-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 300vh
}
.beer-range::-moz-range-thumb {
  -webkit-appearance: none;
  height: 300vh
}
.beer-range::-ms-tooltip {
  display: none
}
.beer-handle {
  background: hsla(0,0%,100%,.5);
  border-radius: 50%;
  box-shadow: 0 0 6px transparent;
  color: #000;
  height: 48px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
  transition: background .3s,box-shadow .3s,opacity .5s .25s;
  width: 48px;
  z-index: 2
}
.beer-handle:after,
.beer-handle:before {
  border-left: 2px solid;
  border-top: 2px solid;
  content: "";
  height: 10px;
  position: absolute;
  top: 50%;
  transform-origin: 0 0;
  width: 10px
}
.beer-handle:before {
  left: 10px;
  transform: rotate(-45deg)
}
.beer-handle:after {
  right: 0;
  transform: rotate(135deg)
}
.beer-range:focus ~ .beer-handle {
  background: hsla(0,0%,100%,.85);
  box-shadow: 0 0 3px rgba(0,0,0,.4)
}
.beer-reveal[data-beer-label]:after,
.beer-slider[data-beer-label]:after {
  background: hsla(0,0%,100%,.75);
  border-radius: .125rem;
  content: attr(data-beer-label);
  line-height: 1;
  padding: .5rem;
  position: absolute;
  top: 1.5rem
}
.beer-slider[data-beer-label]:after {
  right: 1.5rem
}
.beer-reveal[data-beer-label]:after {
  left: 1.5rem
}
.beer-reveal[data-beer-label=""]:after,
.beer-slider[data-beer-label=""]:after {
  content: none
}
.beer-ready .beer-handle,
.beer-ready .beer-reveal {
  opacity: 1
}
.ms-offscreen {
  clip: rect(0 0 0 0)!important;
  width: 1px!important;
  height: 1px!important;
  border: 0!important;
  margin: 0!important;
  padding: 0!important;
  overflow: hidden!important;
  position: absolute!important;
  outline: 0!important;
  left: auto!important;
  top: auto!important
}
.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle
}
.ms-choice {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-color: #fff
}
.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default
}
.ms-choice > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 8px
}
.ms-choice > span.placeholder {
  color: #999
}
.ms-choice > div.icon-close {
  position: absolute;
  top: 0;
  right: 16px;
  height: 100%;
  width: 16px
}
.ms-choice > div.icon-close:before {
  content: '×';
  color: #888;
  font-weight: 700;
  position: absolute;
  top: 50%;
  margin-top: -14px
}
.ms-choice > div.icon-close:hover:before {
  color: #333
}
.ms-choice > div.icon-caret {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px
}
.ms-choice > div.icon-caret.open {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}
.ms-drop {
  width: auto;
  min-width: 100%;
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-radius: 4px
}
.ms-drop.bottom {
  top: 100%;
  box-shadow: 0 4px 5px rgba(0,0,0,.15)
}
.ms-drop.top {
  bottom: 100%;
  box-shadow: 0 -4px 5px rgba(0,0,0,.15)
}
.ms-search {
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 2px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
  box-sizing: border-box
}
.ms-search input {
  width: 100%;
  height: auto!important;
  min-height: 24px;
  padding: 0 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: none
}
.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 0
}
.ms-drop ul > li {
  list-style: none;
  display: list-item;
  background-image: none;
  position: static;
  padding: .25rem 8px
}
.ms-drop ul > li .disabled {
  font-weight: 400!important;
  opacity: .35;
  filter: Alpha(Opacity=35);
  cursor: default
}
.ms-drop ul > li.multiple {
  display: block;
  float: left
}
.ms-drop ul > li.group {
  clear: both
}
.ms-drop ul > li.multiple label {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.ms-drop ul > li label {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: 400;
  display: block;
  white-space: nowrap;
  cursor: pointer
}
.ms-drop ul > li label.optgroup {
  font-weight: 700
}
.ms-drop ul > li.hide-radio {
  padding: 0
}
.ms-drop ul > li.hide-radio:focus,
.ms-drop ul > li.hide-radio:hover {
  background-color: #f8f9fa
}
.ms-drop ul > li.hide-radio.selected {
  color: #fff;
  background-color: #007bff
}
.ms-drop ul > li.hide-radio label {
  margin-bottom: 0;
  padding: 5px 8px
}
.ms-drop ul > li.hide-radio input {
  display: none
}
.ms-drop ul > li.option-level-1 label {
  padding-left: 28px
}
.ms-drop input[type=checkbox],
.ms-drop input[type=radio] {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem
}
.ms-drop .ms-no-results {
  display: none
}
@font-face {
  font-family: beautiful-homes;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/icons/fonts/beautiful-homes.woff2) format('woff2'),url(../../../content/dam/asianpaintsbeautifulhomes/icons/fonts/beautiful-homes.woff) format('woff');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}
[class*=" icon-"],
[class^=icon-] {
  font-family: beautiful-homes!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-pin:before {
  content: "\e90d"
}
.icon-chevron-up:before {
  content: "\e90c"
}
.icon-phone-o:before {
  content: "\e90b"
}
.icon-filter:before {
  content: "\e90a"
}
.icon-square-o:before {
  content: "\e908"
}
.icon-square-check:before {
  content: "\e909"
}
.icon-info:before {
  content: "\e907"
}
.icon-backtotop:before {
  content: "\e906"
}
.icon-plus:before {
  content: "\e904"
}
.icon-minus:before {
  content: "\e905"
}
.icon-eye:before {
  content: "\e902"
}
.icon-colorpicker:before {
  content: "\e903"
}
.icon-paintbrush:before {
  content: "\e901"
}
.icon-bag:before {
  content: "\65"
}
.icon-clock:before {
  content: "\66"
}
.icon-close-o:before {
  content: "\67"
}
.icon-facebook:before {
  content: "\68"
}
.icon-chevron-right:before {
  content: "\69"
}
.icon-instagram:before {
  content: "\6a"
}
.icon-linkedin:before {
  content: "\6b"
}
.icon-more:before {
  content: "\6c"
}
.icon-bookmark:before {
  content: "\6d"
}
.icon-bookmark-o:before {
  content: "\6e"
}
.icon-rating-o:before {
  content: "\6f"
}
.icon-rating:before {
  content: "\70"
}
.icon-arrow-next:before {
  content: "\71"
}
.icon-arrow-prev:before {
  content: "\72"
}
.icon-circle:before {
  content: "\73"
}
.icon-quotes:before {
  content: "\74"
}
.icon-minus-o:before {
  content: "\75"
}
.icon-plus-o:before {
  content: "\76"
}
.icon-login:before {
  content: "\77"
}
.icon-video-play:before {
  content: "\78"
}
.icon-close:before {
  content: "\79"
}
.icon-search:before {
  content: "\7a"
}
.icon-youtube:before {
  content: "\41"
}
.icon-hamburger:before {
  content: "\42"
}
.icon-chevron-left:before {
  content: "\43"
}
.icon-chevron-down:before {
  content: "\44"
}
.icon-check-o:before {
  content: "\45"
}
.icon-loader:before {
  content: "\46"
}
.icon-return:before {
  content: "\47"
}
.icon-question:before {
  content: "\48"
}
.icon-check:before {
  content: "\49"
}
.icon-circle-o:before {
  content: "\4a"
}
.icon-location:before {
  content: "\4b"
}
.icon-mail:before {
  content: "\4c"
}
.icon-download:before {
  content: "\4d"
}
.icon-phone:before {
  content: "\4e"
}
.icon-calendar:before {
  content: "\4f"
}
.icon-task:before {
  content: "\50"
}
.icon-share:before {
  content: "\51"
}
.icon-claps:before {
  content: "\52"
}
.icon-arrow-down:before {
  content: "\53"
}
.icon-free-delivery:before {
  content: "\54"
}
.icon-free-install:before {
  content: "\55"
}
.icon-free-return:before {
  content: "\56"
}
.icon-warranty:before {
  content: "\57"
}
.icon-tick:before {
  content: "\61"
}
.icon-cross:before {
  content: "\62"
}
.icon-delete:before {
  content: "\e900"
}
/* @font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/Lato-Italic.woff) format("woff")
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/Lato-Regular.woff) format("woff")
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/Lato-BoldItalic.woff) format("woff")
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/Lato-Bold.woff) format("woff")
}
@font-face {
  font-family: BioRhyme;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/BioRhyme-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: BioRhyme;
  src: url(../../../content/dam/asianpaintsbeautifulhomes/fonts/BioRhyme-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
} */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
a {
  text-decoration: blink
}

html {
  scroll-behavior: smooth
}
body {
  font-family: Lato;
  background-color: #fdfeff
}
body.locked {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden
}
img {
  display: block;
  width: 100%;
  height: auto
}
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
ul {
  margin: 0;
  -webkit-margin-before: unset;
  margin-block-start: unset;
  -webkit-margin-after: unset;
  margin-block-end: unset
}
ul {
  list-style: none;
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  padding-inline-start: 0
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px
}
@media (min-width:1212px) {
  .container {
    max-width: 1220px
  }
}
@media (min-width:1441px) {
  .container {
    max-width: 1440px
  }
}
.container__bleed--right {
  margin-right: 0;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 0
}
.container__bleed--left {
  margin-left: 0;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 0
}
.container.content {
  max-width: 1020px
}
.scroll-stop {
  height: 100%;
  overflow: hidden
}
.disabled {
  cursor: not-allowed!important
}
.btn {
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transition-property: color,border-color,background-color,fill;
  -o-transition-property: color,border-color,background-color,fill;
  -moz-transition-property: color,border-color,background-color,fill;
  transition-property: color,border-color,background-color,fill;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s
}
.btn--primary, .btn--primary-new {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #232426;
  border-color: #232426;
  color: #fff
}
.btn--primary [class^=icon-] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.btn--primary:hover, .btn--primary-new:hover {
  background-color: #232426;
  border-color: #232426;
  color: #fff
}
.btn--primary:focus, .btn--primary-new:focus {
  background-color: #232426;
  border-color: #232426;
  color: #fdfeff
}
.btn--primary.disabled,
.btn--primary:disabled,
.btn--primary[disabled] {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: #a8aaaf;
  cursor: not-allowed
}
.btn--primary.disabled:focus,
.btn--primary:disabled:focus,
.btn--primary[disabled]:focus {
  outline: 0
}
.btn--primary.disabled [class^=icon-]::before,
.btn--primary:disabled [class^=icon-]::before,
.btn--primary[disabled] [class^=icon-]::before {
  color: inherit
}
.btn--primary [class^=icon-]::before,.form_button .btn--primary [class^=icon-]::before  {
  color: #fff
}
.btn--ghost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-color: #232426;
  color: #232426
}
.btn--ghost [class^=icon-] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.btn--ghost:hover {
  background-color: #232426;
  border-color: #232426;
  color: #fdfeff
}
.btn--ghost:focus {
  background-color: #fff;
  border-color: #232426;
  color: #232426
}
.btn--ghost.disabled,
.btn--ghost:disabled,
.btn--ghost[disabled] {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: #a8aaaf;
  cursor: not-allowed
}
.btn--ghost.disabled:focus,
.btn--ghost:disabled:focus,
.btn--ghost[disabled]:focus {
  outline: 0
}
.btn--ghost.disabled [class^=icon-]::before,
.btn--ghost:disabled [class^=icon-]::before,
.btn--ghost[disabled] [class^=icon-]::before {
  color: inherit
}
.btn--link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  color: #000;
  padding-left: 0!important;
  padding-right: 0!important
}
.btn--link [class^=icon-] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.btn--link:hover {
  color: #232426
}
.btn--link:focus {
  color: #232426
}
.btn--link.disabled,
.btn--link:disabled,
.btn--link[disabled] {
  color: #9ea4aa;
  cursor: not-allowed
}
.btn--link.disabled:focus,
.btn--link:disabled:focus,
.btn--link[disabled]:focus {
  outline: 0
}
.btn--link.disabled [class^=icon-]::before,
.btn--link:disabled [class^=icon-]::before,
.btn--link[disabled] [class^=icon-]::before {
  color: inherit
}
.btn--white-border {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border-color: #fdfeff;
  color: #fdfeff
}
.btn--white-border [class^=icon-] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.btn--white-border:hover {
  background-color: #fdfeff;
  border-color: #fdfeff;
  color: #232426
}
.btn--white-border:focus {
  background-color: #fdfeff;
  border-color: #fdfeff;
  color: #232426
}
.btn--white-border.disabled,
.btn--white-border:disabled,
.btn--white-border[disabled] {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  color: #a8aaaf;
  cursor: not-allowed
}
.btn--white-border.disabled:focus,
.btn--white-border:disabled:focus,
.btn--white-border[disabled]:focus {
  outline: 0
}
.btn--white-border.disabled [class^=icon-]::before,
.btn--white-border:disabled [class^=icon-]::before,
.btn--white-border[disabled] [class^=icon-]::before {
  color: inherit
}
.btn--lg {
  font-size: 18px;
  line-height: 27px;
  padding: 16px 32px
}
.btn--md {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px
}
.btn--sm {
  font-size: 14px;
  line-height: 17px;
  padding: 10px 16px;
  font-family: Lato;
}
@media (min-width: 992px) and (max-width: 1439px) {
    .btn--sm {
  font-size: 12px;
  line-height: 15px;
  padding: 9px 15px;
  font-family: Lato;
}
}
.btn__icon--left [class^=icon-] {
  margin-right: 12px
}
.btn__icon--right [class^=icon-] {
  margin-left: 12px
}
.btn--underlined {
  -webkit-text-decoration-line: underline;
  -moz-text-decoration-line: underline;
  text-decoration-line: underline
}
.overlay--dark {
  display: none;
  background: rgba(38,40,43,0);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  -moz-transition: background .2s;
  transition: background .2s
}
.overlay--dark.active {
  background: rgba(38,40,43,.5);
  display: block
}
.lity-container {
  width: 100%
}
.lity-container .btn-lity-close {
  background-color: transparent;
  color: #fdfeff;
  position: absolute;
  top: -39px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 17px 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  white-space: nowrap
}
@media (max-width:575.98px) {
  .lity-container .btn-lity-close {
    top: -22px;
    padding: 12px 16px;
    font-size: 16px
  }
}
@media screen and (min-aspect-ratio:20 / 13) and (max-height:500px) {
  .lity-container .btn-lity-close {
    top: -2px;
    padding: 8px 16px 8px 10px;
    font-size: 14px
  }
}
.lity-container .btn-lity-close span {
  margin-left: 0;
  margin-right: 9px;
  font-size: 22px
}
@media (max-width:575.98px) {
  .lity-container .btn-lity-close span {
    font-size: 16px;
    margin-right: 8px
  }
}
@media (max-width:575.98px) {
  .lity-container {
    max-width: 946px!important
  }
}
@media screen and (max-aspect-ratio:4 / 5) {
  .lity-container {
    max-width: 100%!important
  }
}
@media screen and (min-aspect-ratio:20 / 13) {
  .lity-container {
    max-width: 50%!important
  }
}
@media screen and (min-aspect-ratio:20 / 10) {
  .lity-container {
    max-width: 45%!important
  }
}
@media screen and (min-aspect-ratio:20 / 13) and (max-height:500px) {
  .lity-container {
    max-width: 65%!important
  }
}
@media (min-width:576px) {
  .lity-container {
    max-width: 82%
  }
}
.lity-content {
  -webkit-transform: scale(1) translateY(40px);
  -moz-transform: scale(1) translateY(40px);
  -ms-transform: scale(1) translateY(40px);
  -o-transform: scale(1) translateY(40px);
  transform: scale(1) translateY(40px)
}
.lity-slider-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto
}
.lity-slider {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease
}
.lity-slider.slick-initialized {
  opacity: 1;
  visibility: visible
}
.lity-slider .item {
  width: 100%
}
.lity-slider .item .content {
  padding: 20px 25px;
  background: #fff
}
@media screen and (min-aspect-ratio:20 / 13) and (max-height:500px) {
  .lity-slider .item .content {
    padding: 10px 15px
  }
}
.lity-slider .item .content,
.lity-slider .item .content p {
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
@media screen and (min-aspect-ratio:20 / 13) and (max-height:500px) {
  .lity-slider .item .content,
  .lity-slider .item .content p {
    font-size: 14px;
    -webkit-line-clamp: 2
  }
}
.lity-slider .image-wrapper,
.lity-slider .video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}
.lity-slider .image-wrapper {
  opacity: 0;
  -webkit-transition: all .8s ease;
  -o-transition: all .8s ease;
  -moz-transition: all .8s ease;
  transition: all .8s ease
}
.lity-slider .image-wrapper.show {
  opacity: 1
}
.lity-slider .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}
.lity-slider .slick-slide {
  position: relative
}
.lity-slider .slick-slide:after {
  content: ' ';
  display: table-cell;
  clear: both
}
.lity-slider .slick-slide iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.lity-slider .slick-slide .slide-media {
  -webkit-animation: slideOut .4s cubic-bezier(.4,.29,.01,1);
  -moz-animation: slideOut .4s cubic-bezier(.4,.29,.01,1);
  animation: slideOut .4s cubic-bezier(.4,.29,.01,1)
}
.lity-slider .slick-slide.slick-active {
  z-index: 1
}
.lity-slider .slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(.4,.29,.01,1);
  -moz-animation: slideIn 2.4s cubic-bezier(.4,.29,.01,1);
  animation: slideIn 2.4s cubic-bezier(.4,.29,.01,1)
}
.lity-slider .slick-arrow {
  background-color: #fdfeff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #26282b;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px!important;
  width: 64px;
  z-index: 2;
  -webkit-transform: translate3d(0,-50%,0);
  -moz-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}
.lity-slider .slick-arrow.disabled {
  border-color: #9ea4aa;
  color: #9ea4aa;
  cursor: not-allowed
}
.lity-slider .slick-arrow [class^=icon] {
  margin-top: 0
}
.lity-slider .slick-arrow [class^=icon]::before {
  font-size: 24px
}
.lity-slider .slick-arrow:before {
  font-family: beautiful-homes!important;
  font-size: 13px;
  color: #26282b
}
.lity-slider .slick-arrow.slick-disabled {
  cursor: default
}
@media (max-width:575.98px) {
  .lity-slider .slick-arrow {
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    top: -webkit-calc(100% + 24px);
    top: -moz-calc(100% + 24px);
    top: calc(100% + 24px);
    background-color: #fdfeff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #26282b;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px!important;
    width: 48px;
    z-index: 2
  }
  .lity-slider .slick-arrow.disabled {
    border-color: #9ea4aa;
    color: #9ea4aa;
    cursor: not-allowed
  }
  .lity-slider .slick-arrow [class^=icon] {
    margin-top: 1px
  }
  .lity-slider .slick-arrow [class^=icon]::before {
    font-size: 10px
  }
}
@media screen and (max-aspect-ratio:4 / 5) {
  .lity-slider .slick-arrow {
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    top: -webkit-calc(100% + 24px);
    top: -moz-calc(100% + 24px);
    top: calc(100% + 24px);
    background-color: #fdfeff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #26282b;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px!important;
    width: 48px;
    z-index: 2
  }
  .lity-slider .slick-arrow.disabled {
    border-color: #9ea4aa;
    color: #9ea4aa;
    cursor: not-allowed
  }
  .lity-slider .slick-arrow [class^=icon] {
    margin-top: 1px
  }
  .lity-slider .slick-arrow [class^=icon]::before {
    font-size: 10px
  }
}
.lity-slider .slick-prev {
  left: -33px
}
.lity-slider .slick-prev:before {
  content: '\72'
}
@media (max-width:575.98px) {
  .lity-slider .slick-prev {
    left: -webkit-calc(50% - 28px);
    left: -moz-calc(50% - 28px);
    left: calc(50% - 28px)
  }
}
@media screen and (max-aspect-ratio:4 / 5) {
  .lity-slider .slick-prev {
    left: -webkit-calc(50% - 28px);
    left: -moz-calc(50% - 28px);
    left: calc(50% - 28px)
  }
}
.lity-slider .slick-next {
  right: -33px
}
.lity-slider .slick-next:before {
  content: '\71'
}
@media (max-width:575.98px) {
  .lity-slider .slick-next {
    left: -webkit-calc(50% + 28px);
    left: -moz-calc(50% + 28px);
    left: calc(50% + 28px);
    right: auto
  }
}
@media screen and (max-aspect-ratio:4 / 5) {
  .lity-slider .slick-next {
    left: -webkit-calc(50% + 28px);
    left: -moz-calc(50% + 28px);
    left: calc(50% + 28px);
    right: auto
  }
}
.frm__group {
  margin-bottom: 30px
}
.frm__group .error {
  color: #d51123;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  visibility: hidden
}
.frm__group.invalid .error {
  visibility: visible
}
.frm__label {
  color: #26282b;
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px
}
.invalid .frm__label {
  color: #d51123
}
.frm__field {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #c4c4c4;
  color: #26282b;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 8px 40px 8px 8px;
  position: relative;
  width: 100%;
  z-index: 1
}
.frm__field:active,
.frm__field:focus {
  border-bottom: 1px solid #232426;
  color: #232426;
  outline: 0
}
.invalid .frm__field {
  border-bottom-color: #d51123
}
.frm__field-group {
  position: relative
}
.frm__field-btn {
  background-color: transparent;
  border: 0;
  color: #232426;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}
.frm__submit button {
  font-size: 16px;
  line-height: 19px;
  padding: 12px 20px;
  width: 100%
}
@media (min-width:576px) {
  .frm__submit button {
    font-size: 18px;
    line-height: 27px;
    padding: 16px 32px;
    width: auto
  }
}
[data-toggle=dialog] {
  cursor: pointer
}
.dialog {
  background: rgba(38,40,43,.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  -moz-transition: background .2s;
  transition: background .2s;
  width: 100%;
  z-index: 550
}
.dialog__container {
  background-color: #fdfeff;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  bottom: 0;
  left: 0;
  min-width: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  z-index: 5
}
@media (min-width:992px) {
  .dialog__container {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    bottom: unset;
    left: 50%;
    min-width: 512px;
    right: unset;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
  }
}
.dialog__header {
  border-bottom: 1px solid #e8ebed;
  min-height: 57px;
  padding: 16px 25px;
  text-align: center
}
.dialog__header-cta {
  position: absolute;
  top: 16px;
  left: 25px
}
.dialog__header-cta .btn {
  padding: 0
}
.dialog__header-cta .btn__text {
  display: none
}
@media (min-width:576px) {
  .dialog__header-cta .btn__text {
    display: inline-block
  }
}
.dialog__header [class^=icon-]::before {
  line-height: 27px
}
.dialog__header-headline {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px
}
.dialog__body {
  padding: 32px;
  max-height: 350px;
  overflow-y: auto
}
.dialog__body::-webkit-scrollbar {
  width: 5px
}
.dialog__body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
.dialog__body::-webkit-scrollbar-thumb {
  background-color: #232426;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  outline: 1px solid #232426
}
@media (max-width:991.98px) and (orientation:landscape) {
  .dialog__body {
    max-height: 60vh
  }
}
.dialog__body-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.dialog__title {
  color: #000;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 16px
}
.dialog__desc {
  color: #454c53;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 48px
}
.panel {
  background-color: #f7f5f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 16px
}
.panel__heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e8ebed;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px
}
.panel__title {
  color: #343336;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px
}
@media (min-width:768px) {
  .panel__title {
    font-size: 20px;
    line-height: 30px
  }
}
.panel__body {
  padding: 16px 0 0
}
.panel__logo {
  background-color: #fbfaf8;
  padding: 10px
}
.panel__logo [class^=icon-]::before {
  color: #454c53;
  font-size: 16px
}
.panel__label {
  color: #9ea4aa;
  font-size: 14px;
  line-height: 20px
}
.panel__desc {
  color: #343336;
  font-size: 16px;
  line-height: 20px
}
[class*=" icon-"],
[class^=icon-] {
  display: inline-block;
  vertical-align: middle
}
[class*=" icon-"]:before,
[class^=icon-]:before {
  display: inline-block;
  vertical-align: middle
}
@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
    filter: blur(15px)
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}
@-moz-keyframes slideIn {
  from {
    filter: blur(15px)
  }
  to {
    filter: blur(0)
  }
}
@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
    filter: blur(15px)
  }
  to {
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
    filter: blur(0)
  }
  to {
    -webkit-filter: blur(15px);
    filter: blur(15px)
  }
}
@-moz-keyframes slideOut {
  from {
    filter: blur(0)
  }
  to {
    filter: blur(15px)
  }
}
@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
    filter: blur(0)
  }
  to {
    -webkit-filter: blur(15px);
    filter: blur(15px)
  }
}
/*# sourceMappingURL=maps/main.css.map */
@media (max-width:1212px) {
	.home-redesign-help__form-cta .btn--primary {
    width:100%;
    padding: 12px 20px;

}}

a,button,.prev,.next,.btn{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
/* For WebKit-based browsers (Chrome, Safari) and Edge */
body::-webkit-scrollbar {
  width: 3px;
  height: 4px;
}

body::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  border-radius: 5px;
}

body::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 5px;
  margin: 15px 18px;
}

/* For Mozilla Firefox */
/* body{
  scrollbar-width: thin; 
   scrollbar-color: #a1a1a1 #e1e1e1;
}  */


.store-locator-iframe{
  height: 920px;
  width: 100%;
}
.wardrobe-iframe{
  height: 730px;
}
.wardrobe-calculator .store-locator-iframe{
  height: 640px;
}
@media screen and (max-width:768px) {
  .store-locator-iframe{
      height: 740px;
  }
  .wardrobe-calculator .store-locator-iframe{
    height: 600px;
  }
}

@media only screen and (min-width: 1024px)and (max-width:1200px) {
    body {
        zoom: 67%
    }
  }
  @media only screen and (min-width: 1200px)and (max-width:1400px) {
    body {
        zoom: 85%
    }
  }
    @media( min-width : 1800px ){
    body {
        zoom:115%
    }
  }

.bh-revamp-mt-5 {
  margin-top: 5px;
}

.bh-revamp-mt-10 {
  margin-top: 10px;
}

.bh-revamp-mt-15 {
  margin-top: 15px;
}

.bh-revamp-mt-20 {
  margin-top: 20px;
}

.bh-revamp-mt-25 {
  margin-top: 25px;
}

.bh-revamp-mt-30 {
  margin-top: 30px;
}

.bh-revamp-mt-35 {
  margin-top: 35px;
}

.bh-revamp-mt-40 {
  margin-top: 40px;
}

.bh-revamp-mt-45 {
  margin-top: 45px;
}

.bh-revamp-mt-50 {
  margin-top: 50px;
}

.bh-revamp-mt-55 {
  margin-top: 55px;
}

.bh-revamp-mt-60 {
  margin-top: 60px;
}

.bh-revamp-mt-65 {
  margin-top: 65px;
}

.bh-revamp-mt-70 {
  margin-top: 70px;
}

.bh-revamp-mt-75 {
  margin-top: 75px;
}

.bh-revamp-mt-80 {
  margin-top: 80px;
}

.bh-revamp-mt-85 {
  margin-top: 85px;
}

.bh-revamp-mt-90 {
  margin-top: 90px;
}

.bh-revamp-mt-95 {
  margin-top: 95px;
}

.bh-revamp-mt-100 {
  margin-top: 100px;
}

.bh-revamp-mb-5 {
  margin-bottom: 5px;
}

.bh-revamp-mb-10 {
  margin-bottom: 10px;
}

.bh-revamp-mb-15 {
  margin-bottom: 15px;
}

.bh-revamp-mb-20 {
  margin-bottom: 20px;
}

.bh-revamp-mb-25 {
  margin-bottom: 25px;
}

.bh-revamp-mb-30 {
  margin-bottom: 30px;
}

.bh-revamp-mb-35 {
  margin-bottom: 35px;
}

.bh-revamp-mb-40 {
  margin-bottom: 40px;
}

.bh-revamp-mb-45 {
  margin-bottom: 45px;
}

.bh-revamp-mb-50 {
  margin-bottom: 50px;
}

.bh-revamp-mb-55 {
  margin-bottom: 55px;
}

.bh-revamp-mb-60 {
  margin-bottom: 60px;
}

.bh-revamp-mb-65 {
  margin-bottom: 65px;
}

.bh-revamp-mb-70 {
  margin-bottom: 70px;
}

.bh-revamp-mb-75 {
  margin-bottom: 75px;
}

.bh-revamp-mb-80 {
  margin-bottom: 80px;
}

.bh-revamp-mb-85 {
  margin-bottom: 85px;
}

.bh-revamp-mb-90 {
  margin-bottom: 90px;
}

.bh-revamp-mb-95 {
  margin-bottom: 95px;
}

.bh-revamp-mb-100 {
  margin-bottom: 100px;
}

.bh-revamp-pt-5 {
  padding-top: 5px;
}

.bh-revamp-pt-10 {
  padding-top: 10px;
}

.bh-revamp-pt-15 {
  padding-top: 15px;
}

.bh-revamp-pt-20 {
  padding-top: 20px;
}

.bh-revamp-pt-25 {
  padding-top: 25px;
}

.bh-revamp-pt-30 {
  padding-top: 30px;
}

.bh-revamp-pt-35 {
  padding-top: 35px;
}

.bh-revamp-pt-40 {
  padding-top: 40px;
}

.bh-revamp-pt-45 {
  padding-top: 45px;
}

.bh-revamp-pt-50 {
  padding-top: 50px;
}

.bh-revamp-pt-55 {
  padding-top: 55px;
}

.bh-revamp-pt-60 {
  padding-top: 60px;
}

.bh-revamp-pt-65 {
  padding-top: 65px;
}

.bh-revamp-pt-70 {
  padding-top: 70px;
}

.bh-revamp-pt-75 {
  padding-top: 75px;
}

.bh-revamp-pt-80 {
  padding-top: 80px;
}

.bh-revamp-pt-85 {
  padding-top: 85px;
}

.bh-revamp-pt-90 {
  padding-top: 90px;
}

.bh-revamp-pt-95 {
  padding-top: 95px;
}

.bh-revamp-pt-100 {
  padding-top: 100px;
}

.bh-revamp-pb-5 {
  padding-bottom: 5px;
}

.bh-revamp-pb-10 {
  padding-bottom: 10px;
}

.bh-revamp-pb-15 {
  padding-bottom: 15px;
}

.bh-revamp-pb-20 {
  padding-bottom: 20px;
}

.bh-revamp-pb-25 {
  padding-bottom: 25px;
}

.bh-revamp-pb-30 {
  padding-bottom: 30px;
}

.bh-revamp-pb-35 {
  padding-bottom: 35px;
}

.bh-revamp-pb-40 {
  padding-bottom: 40px;
}

.bh-revamp-pb-45 {
  padding-bottom: 45px;
}

.bh-revamp-pb-50 {
  padding-bottom: 50px;
}

.bh-revamp-pb-55 {
  padding-bottom: 55px;
}

.bh-revamp-pb-60 {
  padding-bottom: 60px;
}

.bh-revamp-pb-65 {
  padding-bottom: 65px;
}

.bh-revamp-pb-70 {
  padding-bottom: 70px;
}

.bh-revamp-pb-75 {
  padding-bottom: 75px;
}

.bh-revamp-pb-80 {
  padding-bottom: 80px;
}

.bh-revamp-pb-85 {
  padding-bottom: 85px;
}

.bh-revamp-pb-90 {
  padding-bottom: 90px;
}

.bh-revamp-pb-95 {
  padding-bottom: 95px;
}

.bh-revamp-pb-100 {
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .bh-revamp-mt-5 {
    margin-top: 2.5px;
  }

  .bh-revamp-mt-10 {
    margin-top: 5px;
  }

  .bh-revamp-mt-15 {
    margin-top: 7.5px;
  }

  .bh-revamp-mt-20 {
    margin-top: 10px;
  }

  .bh-revamp-mt-25 {
    margin-top: 12.5px;
  }

  .bh-revamp-mt-30 {
    margin-top: 15px;
  }

  .bh-revamp-mt-35 {
    margin-top: 17.5px;
  }

  .bh-revamp-mt-40 {
    margin-top: 20px;
  }

  .bh-revamp-mt-45 {
    margin-top: 22.5px;
  }

  .bh-revamp-mt-50 {
    margin-top: 25px;
  }

  .bh-revamp-mt-55 {
    margin-top: 27.5px;
  }

  .bh-revamp-mt-60 {
    margin-top: 30px;
  }

  .bh-revamp-mt-65 {
    margin-top: 32.5px;
  }

  .bh-revamp-mt-70 {
    margin-top: 35px;
  }

  .bh-revamp-mt-75 {
    margin-top: 37.5px;
  }

  .bh-revamp-mt-80 {
    margin-top: 40px;
  }

  .bh-revamp-mt-85 {
    margin-top: 42.5px;
  }

  .bh-revamp-mt-90 {
    margin-top: 45px;
  }

  .bh-revamp-mt-95 {
    margin-top: 47.5px;
  }

  .bh-revamp-mt-100 {
    margin-top: 50px;
  }

  .bh-revamp-mb-5 {
    margin-bottom: 2.5px;
  }

  .bh-revamp-mb-10 {
    margin-bottom: 5px;
  }

  .bh-revamp-mb-15 {
    margin-bottom: 7.5px;
  }

  .bh-revamp-mb-20 {
    margin-bottom: 10px;
  }

  .bh-revamp-mb-25 {
    margin-bottom: 12.5px;
  }

  .bh-revamp-mb-30 {
    margin-bottom: 15px;
  }

  .bh-revamp-mb-35 {
    margin-bottom: 17.5px;
  }

  .bh-revamp-mb-40 {
    margin-bottom: 20px;
  }

  .bh-revamp-mb-45 {
    margin-bottom: 22.5px;
  }

  .bh-revamp-mb-50 {
    margin-bottom: 25px;
  }

  .bh-revamp-mb-55 {
    margin-bottom: 27.5px;
  }

  .bh-revamp-mb-60 {
    margin-bottom: 30px;
  }

  .bh-revamp-mb-65 {
    margin-bottom: 32.5px;
  }

  .bh-revamp-mb-70 {
    margin-bottom: 35px;
  }

  .bh-revamp-mb-75 {
    margin-bottom: 37.5px;
  }

  .bh-revamp-mb-80 {
    margin-bottom: 40px;
  }

  .bh-revamp-mb-85 {
    margin-bottom: 42.5px;
  }

  .bh-revamp-mb-90 {
    margin-bottom: 45px;
  }

  .bh-revamp-mb-95 {
    margin-bottom: 47.5px;
  }

  .bh-revamp-mb-100 {
    margin-bottom: 50px;
  }

  .bh-revamp-pt-5 {
    padding-top: 2.5px;
  }

  .bh-revamp-pt-10 {
    padding-top: 5px;
  }

  .bh-revamp-pt-15 {
    padding-top: 7.5px;
  }

  .bh-revamp-pt-20 {
    padding-top: 10px;
  }

  .bh-revamp-pt-25 {
    padding-top: 12.5px;
  }

  .bh-revamp-pt-30 {
    padding-top: 15px;
  }

  .bh-revamp-pt-35 {
    padding-top: 17.5px;
  }

  .bh-revamp-pt-40 {
    padding-top: 20px;
  }

  .bh-revamp-pt-45 {
    padding-top: 22.5px;
  }

  .bh-revamp-pt-50 {
    padding-top: 25px;
  }

  .bh-revamp-pt-55 {
    padding-top: 27.5px;
  }

  .bh-revamp-pt-60 {
    padding-top: 30px;
  }

  .bh-revamp-pt-65 {
    padding-top: 32.5px;
  }

  .bh-revamp-pt-70 {
    padding-top: 35px;
  }

  .bh-revamp-pt-75 {
    padding-top: 37.5px;
  }

  .bh-revamp-pt-80 {
    padding-top: 40px;
  }

  .bh-revamp-pt-85 {
    padding-top: 42.5px;
  }

  .bh-revamp-pt-90 {
    padding-top: 45px;
  }

  .bh-revamp-pt-95 {
    padding-top: 47.5px;
  }

  .bh-revamp-pt-100 {
    padding-top: 50px;
  }

  .bh-revamp-pb-5 {
    padding-bottom: 2.5px;
  }

  .bh-revamp-pb-10 {
    padding-bottom: 5px;
  }

  .bh-revamp-pb-15 {
    padding-bottom: 7.5px;
  }

  .bh-revamp-pb-20 {
    padding-bottom: 10px;
  }

  .bh-revamp-pb-25 {
    padding-bottom: 12.5px;
  }

  .bh-revamp-pb-30 {
    padding-bottom: 15px;
  }

  .bh-revamp-pb-35 {
    padding-bottom: 17.5px;
  }

  .bh-revamp-pb-40 {
    padding-bottom: 20px;
  }

  .bh-revamp-pb-45 {
    padding-bottom: 22.5px;
  }

  .bh-revamp-pb-50 {
    padding-bottom: 25px;
  }

  .bh-revamp-pb-55 {
    padding-bottom: 27.5px;
  }

  .bh-revamp-pb-60 {
    padding-bottom: 30px;
  }

  .bh-revamp-pb-65 {
    padding-bottom: 32.5px;
  }

  .bh-revamp-pb-70 {
    padding-bottom: 35px;
  }

  .bh-revamp-pb-75 {
    padding-bottom: 37.5px;
  }

  .bh-revamp-pb-80 {
    padding-bottom: 40px;
  }

  .bh-revamp-pb-85 {
    padding-bottom: 42.5px;
  }

  .bh-revamp-pb-90 {
    padding-bottom: 45px;
  }

  .bh-revamp-pb-95 {
    padding-bottom: 47.5px;
  }

  .bh-revamp-pb-100 {
    padding-bottom: 50px;
  }
}
.margin-top-firstfold {
     margin-top: 65px
 }

 @media(max-width:576px) {
     .margin-top-firstfold {
         margin-top: 10px
     }
 }

 .mt-0{
    margin-top:0;
}
.mt-20{
    margin-top:20px;
}
.mt-40{
    margin-top:40px;
}
.mt-60{
    margin-top:60px;
}
.mt-80{
    margin-top:80px;
}
.mt-100{
    margin-top:100px;
}
.mt-120{
    margin-top:120px;
}
.mb-0{
    margin-bottom:0;
}
.mb-20{
    margin-bottom:20px;
}
.mb-40{
    margin-bottom:40px;
}
.mb-60{
    margin-bottom:60px;
}
.mb-80{
    margin-bottom:80px;
}
.mb-100{
    margin-bottom:100px;
}
.mb-120{
    margin-bottom:120px;
}

.pt-0{
    padding-top:0;
}
.pt-20{
    padding-top:20px;
}
.pt-40{
    padding-top:40px;
}
.pt-60{
    padding-top:60px;
}
.pt-80{
    padding-top:80px;
}
.pt-100{
    padding-top:100px
}
.pt-120{
    padding-top:120px;
}
.pb-0{
    padding-bottom:0;
}
.pb-20{
    padding-bottom:20px;
}
.pb-40{
    padding-bottom:40px;
}
.pb-60{
    padding-bottom:60px;
}
.pb-80{
    padding-bottom:80px;
}
.pb-100{
    padding-bottom:100px;
}
.pb-120{
    padding-bottom:120px;
}


 @media screen and (max-width : 992.9px){
    .mt-20{
        margin-top:10px;
    }
    .mt-40{
        margin-top:20px;
    }
    .mt-60{
        margin-top:30px;
    }
    .mt-80{
        margin-top:40px;
    }
    .mt-100{
        margin-top:50px;
    }
    .mt-120{
        margin-top:60px;
    } 
    .mb-20{
        margin-bottom:10px;
    }
    .mb-40{
        margin-bottom:20px;
    }
    .mb-60{
        margin-bottom:30px;
    }
    .mb-80{
        margin-bottom:40px;
    }
    .mb-100{
        margin-bottom:50px;
    }
    .mb-120{
        margin-bottom:80px;
    }
    .pt-20{
        padding-top:10px;
    }
    .pt-40{
        padding-top:20px;
    }
    .pt-60{
        padding-top:30px;
    }
    .pt-80{
        padding-top:40px;
    }
    .pt-100{
        padding-top:50px
    }
    .pt-120{
        padding-top:60px;
    }
    .pb-20{
        padding-bottom:10px;
    }
    .pb-40{
        padding-bottom:20px;
    }
    .pb-60{
        padding-bottom:30px;
    }
    .pb-80{
        padding-bottom:40px;
    }
    .pb-100{
        padding-bottom:50px;
    }
    .pb-120{
        padding-bottom:60px;
    }
 }
.header {
  display: none
}
.header-m {
  background-color: #fff;
  border-top: 4px solid #232426;
  -webkit-box-shadow: inset 0 -1px 0 #e8ebed;
  -moz-box-shadow: inset 0 -1px 0 #e8ebed;
  box-shadow: inset 0 -1px 0 #e8ebed;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  /* -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; */
  width: 100%;
  z-index: 1001;
}
.header-m.header--scrolled.inner {
  border-top: 0
}
.header-m__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  max-height: 55px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.header--scrolled.inner .header-m__top {
  max-height: 0;
  padding: 0
}
.header-m__left,
.header-m__right {
  position: relative;
  z-index: 101
}
.kitchen-calc-wrapper{
  display: none;
  align-items: center;
}

.kitchen-calc-wrapper img{
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.header-m__left .header-m__nav,
.header-m__right .header-m__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 12px 0 8px
}
.header-m__left .header-m__nav li:not(:last-child),
.header-m__right .header-m__nav li:not(:last-child) {
  margin-right: 20px
}
.header-m__nav-item.collapse {
  border-bottom: none!important
}
.header-m__nav-item.collapse > a > .icon-chevron-right {
  display: none
}
.header-m__nav-item.collapse .header-m__nav-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.header-m__nav-item.collapse .header-m__nav-dropdown li:not(:last-child) {
  margin-bottom: 20px
}
.header-m__nav-dropdown {
  display: none;
  padding: 30px 0
}
.header-m__nav-dropdown__item a {
  color: #454c53;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.header-m__nav-dropdown__item a span.icon-chevron-right {
  position: absolute;
  right: 0;
}
.header-m__nav-separator {
  border-top: 2px solid #dcd9cf
}
.header-m__logo {
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  width: 112px;
  height: 32px;
}
.header-m__logo-outer {
  display: inline-block;
  position: relative
}
.header-m__logo--white {
  display: none
}
.header-m__sidebar {
  /* border-top: 4px solid #232426; */
  position: fixed;
  top: 0;
  left: -100%;
  overflow-x: hidden;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  height: 100%;
  width: 100%;
  z-index: 102
}
.header-m__sidebar.m-nav {
  background-color: #f1efe8
}
.header-m__sidebar.m-search {
  background-color: #fff
}
.header-m__sidebar-logo img {
  width: 105px
}
.header-m__sidebar-close {
  color: #232426;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px
}
.header-m__sidebar-close span {
  margin-right: 8px
}
.header-m__sidebar .header-m__nav-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0 7px;
}
.header-m__sidebar .header-m__nav-top li:last-child [class^=icon-]::before {
  color: #232426;
  font-size: 22px;
  font-weight: 700!important
}
.header-m__sidebar .header-m__nav-middle {
  /* margin-bottom: 50px; */
  padding: 30px 0
}
.header-m__sidebar .header-m__nav-middle.collapse-outer .header-m__nav-item {
  display: none
}
.header-m__sidebar .header-m__nav-middle.collapse-outer .header-m__nav-item.collapse {
  display: block
}
.header-m__sidebar .header-m__nav-middle .header-m__nav-item {
  border-bottom: 1px solid #9ea4aa;
  padding: 15px 0
}
.header-m__sidebar .header-m__nav-middle .header-m__nav-item > a {
  color: #26282b;
  font-family: BioRhyme;
  font-size: 24px;
  letter-spacing: .02em;
  line-height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.header-m__sidebar .header-m__nav-middle .header-m__nav-item > a[data-toggle=dialog] {
  color: #232426
}
.header-m__sidebar .header-m__nav-middle .header-m__nav-item > a [class^=icon-]::before {
  color: #454c53
}
.header-m__sidebar .header-m__nav-bottom p {
  color: #26282b;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px
}
.header-m__sidebar .header-m__nav-back {
  color: #232426;
  display: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px
}
.header-m__sidebar .header-m__nav-back [class^=icon-]::before {
  color: #232426
}
.header-m__sidebar .header-m__form {
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #9ea4aa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px
}
.header-m__sidebar .header-m__form input {
  background: #e8ebed;
  border: none;
  color: #26282b;
  float: left;
  font-size: 18px;
  line-height: 28px;
  padding: 16px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  width: 85%
}
.header-m__sidebar .header-m__form input:focus {
  outline: 0
}
.header-m__sidebar .header-m__form input::-webkit-input-placeholder {
  color: #9ea4aa;
  opacity: 1
}
.header-m__sidebar .header-m__form input::-moz-placeholder {
  color: #9ea4aa;
  opacity: 1
}
.header-m__sidebar .header-m__form input:-ms-input-placeholder {
  color: #9ea4aa;
  opacity: 1
}
.header-m__sidebar .header-m__form input::-ms-input-placeholder {
  color: #9ea4aa;
  opacity: 1
}
.header-m__sidebar .header-m__form input::placeholder {
  color: #9ea4aa;
  opacity: 1
}
.header-m__sidebar .header-m__form input:-ms-input-placeholder {
  color: #9ea4aa
}
.header-m__sidebar .header-m__form input::-ms-input-placeholder {
  color: #9ea4aa
}
.header-m__sidebar .header-m__form button {
  background: #e8ebed;
  border: none;
  cursor: pointer;
  float: left;
  line-height: 22px;
  padding: 16px;
  width: 15%;
  color: #9ea4aa
}
.header-m__wrapper-nav,
.header-m__wrapper-search {
  display: none
}
.header-m__search {
  background-color: #fff;
  padding: 16px 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s
}
.header-m__search-section__title {
  color: #232426;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px
}
.header-m__search-section__list li {
  padding: 8px 0
}
.header-m__search-section__thumb {
  margin-right: 10px;
  min-width: 80px
}
.header-m__search-section__desc {
  color: #454c53;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}
.header-m__search-section.trending .header-m__search-section__desc {
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}
.header-m__search-section.trending .header-m__search-section__list li {
  border-bottom: 1px solid #e8ebed
}
.header-m__search-section.trending .header-m__search-section__list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.header-m__search-section.searched {
  margin-bottom: 15px
}
.header-m__search-section.searched .header-m__search-section__desc {
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical
}
.header-m__search-section.searched .header-m__search-section__list li {
  border-bottom: 1px solid #e8ebed
}
.header-m__search-section.most_searched .header-m__search-section__desc {
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical
}
.header-m__search-section.most_searched .header-m__search-section__list li:not(:last-child) {
  border-bottom: 1px solid #e8ebed
}
.header-m__bottom {
  border-top: 1px solid #e8ebed;
  border-bottom: 1px solid #e8ebed;
  position: relative;
  -webkit-box-shadow: 0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.0503198),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.0282725),0 2.76726px 2.21381px rgba(0,0,0,.0196802);
  -moz-box-shadow: 0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.0503198),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.0282725),0 2.76726px 2.21381px rgba(0,0,0,.0196802);
  box-shadow: 0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.0503198),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.0282725),0 2.76726px 2.21381px rgba(0,0,0,.0196802)
}
.header-m__bottom--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px
}
.header-m__bottom--inner .btn {
  font-size: 14px;
  line-height: 17px;
  padding: 10px 16px;
  padding: 5px 16px;
  line-height: 20px
}
.header-m__bottom--navs {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  -webkit-box-shadow: 0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.0503198),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.0282725),0 2.76726px 2.21381px rgba(0,0,0,.0196802);
  -moz-box-shadow: 0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.0503198),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.0282725),0 2.76726px 2.21381px rgba(0,0,0,.0196802);
  box-shadow: 0 100px 80px rgba(0,0,0,.07),0 41.7776px 33.4221px rgba(0,0,0,.0503198),0 22.3363px 17.869px rgba(0,0,0,.0417275),0 12.5216px 10.0172px rgba(0,0,0,.035),0 6.6501px 5.32008px rgba(0,0,0,.0282725),0 2.76726px 2.21381px rgba(0,0,0,.0196802);
  max-height: -webkit-calc(100vh - 103px);
  max-height: -moz-calc(100vh - 103px);
  max-height: calc(100vh - 103px);
  overflow: auto
}
.header--scrolled .header-m__bottom--navs {
  max-height: -webkit-calc(100vh - 52px);
  max-height: -moz-calc(100vh - 52px);
  max-height: calc(100vh - 52px)
}
.header-m__bottom--nav-links {
  border-top: 1px solid #e8ebed
}
.header-m__bottom--nav-links li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #454c53;
  font-size: 16px;
  line-height: 1.25;
  padding: 12px 20px
}
.header-m__bottom--nav-links li a.active {
  color: #232426
}
.header-m__bottom--nav-links li a:hover {
  background-color: #f4f2ed
}
.header-m__bottom--nav-links li a [class^=icon] {
  margin-left: 10px;
  font-size: 14px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: -o-transform .3s;
  -moz-transition: transform .3s,-moz-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s
}
.header-m__bottom--nav-links li a.active [class^=icon] {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.header-m__bottom--subnavs {
  display: none
}
.header-m__bottom--subnavs a {
  display: block;
  padding: 10px 40px!important
}
.header-m__page {
  color: #fff;
  font-size: 16px;
  line-height: 20px
}
.header--sticky .header-m__page {
  color: #26282b
}
.inner .header-m__page {
  color: #26282b
}
.header-m__page [class^=icon] {
  margin-left: 10px;
  font-size: 14px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: -o-transform .3s;
  -moz-transition: transform .3s,-moz-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;
  display: inline-block
}
.header-m__page.active [class^=icon] {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.header-m [class^=icon-]::before {
  color: #26282b
}
.header-m .icon-hamburger:before {
  font-size: 24px
}
.header-m .icon-search::before {
  font-size: 22px
}
.header-m .icon-login::before {
  font-size: 24px
}
.header-m .icon-bag::before {
  font-size: 24px
}
.header-m.header--sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0
}
.header-m__shop {
  display: none
}
.collapse .header-m__shop {
  display: block
}
.header-m__subnav {
  position: fixed;
  overflow: hidden;
  height: 100vh;
  top: 0;
  right: 0;
  width: 0;
  background: #f1efe8;
  border-top: 4px solid #232426;
  z-index: 105;
  -webkit-transition: width .4s ease-in-out;
  -o-transition: width .4s ease-in-out;
  -moz-transition: width .4s ease-in-out;
  transition: width .4s ease-in-out
}
.header-m__subnav.active {
  width: 100%
}
.header-m__subnav--wrapper {
  width: 100vw;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.header-m__subnav--wrapper > * {
  width: 100%
}
.header-m__subnav--wrapper > :last-child {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: -webkit-calc(100% - 46px);
  height: -moz-calc(100% - 46px);
  height: calc(100% - 46px)
}
.header-m__subnav-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0 6px
}
.header-m__subnav-top button {
  background: 0 0;
  border: none;
  -webkit-appearance: none;
  cursor: pointer
}
.header-m__subnav-top li:last-child [class^=icon-]::before {
  color: #232426;
  font-size: 22px;
  font-weight: 700!important
}
.header-m__subnav-back {
  color: #232426;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px
}
.header-m__subnav-back [class^=icon-]::before {
  color: #232426
}
.header-m__subnav-middle {
  margin-bottom: 50px;
  padding: 30px 0;
  display: none;
  overflow-x: hidden;
  overflow-y: auto
}
.header-m__subnav-middle.active {
  display: block
}
.header-m__subnav-middle li {
  margin-bottom: 20px
}
.header-m__subnav-middle li > a {
  color: #454c53
}
.header-m__subnav-bottom {
  padding-bottom: 60px
}
.header-m__subnav-bottom p {
  color: #26282b;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px
}
.header-m__form {
  position: relative
}
.header-m__form.design-help {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  overflow: hidden
}
.header-m__form__wrapper {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none
}
@media (min-width:1212px) {
  .header-m__form__wrapper {
    display: none
  }
}
.header-m__form--inner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  bottom: 0;
  width: 100%;
  max-height: 100vh;
  -webkit-animation: slideDown .3s forwards;
  -moz-animation: slideDown .3s forwards;
  animation: slideDown .3s forwards
}
.header-m__form.active {
  background: rgba(0,0,0,.5);
  pointer-events: auto
}
.header-m__form.active .header-m__form--inner {
  -webkit-animation: slideUp .4s forwards ease-in-out;
  -moz-animation: slideUp .4s forwards ease-in-out;
  animation: slideUp .4s forwards ease-in-out
}
.header-m__form--header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  border-radius: 20px 20px 0 0;
  background: #fff;
  width: 100%;
  padding: 23px;
  border-bottom: 1px solid #e8ebed
}
.header-m__form--header h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px
}
.header-m__form--header button.js-close {
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 24px;
  -webkit-appearance: none;
  border: none;
  background: 0 0;
  padding: 0;
  cursor: pointer
}
.header-m__form--wrap {
  background: #fdfeff;
  overflow-x: hidden;
  overflow-y: auto
}
@media (max-width:1211.98px) {
  .header-m + * {
    margin-top: 87px!important
  }
  .header-m + .breadcrumbs {
    margin-top: 84px
  }
  .header-m + .sca-hero-carousel,
  .header-m + .sm-hero-carousel {
    margin-top: 55px!important
  }
}
@media (max-width:1211.98px) {
  .header-m.inner + * {
    margin-top: 109px!important
  }
  .header-m.inner + .breadcrumbs {
    margin-top: 138px!important
  }
  .header-m.inner + .hero-banner-mini {
    margin-top: 55px!important
  }
}
.page-home .header-m {
  position: fixed;
  left: 0;
  right: 0;
  top: 0
}
.page-home .header-m + * {
  margin-top: 0!important
}
/* .page-home .header-m__logo--color {
  opacity: 0
} */
.page-home .header-m__logo--white {
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.page-home .header-m:not(.header--sticky) {
  background-color: transparent
}
.page-home .header-m:not(.header--sticky)::before {
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
  background: -moz-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
  background: linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 100%);
  /* content: ''; */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
/* .page-home .header-m:not(.header--sticky) .header-m__top [class^=icon-]::before {
  color: #fdfeff
} */
.page-home .header-m.header--sticky::before {
  content: none
}
.page-home .header-m.header--sticky .header-m__logo--color {
  opacity: 1
}
.page-home .header-m.header--sticky .header-m__logo--white {
  opacity: 0
}
@media (min-width:769px) {
  .header-m {
    display: none
  }
  .header {
    background-color: #fff;
    /* border-top: 4px solid #232426; */
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    z-index: 1001;
  }
  .header__container {
    padding: 0;
    position: relative;
    z-index: 500
  }
  .header__row {
    width: 100%
  }
  .header__row.middle {
    position: relative
  }
  .header__row.middle.active {
    padding: 29.2px 0;
    border-bottom: 1px solid rgba(158,164,170,.5)
  }
  .header__top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(158,164,170,.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    padding: 13px 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
  }
  .header--scrolled .header__top {
    height: 0;
    padding: 0
  }
  .search--expanded .header__top {
    overflow: visible
  }
  .header__primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 25px;
  }
  .header__primary.left li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .header__primary.left li:first-child {
    margin-left: 0
  }
  .header__primary.left li:last-child {
    margin-right: 0
  }
  .header__primary.left li:not(.header__logo) {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 8px;
    padding: 8px
  }
  .header__primary.left li:not(.header__logo).active a {
    color: #232426
  }
  .header--sticky .header__primary.left li:not(.header__logo).active a {
    color: #232426
  }
  .header__primary.left li:not(.header__logo) a {
    color: #26282b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    position: relative
  }
  .header__primary.right > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 0 10px */
  }
  .header__primary.right > li a {
    color: #26282b;
    cursor: pointer;
  }
  .header__primary.right > li a:hover {
    color: #232426
  }
  .header__primary.right > li a.btn {
    color: #fff!important
  }
  .header__primary.right > li:not(:first-child):not(:nth-last-child(-n+2)) {
    /* border-right: 1px solid rgba(158,164,170,.4) */
  }
  .header__form {
    border: 1px solid #26282b;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    color: #26282b;
    display: flex;
  }
  .header__form input {
    background: 0 0;
    border: none;
    color: #26282b;
    float: left;
    font-size: 16px;
    line-height: 22px;
    padding: 3px 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    width: 120px;
    font-family:Lato;
  }
  .header__form input:focus {
    outline: 0
  }
  .header__form input::-webkit-input-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header__form input::-moz-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header__form input:-ms-input-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header__form input::-ms-input-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header__form input::placeholder {
    color: #26282b;
    opacity: 1
  }
  .header__form input:-ms-input-placeholder {
    color: #26282b
  }
  .header__form input::-ms-input-placeholder {
    color: #26282b
  }
  .header__form button {
    background: 0 0;
    border: none;
    cursor: pointer;
    float: left;
    line-height: 22px;
    padding-right: 10px
  }
  .header__middle {
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
  }
  .header__middle:not(.active) {
    display: none
  }
  .header__middle > .container {
    padding-left: 0
  }
  .header__secondary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    position: relative;
    z-index: 100
  }
  .header__secondary-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .header__secondary li {
    cursor: pointer;
    padding: 20px 16px;
    position: relative
  }
  .header__secondary li.active:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 16px;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    height: 4px;
    background: #232426
  }
  .header__secondary li.active > a {
    color: #232426
  }
  .header__secondary li a {
    color: #26282b;
    font-size: 16px;
    line-height: 20px
  }
  .header__secondary li a > * {
    vertical-align: middle
  }
  .header__secondary li a span {
    font-size: 14px;
    margin-left: 9px
  }
  .header__shop {
    padding: 19px 10px;
    position: relative;
    z-index: 100
  }
  .header__mega {
    background-color: #fdfeff;
    display: none;
    position: relative;
    top: -1px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 99
  }
  .header__mega[data-parent=magazine] .header__mega-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 0
  }
  .header__mega[data-parent=magazine] .header__mega-inner .col {
    padding: 0 20px
  }
  .header__mega[data-parent=magazine] .header__mega-inner .col:nth-child(1) {
    width: 23%
  }
  .header__mega[data-parent=magazine] .header__mega-inner .col:nth-child(2) {
    border-right: 1px solid #e8ebed;
    width: 41%
  }
  .header__mega[data-parent=magazine] .header__mega-inner .col:nth-child(3) {
    width: 36%
  }
  .header__mega[data-parent=magazine] .header__mega-inner .icon--chevron-right {
    margin-left: 15px
  }
  .header__mega[data-parent=magazine] .header__mega-title {
    color: #26282b;
    font-family: BioRhyme;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: .02em;
    line-height: 44px;
    margin-bottom: 8px
  }
  .header__mega[data-parent=magazine] .header__mega-desc {
    color: #26282b;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px
  }
  .header__mega[data-parent=magazine] .header__featured {
    font-family: BioRhyme;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
  }
  .header__mega[data-parent=magazine] .header__featured-desc {
    padding: 10px 0
  }
  .header__mega[data-parent=magazine] .header__featured-post {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
    padding: 0;
    gap: 0 8px
  }
  .header__mega[data-parent=magazine] .header__featured-post li {
    display: inline
  }
  .header__mega[data-parent=magazine] .header__featured-img {
    max-width: 121px;
    height: auto
  }
  .header__mega[data-parent=magazine] .header__featured-badge {
    background-color: #26282b;
    color: #fdfeff;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 4px 8px
  }
  .header__mega[data-parent=magazine] .header__featured-title {
    color: #26282b;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
  }
  .header__mega[data-parent=magazine] .header__misc-img {
    margin-bottom: 8px;
    position: relative
  }
  .header__mega[data-parent=magazine] .header__misc-cta {
    border-color: transparent;
    color: #26282b;
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .header__mega[data-parent=magazine] .header__misc-cta:hover {
    color: #fff
  }
  .header__mega[data-parent=magazine] .header__misc-cta:active,
  .header__mega[data-parent=magazine] .header__misc-cta:focus,
  .header__mega[data-parent=magazine] .header__misc-cta:link {
    color: #26282b
  }
  .header__mega[data-parent=magazine] .header__misc-title {
    color: #26282b;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px
  }
  .header__mega[data-parent=products] .header__mega-inner,
  .header__mega[data-parent=shop] .header__mega-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 20px
  }
  .header__mega[data-parent=products] .header__mega-inner .col,
  .header__mega[data-parent=shop] .header__mega-inner .col {
    padding: 0 11px
  }
  .header__mega[data-parent=products] .header__mega-inner .col:nth-child(1),
  .header__mega[data-parent=shop] .header__mega-inner .col:nth-child(1) {
    width: 20%
  }
  .header__mega[data-parent=products] .header__mega-inner .col:nth-child(2),
  .header__mega[data-parent=shop] .header__mega-inner .col:nth-child(2) {
    width: 40%
  }
  .header__mega[data-parent=products] .header__mega-inner .col:nth-child(3),
  .header__mega[data-parent=shop] .header__mega-inner .col:nth-child(3) {
    width: 40%
  }
  .header__mega[data-parent=products] .header__mega-inner .col:first-child,
  .header__mega[data-parent=shop] .header__mega-inner .col:first-child {
    padding-left: 0
  }
  .header__mega[data-parent=products] .header__mega-inner .col:last-child,
  .header__mega[data-parent=shop] .header__mega-inner .col:last-child {
    padding-right: 0
  }
  .header__mega[data-parent=products] .header__categories,
  .header__mega[data-parent=shop] .header__categories {
    list-style: none;
    margin: 0;
    padding: 0
  }
  .header__mega[data-parent=products] .header__categories li:not(:last-child),
  .header__mega[data-parent=shop] .header__categories li:not(:last-child) {
    margin-bottom: 20px
  }
  .header__mega[data-parent=products] .header__categories li a,
  .header__mega[data-parent=shop] .header__categories li a {
    color: #26282b;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
  }
  .header__mega[data-parent=products] .header__featured-img,
  .header__mega[data-parent=shop] .header__featured-img {
    margin-bottom: 20px;
    max-height: 300px
  }
  .header__mega[data-parent=products] .header__featured-title,
  .header__mega[data-parent=shop] .header__featured-title {
    color: #26282b;
    font-family: BioRhyme;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    margin-bottom: 4px
  }
  .header__mega[data-parent=products] .header__featured-cta,
  .header__mega[data-parent=shop] .header__featured-cta {
    color: #232426;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px
  }
  .header__mega[data-parent=products] .header__featured-cta a,
  .header__mega[data-parent=shop] .header__featured-cta a {
    padding-top: 0
  }
  .header__shop-info {
    margin: 0 10px
  }
  .header__shop-info:first-child {
    margin-left: 0
  }
  .header__shop-info:last-child {
    margin-right: 0
  }
  .header__logo {
    width: 142px;
    position: relative;
    margin: 0 20px
  }
  .header__logo img.white {
    display: none
  }
  .header--sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0
  }
  .header--sticky ~ .main-content {
    margin-top: 130.41px
  }
  .header--sticky__container {
    padding-top: 25px;
    padding-bottom: 25px
  }
  .header--sticky .header__form {
    border-color: #26282b;
    color: #26282b;
  }
  .header--sticky .header__form input::-webkit-input-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header--sticky .header__form input::-moz-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header--sticky .header__form input:-ms-input-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header--sticky .header__form input::-ms-input-placeholder {
    color: #26282b;
    opacity: 1
  }
  .header--sticky .header__form input::placeholder {
    color: #26282b;
    opacity: 1
  }
  .header--sticky .header__form input:-ms-input-placeholder {
    color: #26282b
  }
  .header--sticky .header__form input::-ms-input-placeholder {
    color: #26282b
  }
  .header .icon-more {
    font-size: 24px;
    margin-left: 3px
  }
  .header .icon-close-o {
    cursor: pointer;
    visibility: hidden
  }
  .header .icon-close-o::before {
    color: #26282b;
    font-size: 20px
  }
  .header .icon-bag::before,
  .header .icon-login::before {
    font-size: 24px
  }
  .header__search {
    background-color: #fff;
    border: 1px solid #000;
    display: none;
    padding: 16px 0;
    position: absolute;
    top: 40px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    z-index: 501;
    width:454px;
  }
  .header__search-outer {
    position: relative
  }
  .unboxed__search-outer .header__form{
    display: none;
  }
  .header__search-section__title {
    color: #232426;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 0 16px
  }
  .header__search-section__list li {
    padding: 8px 16px
  }
  .header__search-section__list li:hover {
    background-color: #f4f2ed
  }
  .header__search-section__thumb {
    margin-right: 10px;
    min-width: 80px
  }
  .header__search-section__desc {
    color: #454c53;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
  }
  .header__search-section.trending .header__search-section__desc {
    overflow: hidden;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
  }
  .header__search-section.trending .header__search-section__list li {
    border-bottom: 1px solid #e8ebed
  }
  .header__search-section.trending .header__search-section__list li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .header__search-section.searched {
    margin-bottom: 15px
  }
  .header__search-section.searched .header__search-section__desc {
    overflow: hidden;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
  }
  .header__search-section.searched .header__search-section__list li {
    border-bottom: 1px solid #e8ebed
  }
  .header__search-section.most_searched .header__search-section__desc {
    overflow: hidden;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
  }
  .header__search-section.most_searched .header__search-section__list li:not(:last-child) {
    border-bottom: 1px solid #e8ebed
  }
  .header.search--expanded .icon-close-o {
    visibility: visible
  }
  .header.search--expanded .header__form input {
    top: 0;
    right: 100%;
    width: 400px
  }
}
@media (min-width:1212px) and (min-width:992px) {
  .header__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .header__link--btn {
    margin-left: 10px
  }
}
@media (min-width:1212px) {
  .page-home .header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0
  }
  .page-home .header:not(.header--sticky) {
    background-color: transparent
  }
  /* .page-home .header:not(.header--sticky).search--expanded .icon-close-o::before {
    color: #fdfeff
  } */
  .page-home .header:not(.header--sticky) .header__row.middle {
    border-bottom: 3px solid transparent
  }
  .page-home .header:not(.header--sticky) .header__primary.left li:not(.header__logo):not(.active) a {
    color: #fdfeff
  }
  .page-home .header:not(.header--sticky) .header__primary.right li:not(:first-child):not(:nth-last-child(-n+2)) {
    border-right: 1px solid rgba(255,255,255,.4)
  }
  .page-home .header:not(.header--sticky) .header__primary.right li a {
    color: #fdfeff;
    cursor: pointer;
  }
  .page-home .header:not(.header--sticky) .header__primary.right li a:hover {
    color: #232426
  }
  .page-home .header:not(.header--sticky) .header__logo img {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
  }
  .page-home .header:not(.header--sticky) .header__logo img.white {
    display: block;
    position: absolute;
    top: 0;
    left: 0
  }
  .page-home .header:not(.header--sticky) .header__logo img.color {
    opacity: 0
  }
  /* .page-home .header:not(.header--sticky) .header__form {
    border: 1px solid #fdfeff;
    color: #fdfeff
  } */
  /* .page-home .header:not(.header--sticky) .header__form input {
    color: #fdfeff
  } */
  .page-home .header:not(.header--sticky) .header__form input::-webkit-input-placeholder {
    /* color: #fdfeff; */
    opacity: 1
  }
  .page-home .header:not(.header--sticky) .header__form input::-moz-placeholder {
    /* color: #fdfeff; */
    opacity: 1
  }
  .page-home .header:not(.header--sticky) .header__form input:-ms-input-placeholder {
    color: #fdfeff;
    opacity: 1
  }
  .page-home .header:not(.header--sticky) .header__form input::-ms-input-placeholder {
    /* color: #fdfeff; */
    opacity: 1
  }
  .page-home .header:not(.header--sticky) .header__form input::placeholder {
    /* color: #fdfeff; */
    opacity: 1
  }
  .page-home .header:not(.header--sticky) .header__form input:-ms-input-placeholder {
    /* color: #fdfeff */
  }
  .page-home .header:not(.header--sticky) .header__form input::-ms-input-placeholder {
    /* color: #fdfeff */
  }
  /* .page-home .header:not(.header--sticky) .header__form button {
    color: #fdfeff
  } */
  .page-home .header:not(.header--sticky) .header__secondary li a {
    color: #fdfeff
  }
  .page-home .header:not(.header--sticky) .header__shop a {
    color: #fdfeff
  }
  .page-home .header--sticky {
    background-color: #fff
  }
  .page-home .header--sticky .header__primary.right li:not(:first-child):not(:nth-last-child(-n+2)) {
    /* border-right: 1px solid rgba(158,164,170,.4) */
  }
  .page-home .header--sticky .header__logo img.white {
    opacity: 0
  }
  .page-home .header--sticky .header__logo img.color {
    opacity: 1
  }
  .page-home .header--sticky ~ .main-content {
    margin-top: 0
  }
  .dropdown-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    width: 195px;
  }
  .dropdown-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    padding: 22px 0
  }
  .dropdown-inner .col {
    padding: 0 51px 0 32px
  }
  .multicol .dropdown-inner .col {
    /* padding: 0 82px 0 32px */
    padding: 0 18px 0 15px;
  }
  #by-city .dropdown-inner{
    padding: 5px;
    width: 478px;
    height: auto;
  }
  #by-city .dropdown-inner .col{
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
  }
  #by-city .dropdown-inner .col a{
    width: 125px;
  }
  .dropdown-inner .col a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 10px 0;
    color: #26282b
  }
  .dropdown-inner .col a:hover {
    color: #000
  }
  #design-ideas .dropdown-inner {
    width: 700px;
  }
  #design-ideas .dropdown-inner > div {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
  }
  #design-ideas .dropdown-inner .col a {
    width: 200px;
  }
}
@-webkit-keyframes slideUp {
  0.01% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@-moz-keyframes slideUp {
  0.01% {
    -moz-transform: translateY(100%);
    transform: translateY(100%)
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes slideUp {
  0.01% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes slideDown {
  0.01% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}
@-moz-keyframes slideDown {
  0.01% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -moz-transform: translateY(100%);
    transform: translateY(100%)
  }
}
@keyframes slideDown {
  0.01% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
  }
}
/*# sourceMappingURL=maps/header.css.map */

.mobile-rdh {
  padding: 0
}
.mobile-rdh__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media (min-width:992px) {
  .mobile-rdh__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
}
.mobile-rdh__content {
  margin-bottom: 0;
  width: 100%;
  padding: 20px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #454c53
}
@media (min-width:576px) {
  .mobile-rdh__content {
    padding: 20px 20px
  }
}
@media (min-width:992px) {
  .mobile-rdh__content {
    width: 49%;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    background: 0 0
  }
}
@media (min-width:1212px) {
  .mobile-rdh__content {
    padding-left: -webkit-calc((100% - 1220px)/ 2 + 20px);
    padding-left: -moz-calc((100% - 1220px)/ 2 + 20px);
    padding-left: calc((100% - 1220px)/ 2 + 20px)
  }
}
@media (min-width:1441px) {
  .mobile-rdh__content {
    padding-left: -webkit-calc((100% - 1441px)/ 2 + 20px);
    padding-left: -moz-calc((100% - 1441px)/ 2 + 20px);
    padding-left: calc((100% - 1441px)/ 2 + 20px)
  }
}
.mobile-rdh__title {
  color: #3c6aa8;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  font-size: 24px;
  line-height: 32px;
  
  width: 350px
}
.mobile-rdh__locations {
  color: #232426;
  font-family: BioRhyme;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 40px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  min-height: 32px;
  margin-bottom: 10px
}
.mobile-rdh__desc {
  font-size: 14px;
  line-height: 20px;
  max-width: 525px
}
.mobile-rdh__desc p {
  margin-bottom: 12px
}
.mobile-rdh__desc a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700
}
.mobile-rdh__desc a {
  color: #26282b
}
.mobile-rdh__desc a:active,
.mobile-rdh__desc a:focus,
.mobile-rdh__desc a:visited {
  color: #26282b
}
body.hasHover .mobile-rdh__desc a:hover {
  color: #26282b
}
.mobile-rdh__form {
  position: relative;
  width: 100%;
  padding: 0 20px 100px
}
@media (min-width:576px) {
  .mobile-rdh__form {
    padding: 10px 20px 100px
  }
}
@media (min-width:992px) {
  .mobile-rdh__form {
    width: 49%;
    max-width: 611px;
    padding-top: 20px;
    padding-bottom: 20px
  }
}
@media (min-width:1212px) {
  .mobile-rdh__form {
    padding-right: -webkit-calc((100% - 1220px)/ 2 + 20px);
    padding-right: -moz-calc((100% - 1220px)/ 2 + 20px);
    padding-right: calc((100% - 1220px)/ 2 + 20px)
  }
}
@media (min-width:1441px) {
  .mobile-rdh__form {
    max-width: -webkit-calc(611px + (100% - 1441px)/ 2);
    max-width: -moz-calc(611px + (100% - 1441px)/ 2);
    max-width: calc(611px + (100% - 1441px)/ 2);
    padding-left: 99px;
    padding-right: -webkit-calc((100% - 1441px)/ 2 + 20px);
    padding-right: -moz-calc((100% - 1441px)/ 2 + 20px);
    padding-right: calc((100% - 1441px)/ 2 + 20px)
  }
}
.mobile-rdh__form-cta {
  position: fixed;
  z-index: 1;
  bottom: 30px;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px)
}
@media (min-width:992px) {
  .mobile-rdh__form-cta {
    position: relative
  }
}
.mobile-rdh__form-cta button {
  font-size: 18px;
  line-height: 27px;
  padding: 16px 32px
}
.mobile-rdh__form-cta button [class^=icon-]::before {
  color: #fff
}
.mobile-rdh__form-cta .submit {
  width: 100%
}
.mobile-rdh .frm__label {
  color: #454c53
}
/*# sourceMappingURL=maps/mobile-rdh-form.css.map */
@media (min-width: 1212px){

    .header__mega[data-parent=magazine] .header__featured-img {
        height: 91px;
        object-fit: cover;
    }
  
}

.header-m__search-section__thumb img,.header__search-section__thumb img {
  width: 80px;
  height:65px;
  object-fit: cover;
} 

@media (max-width: 1212px){
  ul.header-m__search-section__list.searchdynamic a {
    display: flex;
}
}

#lead-form{
  scroll-margin-top:140px ;
}
.header__logo img {
  width: 142px;
  height: 42px;
}

.header-m__nav-item{
  display: flex;
  justify-content: space-between;
}
@media (max-width:991px) {
  .header-m__nav-bottom {
    margin-bottom: 10px;
}
.header-m__logo{
  width: 108.4px;
}
}
.header__secondary .navbar_image{
  width: 33px;
  height: 12px;
  position: absolute;
  top: 8px;
}
@media screen and (max-width : 1211.9px){
  .header-m__nav-dropdown__item{
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
  }
  .header-m__nav-dropdown__item .navbar_image{
    width: 38px;
    height: 14px;
    position: unset;
  }
}

@media screen and (min-width : 1366px) and (max-width : 1513.9px){
  .primary_new_header_wrapper.header.search--expanded .header__form input {
    width: 200px !important;
}
}
.rh-search-content .header__search-outer{
    width: 100%;
}
.unboxed__search__icon__container{
    cursor: pointer;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* width: 40px;
    height: 40px; */
    /* position: absolute; */
    /* margin-right: 16px; */
    /* right: 6px; */
    /* width: 260px; */
    /* border: 1px solid #000;
    border-radius: 45px; */
    padding: 7px 0;
    /* justify-content: space-between; */
    /* position: relative; */
    border-bottom: 1px solid #B0B1B3;
    width: 100%;
}
.unboxed__search__icon{
    width: 16px;
    height: 16px;
}

.unboxed__search__icon__container:hover{
    /* content: "";
    border-radius: 100px;
    background: linear-gradient(90.85deg, #f6edff 2.92%, #ffe9ea 61.17%, #fef4e1 98.14%); */
}
.searchModal {
    display: none; 
    position: fixed; 
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.5); 
}
.searchModalContent {
    background-color: #ffffff;
    margin: 4% auto; 
    padding: 20px 30px;
    border: 1px solid #888;
    max-width: 900px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 10px;
    position: relative;

}
.unboxedSearchContent{
    border-radius: 45px;
    border: 0.5px solid #000;
    padding: 12px 20px;
    width: 800px;
    background-color: #EEEAF3;
}
.unboxedSearchContent input{
    width: 94%;
    padding-left: 5px;
    background-color: #EEEAF3;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #1D1D1F;
    caret-color: #232426 ;
    outline: none;
    border: none;
}

.unboxedSearchContent input::placeholder{
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #A7A7A7;
}
.closeSearchModal {
    width: 20px;
    height: 20px;
    cursor: pointer;

}
.unboxedModalImgWrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    cursor: pointer;
}
.unboxedModalImgWrapper:hover{
    content: "";
    border-radius: 100px;
    background: linear-gradient(90.85deg, #f6edff 2.92%, #ffe9ea 61.17%, #fef4e1 98.14%);
}
.unboxedClearContainer{
    position: absolute;
    right: 82px;
    display: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #232426;
    cursor: pointer;

}
.unboxed__search__icon__txt{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 117%;
    color: #75787B;
    padding: 0 10px;
    display: block;
}
.unboxed__search__icon__subtxt{
    font-weight: 400;
    font-size: 14px;
    line-height: 147%;
    color: #1D1D1F;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    padding-left: 4px;

}
.unboxed__search__icon__subtxt.active{
    display: inline;
    opacity: 1;
    position: relative;

}
@media screen and (max-width :768px) {
    .header-m__nav-separator.unboxed__nav-separator{
        border-top: none;
    }
    .header-m__wrapper-search.unboxed__wrapper-search{
        box-shadow: 0px 2px 4px 0px #00000026;
    }
    .sidebar-closeMobile img{
        width: 20px;
        height: 20px;
    }
    .unboxed__wrapper-search .container{
        padding-left: 16px;
        padding-right: 16px;
    }
.sidebar-unboxedNavitem.header-m__nav-item{
    align-items: center;
    gap: 18px;
    position: relative;
}
    .unboxedSearchContentMobile{
        width: 305px;
        border-radius: 45px;
        border: 0.5px solid #000;
        padding: 8px 20px;
        background-color: #EEEAF3;
    }
    .unboxedSearchContentMobile input{
        width: 94%;
        background-color: #EEEAF3;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #000000;
        caret-color: #232426 ;
          outline: none;
    box-shadow: none;
    border: none; 
    
    }
    .unboxed-clearMobile{
        width: 20px;
        height: 20px;
        position: absolute;
        right: 12px;
        top: 10px;
        display: none;
    }
}

body.no-scroll {
    overflow: hidden;
}
/* .container.responsivegrid.footer-bg-container-color{
    max-width: 1330px;
    margin: 0 auto;
    width: 100%;
    float: unset !important; 
} */
.footer-bg-container-color {
    background-color: #F5F5F5;
}

.footer{
    display: flex;
    flex-wrap: wrap;
}

.footer__section {
    padding: 83px 40px 64px 40px;
}

.footer__rowContent {
    display: flex;
    align-items: start;
    flex-direction: column;
    /* justify-content: space-between; */
    /* width: 70%; */
}

.footer__logo__content {
    width: 201px;
    height: 59px;
}

.footer_icon__logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer_newsletter {
    /* width: 55%; */
    /* margin-left: 64px;
    margin-right: 146px; */
}

.footer_newsletter .footer__col {
    padding: unset;
}

.footer__newsletter-title {
    margin-bottom: 16px;
    color: #222222;
    padding: unset;
    margin-top: -3px;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    @media screen and (max-width:767px){
        margin-bottom: 10px;
    }

}

.footer__container__revamp .footer__newsletter {
    max-width: unset;
    margin: unset;
    margin-bottom: 55px;
    margin-top: 48px;
}

.footer__newsletter-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    gap: 12px;
    align-items: start;
}

.footer__newsletter-form__field {
    border-radius: 6px;
    border: 1px solid #20202033;
    width: 250px;
    font-weight: 400;
    margin-right: unset;
    color: #202020;
    padding: 0 14px;
    min-height: 40px;
    font-family: Archivo;
    font-weight: 400;   
    font-size: 14px;
    line-height: 20px;

}

.footer__newsletter-form__field:focus{
    color: #202020 ;
    border: 1px solid #202020;
}

.footer__newsletter-form__btn {
    font-family: Archivo;
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    padding: 0 39px;
    min-height: 41px;
    width: fit-content;
    color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
    margin-top: 10px;
}

.footer__newsletter-form__btn:hover{
    background-color: transparent ;
    color: #000000;
    border: 1px solid #000000 ;
}
span.error-list {
    position: absolute;
    color: #ed1c24;
    font-size: 12px;
    font-weight: 700;
    top: 45px;
    left: 3px;
    display: none;

}

.footer__newsletter-success {
    color: #000000;
    display: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 8px
}

/* social start */
.footer__social__title {
    margin-bottom: 20px;
    margin-top: -3px;
    color: #222222;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;

}

.footer__social_icon_list {
    display: flex;
    gap: 20px;
    position: relative;
    top: 3px;
}

.socialicon__img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

/* social end */
/* category start */
.footer__category__main{
    flex: 1;
}
.footer__category__main>section{
    overflow: hidden;
}
.footer__category__main .cmp-contentfragment__title {
    color: #222222;
    font-family: "Playfair Display", serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
}

.footer__category__main .cmp-contentfragmentlist {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 66px 40px 0px 40px;
    flex-direction: column;
    height: 100%;
    max-height: 730px;
}

.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment {
    width: 15%;
    margin-bottom: 33px;
}

.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment.cmp-contentfragment--supports {
    display: none;
}

.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-title {
    display: none;
}

.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--categoryName .cmp-contentfragment__element-value {
    display: none;
}

.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul {
    margin-top: 15px;
    column-count: 1;
    /* display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 400px; */
}
/* .footer__category__main .cmp-contentfragment:first-child .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul{
    column-count: 2;
}
.footer__category__main .cmp-contentfragment:last-child .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul{
    column-count: 2;
} */
.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul li {
    padding-bottom: 17px;
}

.footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul li a {
    color: #222222;
    font-family: Archivo;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;


}

/* category end */
/* copyright start */
.footer__copyright--main{
    width: 100%;
}

.footer__copyright--main .cmp-contentfragmentlist {
    padding: 0 40px 40px 40px;
}

.footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment--copyright {
    padding-top: 24px;
    border-top: 1px solid #9C9C9C;
}

.footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__title {
    display: none;
}

.footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-title {
    display: none;
}

.footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value {
    color: #222222;
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;


}

.footer__copyright--main .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value {
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    color: #000000;
}

.footer__copyright--main .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value ul {
    display: flex;
    gap: 30px;
}

.footer__copyright--main .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value ul li a {
    color: #222222;
    text-decoration: none;
    /* border-bottom: 1px solid #000000; */
    padding-bottom: 0.5px;
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

}

/* copyright end */
@media (max-width: 768px) {

    /* .container.responsivegrid.footer-bg-container-color{
        padding: 0 16px;
    } */

    .footer{
        flex-direction: column;
    }
    .footer__section {
        padding: 35px 20px 0 20px;
    }

    .footer__rowContent {
        align-items: normal;
        flex-direction: column;
        width: 100%;
        /* gap: 30px; */
    }

    .footer__newsletter-form {
        gap: 11px;
        flex-direction: row;
        margin-bottom: 30px;
        justify-content: start;
    }

    .footer__container__revamp .footer__newsletter{
        margin-top:7px;
        margin-bottom: 0;
    }

    .footer__newsletter-form__field {
        font-size: 14px;
        width: 197px;
        margin: unset;
        flex: 1;
    }

    .footer__logo__content {
        width: 153px;
        height: 45px;
        margin-bottom: 26px;
    }

    .footer_newsletter {
        width: 100%;
        margin: unset;
    }

    .footer__newsletter-form__btn {
        padding: 10px 25px;
        margin-top: 0;
        font-size: 12px;
        font-weight: 500;
    }

    .footer__social__title {
        margin-bottom: 10px;
    }

    /*category start */
    .footer__category__main .cmp-contentfragment__title {
        line-height: 20.8px;
        color: #1D1D1F;
        font-size: 14px;
        font-weight: 500;
    }
    .footer__category__main .cmp-contentfragmentlist {
        flex-direction: column;
        padding: 20px 20px 40px 20px;
        height:unset;
        max-height: unset;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment {
        width: 100%;
        margin-bottom: 0;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment.cmp-contentfragment--supports {
        display: block;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__element-value h3 {
        display: none;
    }

    .footer__category__main .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value {
        display: none;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul:nth-child(2) {
        display: none;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__title {
        border-bottom: 1px solid #20202033;
        padding-bottom: 19px;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__title::after {
        content: "+";
        font-size: 24px;
        font-weight: 400;
        color:#111827;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__title.active::after {
        transform: rotate(134deg);
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__title.active {
        border-bottom: none;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLink .cmp-contentfragment__element-value ul {
        margin-top: 0;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLink .cmp-contentfragment__element-value ul.active {
        border-bottom: 1px solid #20202033;
        margin-bottom: 0;
    }

    .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--categoryLinks .cmp-contentfragment__element-value ul.active {
        border-bottom: 1px solid #20202033;
        margin: 0;

    }

    /* copyright start */
    .footer__copyright--main .cmp-contentfragmentlist {
        padding: 0 20px 92px 20px;
    }

    .footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment--copyright {
        padding-top: 0;
        border-top: none;
    }

    .footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements {
        flex-direction: column;
        align-items: normal;
        row-gap: 8px;
    }

    .footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--copyRightLinks .cmp-contentfragment__element-value ul {
        column-gap: 20px;
        row-gap: 8px;
        width: 100%;
        flex-wrap: wrap;
    }

    .footer__copyright--main .cmp-contentfragmentlist .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        font-family: "Playfair Display", serif;
    }

    .footer__copyright--main .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value ul {
        display: flex;
        gap: 30px;
    }

    .footer__copyright--main .cmp-contentfragment__elements .cmp-contentfragment__element .cmp-contentfragment__element-value ul li a {
        font-size: 10px;
        font-weight: 400;
        line-height: 29px;
        text-decoration: underline;

    }
    .footer__social_icon_list{
        gap: 20px;
    }

    /* copyright end */
}


@media(min-width:819px) and (max-width:1024px){
    .footer__category__main .cmp-contentfragmentlist {
        padding-left: 0 ;
    }

    .footer__section{
        padding-right: 20px;
    }
}

@media (min-width:1280px) and (max-width:1440px) {
   .footer__category__main .cmp-contentfragmentlist .cmp-contentfragment {
     width: 22%;
   }
}
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.rhFreshFindsTitleContent{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    margin-bottom: 30px;
}

.rhFreshFindsTitle{
    color: #232426;
    font-family: Archivo;
    font-weight: 500;
    font-size: 44px;
    line-height: 101%;
}
.rhFreshFindsViewAll{
    padding: 15px 29px;
    border-radius: 40px;
    border: 1px solid #000;
}
.rhFreshFindsViewAllLink{
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #000;
}
.rhFreshFindsCard{
    position: relative;
}
.rhFreshFindsImgContent{
    position: relative;
    overflow: hidden;
    height: 395px;
}
.rhFreshFindsImg{
    width: 100%;
    height: 100%;
}
.rhFreshFindsImgOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(178.86deg, rgba(0, 0, 0, 0) 64.76%, rgba(0, 0, 0, 0.72) 99.02%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; 
}

.rhFreshFindsCard:hover .rhFreshFindsImgOverlay {
    opacity: 1;
}
.rhFreshFindsCardDetails{
    position: absolute;
    bottom: 10px;
    left: 16px;
     opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}
.rhFreshFindsCard:hover .rhFreshFindsCardDetails {
    opacity: 1;
    visibility: visible;
}

.rhFreshFindsCardTitle{
    font-family: Archivo;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    padding-right: 4px;
}
.rhFreshFindsCardSubTitle{
    font-family: Archivo;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 5px;
    padding-right: 4px;
}
.rhFreshFindsCardPriceContent{
    display: flex;
    align-items: end;
    gap: 10px;
    margin-bottom: 16px;
}
.rhFreshFindsCardPrice{
    font-family: Archivo;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;

}
.rhFreshFindsCardPrice span{
    font-family: Archivo;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
    color: #FFFFFF;

}
.rhFreshFindsCardPriceDiscount{
    font-family: Archivo;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    text-decoration: line-through;
    color: #9DA1B0;
}
.rhFreshFindsCardPriceDiscountOfferContent{
    padding: 4px 8px;
    background-color: #F6F6F6;
    border-radius: 50px;
}
.rhFreshFindsCardPriceDiscountOffer{
    font-family: Archivo;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #005EA1;
}
.rhFreshFindsCardAnchor{
    display: flex;
    align-items: center;
    gap: 3px;
}
.rhFreshFindsCardAnchorTxt{
    font-family: Archivo;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
}

.rhFreshFindsCardAnchorImg{
    width: 20px;
    height: 20px;
}
.rhFreshFindsCardWrapperslick-slider{
    margin-right: -10px;
}
.rhFreshFindsCardWrapper .rhFreshFindsCard.slick-slide{
    margin-right: 10px;
}
.rhFreshFindsCardWrapper .rhFreshFindsCard:last-child.slick-slide{
    margin-right: 0;
}
.rhFreshFindsViewAllMobContent{
    display: none;
}
@media screen and (max-width:768px) {
    
 .rhFreshFindsImgOverlay {
    opacity: 1 !important;
  }

  /* Always show details */
  .rhFreshFindsCardDetails {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Disable hover transition if needed */
  .rhFreshFindsCard:hover .rhFreshFindsImgOverlay,
  .rhFreshFindsCard:hover .rhFreshFindsCardDetails {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .rhFreshFindsImgContent{
    height: 330px;
  }
  .rhFreshFindsCardTitle{
    font-family: Archivo;
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;

  }
  .rhFreshFindsCardSubTitle{
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
  }
  .rhFreshFindsCardAnchorTxt{
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
  }
  .rhFreshFindsCardWrapperslick-slider{
    margin-right: -5px;
}
.rhFreshFindsCardWrapper .rhFreshFindsCard.slick-slide{
    margin-right: 5px;
}
.rhFreshFindsCardWrapper .rhFreshFindsCard:first-child{
    margin-left: 16px;
}
.rhFreshFindsTitleContent{
    justify-content: center;
    margin-bottom: 20px;
}
.rhFreshFindsTitle{
    font-size: 24px;
    line-height: 101%;
    text-align: center;

}
.rhFreshFindsViewAll{
    display: none;
}
.rhFreshFindsViewAllMobContent{
    display: flex;
    width: 100%;
    justify-content: center;
}
.rhFreshFindsViewAllMob{
    padding: 15px 29px;
    border-radius: 40px;
    border: 1px solid #000;
    text-align: center;
    min-width: 180px;
    /* width: 100%; */
}
.rhFreshFindsCardWrapper{
    margin-bottom: 15px;
}
}
.faq_ids {
    margin: 70px;
}

.faq_ids .container {
    margin: 0 auto;
}

.faq_ids .faq__left {
    text-align: center;
}

.faq_ids .faq__left .faq__title {
    color: #323232;
    font-size: 32px;
    font-weight: 500;
    line-height: 101%;
    font-family: "Playfair Display", serif !important;
}

.faq_ids .faq__right {
    margin-top: 60px;
}

.faq_ids .faq__right .faq__row {
    padding: 37px 17px 37px 24px;
    border-bottom: 1px solid rgba(105, 105, 105, 0.2);

}

.faq_ids .faq__right .faq__row .faq__coll-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #323232;
    font-size: 18px;
    font-family: "Playfair Display", serif !important;
    font-weight: 500;
    font-style: Medium;
    line-height: 130%;
    letter-spacing: 0%;
}

.faq_ids .faq__right .faq__row .simpleouter {
    margin: 0;
}

.faq_ids .faq__right .faq__row .faq__coll-item p {
    color: #585858;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin-top: 16px;
    display: inline-block;
    max-width: 866px;
}
.faq__coll-item a{
    color: blue !important;
}

.faq_ids .faq__right .faq__row button {
    padding: 0;
    border-radius: 50%;
    border: 0;
    background: none;
    cursor: pointer;
    flex: 0;
}
.faq_ids .faq__right .faq__row button:focus{
outline: none;
box-shadow: none;
}
.faq_ids .faq__right .faq__row button:active{
    background: transparent;
}
.faq_ids .faq__right .icon-minus-o:before:focus{
outline: none;
box-shadow: none;
}
.faq_ids .faq__right .icon-minus-o:before:active{
    background: transparent;
}
.faq_ids .faq__right .cmp-accordion__panel {
    display: none;
}


.faq_ids .faq__right .icon-plus-o:before,
.faq_ids .faq__right .icon-minus-o:before {
    content: '';
    display: inline-block;
    background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/plus-icon.svg") center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    transition: transform 0.35s ease, opacity 0.35s ease, width 0.35s ease, height 0.35s ease;
    transform-origin: center;
}

.faq_ids .faq__right .icon-minus-o:before {
    background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/cross-icons.png") center no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
    transform: rotate(90deg);
    opacity: 0.85;
}

.faq_ids .paragraph {
    padding: 31px 24px 43px;
}

.faq_ids .paragraph p {
    color: #323232;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
}

.faq_ids .paragraph p a {
    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 117%;
    letter-spacing: 0.36px;
    margin-left: 10px;
}

/* this changes reqire new update with new class */
.faq_ids .newfaq .faq__left .faq__title{
    font-family: Lato;
} 
.faq_ids .newfaq .faq__right{
    margin-top: 33px;
}
 .faq_ids .newfaq .faq__right .faq__row button {
    width: 48px;
    height: 48px;
    flex: unset;
    transition: 0.4s linear;
    transform: rotate(45deg);
}

 .faq_ids .newfaq .faq__right .faq__row button:hover {
    background: linear-gradient(90.85deg, #F6EDFF 2.92%, #FFE9EA 61.17%, #FEF4E1 98.14%);
}

 .faq_ids .newfaq .cmp-accordion__item.open button {
    background: linear-gradient(90.85deg, #F6EDFF 2.92%, #FFE9EA 61.17%, #FEF4E1 98.14%);
    transform: rotate(0deg);
}

 .faq_ids .newfaq .faq__right .faq__row button span {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

 .faq_ids .newfaq .faq__right .cmp-accordion__panel {
    height: 0;
    overflow: hidden;
    transition: 0.6s;
    display: block;
}

 .faq_ids .newfaq .faq__right .cmp-accordion__panel.style_active {
    overflow: auto;
    scrollbar-width: none;
}

 .faq_ids .newfaq .faq__right .icon-plus-o:before {
    background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/close.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}

 .faq_ids .newfaq .faq__right .icon-minus-o:before {
    content: '';
    background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/close.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
}

/* end  */

@media (max-width:768px) {
    .faq_ids {
        margin: 40px 0;
    }

    .faq_ids .container {
        margin: 0;
    }

    .faq_ids .faq__right {
        margin: 26px 0;
    }

    .faq_ids .faq__right .faq__row {
        padding: 20px 0;
    }

    .faq_ids .faq__right .faq__row .faq__coll-title {
        gap: 12px;
        font-size: 14px;
        color: #1D1D1F;
    }
.faq_ids .faq__right .faq__row .faq__coll-item p{
    font-family: Archivo;
    color: #4D4D4D;
}
    .faq_ids .faq__left .faq__title {
        line-height: 30.8px;
        font-size: 22px;
        line-height: 130%;
        font-weight: 500;
    }

    .faq_ids .faq__right .icon-plus-o:before {
        /* background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/arrow_down_mobile.png") center no-repeat; */
        width: 12px;
        height: 12px;
    }

    .faq_ids .faq__right .icon-minus-o:before {
        /* background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/arrow_up_mobile.png") center no-repeat; */
        width: 25px;
        height: 25px;
    }

    .faq_ids .paragraph {
        padding: 0;
        text-align: left;
    }

    .faq_ids .paragraph p a {
        display: inline-block;
        text-align: center;
        margin-top: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 117%;
        font-family: Archivo;
        padding-left: 0;
        margin-left: 0;
        text-decoration: underline;
    }

    /* this changes reqire new update with new class */
   .faq_ids .newfaq .faq__right {
        margin-top: 10px;
    }
    .faq_ids .newfaq .faq__right .faq__row .faq__coll-title{
        line-height: 20.8px;
        color: #1D1D1F;
        font-size: 16px;
        align-items: self-start;
    }   

   .faq_ids .newfaq .faq__left .faq__title {
        text-align: left;
    }
    .faq_ids .newfaq .faq__right .faq__row .faq__coll-item p{
        color: #4D4D4D;
    }

   .faq_ids .newfaq .faq__right .icon-plus-o:before {
        background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/close.png") center no-repeat;
        background-size: cover;
        width: 14px;
        height: 14px;
        transform: rotate(45deg);
        transition: 0.4s linear;
    }

   .faq_ids .newfaq .faq__right .icon-minus-o:before {
        background: url("../../../content/dam/asianpaintsbeautifulhomes/icons/ids_icons/close.png") center no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        transform: rotate(0deg);
        transition: 0.4s linear;
    }

   .faq_ids .newfaq .faq__right .faq__row button:hover {
        background: unset;
    }
    .faq_ids .newfaq .cmp-accordion__item.open button {
        background: unset;
    }

   .faq_ids .newfaq .faq__right .faq__row button span {
        padding-top: 4px;
        align-items: start;
        justify-content: right;
    }

    .faq_ids .newfaq .faq__right .faq__row button{
        transform: unset;
    }
    .faq_ids .newfaq .cmp-accordion__item.open button{
        transform: unset;
    }
    .faq_ids .newfaq .simpleouter.container{
        padding: 0;
    }
    .faq_ids .newfaq .container{
        padding: 0 16px;
    }

    /* end  */


}

/* Generic RTE table — styled on published page (author CSS not served outside editor) */
.cmp-text table,
.paragraph-rte table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}
.cmp-text table th,
.cmp-text table td,
.paragraph-rte table th,
.paragraph-rte table td {
    border: 1px solid #000;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}
@media (max-width: 767px) {
    .cmp-text table,
    .paragraph-rte table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.dialog__header {
    border-bottom: 1px solid #e8ebed;
    min-height: 57px;
    padding: 16px 25px;
    text-align: center;
}

.dialog {
    background: rgba(38, 40, 43, .5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    -moz-transition: background .2s;
    transition: background .2s;
    width: 100%;
    z-index: 10002;
}

.dialog__header-cta {
    position: absolute;
    top: 16px;
    left: 25px;
}

.dialog__body.mgz__dialog__body {
    padding: 15px 24px 30px 24px;
    max-height: 395px;
}

.dialog.login-dialog .dialog__container {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    bottom: unset;
    left: 50%;
    right: unset;
    top: 54%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.time-field-div .time-field #clock-icon.rotate-up {
    position: absolute;
    right: 18.8px;
    bottom: 25%;
    top: 25%;
    transform: rotate(180deg);
    transition: transform .3s ease;
    z-index: 99;
}

.error-msg-dropdown {
    color: #d51123;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}

@media(min-width: 576px) {
    .dialog.login-dialog.signup-dialog .dialog__container {
        -webkit-border-bottom-left-radius: 8px;
        -moz-border-radius-bottomleft: 8px;
        border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-radius-bottomright: 8px;
        border-bottom-right-radius: 8px;
        bottom: unset;
        left: 50%;
        right: unset;
        top: 55%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.mgz__frm__second .mgz__text__wrapper {
    margin-bottom: 20px;
}

.frm__label.frm__mgz__label {
    margin-bottom: 0;
}

@media(max-width: 576px) {
    .frm__label.mgz__label {
        margin-bottom: unset;
    }

    .frm__label.frm__mgz__label {
        margin-bottom: unset;
    }
}

.dialog__container {
    min-width: unset;
}

.mgz__text__wrapper {
    margin-bottom: 30px;
}

.mgz__text__wrapper h2 {
    font-family: 'BioRhyme';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #305586;
    margin-bottom: 10px;
}

.mgz__text__wrapper p {
    font-family: 'BioRhyme';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #454c53;
}

label.mgz__frm__label {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #454c53;
}

.mgz__frm__field {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #c4c4c4;
    color: #26282b;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 40px 8px 8px;
    position: relative;
    width: 100%;
    z-index: 1;
    outline: 0;
}

.mgz__frm__group {
    margin-bottom: 30px;
}

.mgz__frm {
    margin-bottom: 30px;
}

.mgz__error {
    display: none;
}

.mgz__dialog__body-cta button {
    width: 100%;
    padding: 16px 0;
    border-radius: 99px;
    background: #000;
    align-items: center;
    text-align: center;
    color: #fdfeff;
    border: 0;
    height: 59px;
    font-size: 18px;
}

@media(min-width: 577px) {
    .mgz__dialog__body-cta {
        margin-bottom: 20px;
        margin-top: 8px;
    }
}

.mgz__dialog__body-spam p {
    font-family: 'BioRhyme';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #454c53;
}

.mgz__dialog__body .mgz__label {
    color: #454c53;
}

@media(max-width: 576px) {
    .mgz__frm {
        margin-bottom: 20px;
    }

    .mgz__dialog__body-cta {
        margin-bottom: 15px;
    }

    .mgz__text__wrapper {
        margin-bottom: 20px;
    }

    .mgz__text__wrapper h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 7px;
    }

    .mgz__text__wrapper p {
        font-size: 14px;
        line-height: 17px;
    }

    .mgz__frm__second .mgz__text__wrapper {
        margin-bottom: 12px;
    }

    .dialog__header-cta .btn__text {
        display: block;
    }

    .dialog {
        z-index: 99999;
    }

    .mgz__dialog__body-cta {
        display: flex;
        justify-content: center;
    }

    .mgz__dialog__body-cta button {
        width: unset;
        padding: 12px 24px;
    }
}

@media(max-width: 350px) {
    .dialogs__groups .dialog.login-dialog .dialog__container {
        width: 90%;
    }
}

@media(max-width: 343px) {
    .dialogs__groups .dialog.login-dialog .dialog__container {
        min-width: unset;
    }
}

.mgz__frm__firt .btn__text,
.mgz__frm__second .btn__text {
    color: #000;
    font-size: 18px;
}

@media(max-width: 576px) {
    .mgz__dialog__body-cta button {
        color: #fff;
    }

    .mgz__dialog__body-spam p {
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
    }
}

.dialogs__groups .dialog .frm__group.login_phone_number .ccode,
.dialogs__groups .dialog .frm__group.update-phone-number-field .ccode {
    position: absolute;
    z-index: 99;
    line-height: 25px;
    padding: 2px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-top: 3px;
    margin-right: 5px;
}

.dialogs__groups .dialog .frm__group.login_phone_number,
.dialogs__groups .dialog .frm__group.update-phone-number-field {
    position: relative;
}

.dialog__body.mgz__dialog__body {
    overflow-y: unset;
}

.dialog__body-both-btn {
    display: flex;
    justify-content: space-between;
}

.frm__group {
    margin-bottom: unset;
}

button#btn-save-personal-details {
    width: 220px;
}

.mgz__frm__second .frm__label.frm__mgz__label {
    color: #454c53;
}

@media(max-width: 576px) {
    button#btn-save-personal-details {
        width: 132px;
    }

    .dialog__body-both-btn {
        justify-content: space-around;
    }

    .btn--lg {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        padding: 12px 24px;
    }
}

.invalid .frm__label {
    color: unset;
}

.dialog__body-cta .btn.mgz-btn {
    background: #fff;
    color: #232426;
    border: #232426 1px solid;
}

.dialog.login-dialog .dialog__container.mgz__frm__firt {
    width: 517px;
}

.dialog.login-dialog .dialog__container.mgz__frm__second {
    max-height: 95vh;
    width: 517px;
}

.mgz__frm__second .dialog__body-cta button {
    color: #fdfeff;
    background: #202129;
    border-color: #202129;
}

.mgz__contect .frm__group .error {
    margin-bottom: 5px;
}

@media(max-width : 576px) {
    .dialog.login-dialog .dialog__container.mgz__frm__firt {
        max-width: 343px;
    }

    .dialog.login-dialog .dialog__container {
        top: 50%;
    }

    .dialog.login-dialog .dialog__container.mgz__frm__second {
        height: 612px;
        width: 343px;
        max-height: 94dvh !important;
    }
    
    .dialog__container.mgz__frm__second .dialog__body {
        max-height: 94dvh !important;
    }

    .dialog__container.mgz__frm__second .dialog__body .dialog__content {
        padding: 15px 24px 30px;
    }
}

.dialog__container.mgz__frm__second .dialog__header {
    min-height: 52px;
}

.dialog__container.mgz__frm__second .dialog__body {
    overflow: unset;
    padding: unset;
}

.dialog__container.mgz__frm__second .dialog__body .dialog__content {
    padding: 15px 24px 30px;
}

.dialog__container.mgz__frm__second .dialog__body {
    max-height: 95vh;
    overflow: auto;
      scrollbar-width: thin; 
  scrollbar-color: #000 #ccc;
}

@media(max-width: 576px) {
    button#btn-cancelbtn-personal-details {
        width: 99px;
    }
}

@media(min-width: 576px) {
    button#btn-cancelbtn-personal-details {
        width: 220px;
    }
}

.mgz-form-btn:disabled {
    cursor: pointer;
}

.getquotes {
    display: none;
}

@media(max-width: 576px) {
    .getquotes {
        background: #fff;
        border: 1px solid #232426;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        padding: 9px 15px;
        display: flex;
    }

    .getquotes__image {
        height: 44px;
        width: 44px;
    }

    .main-getquotes {
        position: fixed;
        bottom: 70px;
        z-index: 999;
    }

    .getquotes {
        position: relative;
        margin: 0 10px;
        width: 94%;
    }

    .getquotes .dialog__header-cta {
        position: absolute;
        top: -12px;
        left: -4px;
    }

    .getquotes .icon-close-o::before {
        color: #000;
        font-weight: 900;
        background: white;
        border-radius: 50%;
        font-size: 22px;
    }

    .getquotes p.getquotes__desc {
        margin-left: 10px;
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        padding-right: 16px;
    }

    .getquotes__btn {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 17px;
        align-items: center;
        color: #fff;
        border-radius: 21px;
        width: 211px;
        background: #000;
        padding: 10px 9px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
}

@media(max-width: 365px) {
    .getquotes {
        width: 92%;
    }
}

@media(max-width: 350px) {
    .getquotes {
        height: auto;
    }
}

#dialog-personal-info input[type='email']:active {
    color: unset;
    border-bottom: 1px solid #c4c4c4;
}

.frm__field-group.invalid .error {
    visibility: visible;
}

.login-dialog .cross-img {
    display: none;
}

.ids_frm__label {
    display: none;
}

.book-an-appointment-popup {
    border-radius: 10px;
}

.book-an-appointment-popup.dialog.login-dialog.signup-dialog .dialog__container {
    top: 50.5%;
}

.book-an-appointment-popup .book-an-appointment-close {
    display: block;
    width: auto;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    z-index: 9;
}

.book-an-appointment-popup .cross-img {
    display: none !important;
}

.thank_you_popup .book-an-appointment-popup .dialog__container.mgz__frm__second .dialog__body .dialog__content {
    padding: 20px !important;
    padding-top: 40px !important;
    height: 100%;
}

.thank_you_popup .book-an-appointment-popup .mgz__frm__second .mgz__text__wrapper h2 {
    color: #323232;
    font-size: 32px;
    line-height: 37.504px;
    text-align: left;
    margin-bottom: 12px;
    text-transform: unset;
}

.thank_you_popup .book-an-appointment-popup .mgz__frm__second .mgz__text__wrapper p {
    display: none;
    color: #696969;
    text-align: left;
}

.thank_you_popup .book-an-appointment-popup .mgz__frm__second .mgz__text__wrapper {
    margin-bottom: 26px;
}

.thank_you_popup .frm__field .book-an-appointment-popup .mgz__frm__second .mgz__text__wrapper {
    padding: 16px;
}

.book-an-appointment-popup .book-appointment-get-started-cta {
    display: block;
    margin-top: 32px;
    margin-left: auto;
}

.book-an-appointment-popup .frm__group .error {
    margin-top: 0;
    margin-bottom: 0;
}

.thank_you_popup .book-an-appointment-popup .whatsapp-field-group label {
    font-size: 14px;
}

.book-appointment-get-started_desc {
    color: #323232;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    opacity: .6;
    margin-bottom: 32px;
}

.book-appointment-get-started_desc p {
    margin: 0;
    font: inherit;
    color: inherit;
}

.book-appointment-get-started-cta {
    display: none;
    color: #FFF;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    padding: 12px 39px;
    background: #232426;
    cursor: pointer;
    width: max-content;
}

.book-banner-popup_heading-div {
    padding: 50px 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.book-banner-popup_check {
    width: auto;
}

.book-banner-popup_thankyou {
    color: #323232;
    text-align: center;
    font-family: BioRhyme;
    font-size: 24px;
    font-weight: 700;
    line-height: 26.4px;
    margin: 6px 10px 8px;
}

.book-banner-popup_heading {
    color: #323232;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

#book-appointment_banner-popup .book-banner-popup_heading {
    color: #696969;
    line-height: 20.8px;
}

.book-banner-popup_bottom {
    position: relative;
    padding: 40px 40px 188px;
    height: 422px;
}

.book-banner-popup_bottom_bannerimg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 0 0 10px 10px;
}

.book-banner-popup_bottom h2 {
    color: #FFF;
    font-family: BioRhyme;
    font-size: 36px;
    font-weight: 700;
    line-height: 42.192px;
    margin-bottom: 24px;
}

.book-banner-popup_bottom h2 .book-banner-popup_bottom-bluebg-text {
    color: #FFF;
    font-family: BioRhyme;
    font-size: 36px;
    font-weight: 700;
    line-height: 42.192px;
    background: var(--Secondary-Blue, #277bd4);
    padding-left: 3px;
    display: table;
    width: unset;
    margin-top: 4px;
}

.book-banner-popup_bottom p {
    display: none;
    color: #FFF;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    margin-bottom: 40px;
    width: 320px;
}

.book-banner-popup_bottom span {
    display: block;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    padding: 11px 32px;
    background-color: #232426;
    color: #fff;
    border-radius: 30px;
    width: max-content;
    cursor: pointer;
}

.book-appointment_steps-popup {
    display: flex;
    flex-direction: column;
    padding: 18px 40px;
    min-height: 660px;
    position: relative;
}

.book-appointment_steps {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}

.book-appointment_steps span:first-child {
    color: #000;
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.book-appointment_steps span:last-child {
    color: #000;
    font-family: Lato;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    font-weight: 300;
    opacity: .6;
}

.book-appointment_steps-popup h2 {
    color: #323232;
    font-family: BioRhyme;
    font-size: 32px;
    font-weight: 700;
    line-height: 37.504px;
    margin-bottom: 32px;
}

.book-appointment-step_subquestion-div {
    margin-top: 48px;
}

.book-an-appointment-popup .book-appointment-step_subquestion-div {
    margin-top: 32px;
}

.step-subquestion-div_subquestion {
    color: #202020;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    margin-bottom: 24px;
}

.book-appointment-step_radio-btns.width-50-btn {
    display: flex;
    gap: 20px;
}

.book-appointment-step_radio-btns.width-50-btn .step-radio-btns_btn-div {
    width: 50%;
}

.step-radio-btns_btn-div {
    margin-bottom: 16px;
}

.book-appointment-common-label {
    display: block;
    color: #323232;
    font-family: Lato;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 6px;
    border: 1px solid #bdbdbd;
    background: #FFF;
    padding: 16px 26px 16px 46px;
    cursor: pointer;
    /* opacity: .6; */
    position: relative;
}

.book-appointment-common-label p{
    opacity: 0.6;
}

.numberOfRooms__counter {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.numberOfRooms__decrease span, .numberOfRooms__increase span {
    position: relative;
    top: -3px;
}
.numberOfRooms__decrease span{
    color : #2F2F2F;
}
.numberOfRooms__increase span{
    color: #1D1D1F;
}

.numberOfRooms__decrease {
    width: 21px;
    height: 21px;
    color: #2F2F2F;
    position: relative;
    text-align: center;
    opacity: 0.4;
    cursor: default;
    /* pointer-events: none; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.numOfRCounterEnabled{
    opacity: 1;
    pointer-events: auto;
}

.numberOfRooms__decrease::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.2;
    background: #483762;
    border-radius: 50%;
}

.numberOfRooms__increase {
    width: 21px;
    height: 21px;
    color: #1D1D1F;
    position: relative;
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.numberOfRooms__increase::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #53565A;
    border-radius: 50%;
}

.count_number {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}

/* black counter  */
.book-an-appointment-black-form-div .numberOfRooms__decrease::after{
    background: #53565A;
    opacity: unset;
}

.book-an-appointment-black-form-div .numberOfRooms__increase::after{
    background: #53565A;
}

.book-an-appointment-black-form-div  .numberOfRooms__decrease span{
    color: #CACBCC;
} 
.book-an-appointment-black-form-div  .numberOfRooms__increase span{
    color: #FFFFFF;
}

.book-an-appointment-black-form-div .count_number{
    color: #FFFFFF;
}

.book-appointment-common-label::before {
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
}

.book-an-appointment-popup .book-appointment-common-label::before {
    top: 50%;
    left: 16px;
    transform: translate(-0, -50%);
}

.numberOfRooms .book-appointment-common-label::before {
    border-radius: 2px;
}

.book-appointment-common-input {
    display: none;
}

.book-appointment-common-input:checked+label {
    color: #323232;
    border: 1px solid #232426;
    background: #f5f5f5;
    opacity: 1;
}

.book-an-appointment-popup .book-appointment-common-input:checked+label::after {
    content: "";
    background: url(../../../content/dam/asianpaintsbeautifulhomes/ids-page-icon/Purpleradio.svg);
    display: block;
    position: absolute;
    left: 16px;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.book-an-appointment_wrapper .book-appointment-common-input:checked+label::before {
    border : none;
}
.book-an-appointment-black-form-div .book-appointment-common-input:checked+label::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../../../content/dam/asianpaintsbeautifulhomes/ids-page-icon/whiteradio.svg);
    left: 16px;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.book-an-appointment-black-form-div .numberOfRooms .book-appointment-common-input:checked+label::after {
    background: url(../../../content/dam/asianpaintsbeautifulhomes/ids-page-icon/black-check-tick.png) no-repeat center center/cover;
}

.book-an-appointment-popup .numberOfRooms .book-appointment-common-input:checked+label::after {
    background: url(../../../content/dam/asianpaintsbeautifulhomes/ids-page-icon/checkbox-tick.png) no-repeat center center/cover;
}

.book-appointment_prev-qst-div {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 24px;
    width: max-content;
}

.book-appointment_prev-qst-div img {
    width: auto;
}

.book-appointment_prev-qst-div span {
    color: #232426;
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: -0.198px;
    margin-left: 4px;
}

.disabled-only-scha-pp {
    display: block;
    width: max-content;
    color: #fff;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    background: #232426;
    padding: 12px 39px;
    cursor: pointer;
    margin-top: auto;
    margin-left: auto;
    border: 1px;
}

.book-appointment_submit-btn {
    display: block;
    width: max-content;
    color: #FFF;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    background: #232426;
    padding: 12px 39px;
    cursor: pointer;
    margin-top: auto;
    margin-left: auto;
    border: 1px;
    position: absolute;
    bottom: 24px;
    right: 40px;
}
.book-an-appointment-black-form-section .book-appointment_submit-btn{
    bottom: 56px;
}

.book-an-appointment-black-form-div .book-appointment_submit-btn{
    right: 0;
}

.book-an-appointment-popup .book-appointment_submit-btn:disabled {
    opacity: .6;
    cursor: no-drop;
}

.book-appointment_submit-btn.book-appoint-bform-common-next-evt:disabled {
    opacity: .6;
    cursor: no-drop;
}

.disabled-only-scha-pp:disabled {
    opacity: .6;
    cursor: no-drop;
}

.book-appointment_submit-btn.disabled {
    opacity: .6;
    pointer-events: none;
}

.appointment-container {
    margin: 0 auto 0 0;
}

.date-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.time-field-div {
    margin-bottom: 16px;
    margin-top: 40px;
}

.date-field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.book-an-appointment-popup .date-field-wrapper {
    gap: 20px;
}

.current-date-month-year p,
.next-date-month-year p {
    text-align: left;
    color: #323232;
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.8px;
    text-transform: uppercase;
    opacity: .6;
    margin-bottom: 8px;
}

.current-date-wrapper,
.next-date-wrapper {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.current-date-wrapper div.active,
.next-date-wrapper div.active {
    border: 1px solid #232426;
    background: #f5f5f5;
}

.book-an-appointment-popup .book-app-date-div.active span {
    color: #000;
}

.book-app-date-div:active {
    border-radius: 4px;
    outline: 1px solid #232426;
    background: #f5f5f5;
}

.current-date-wrapper div,
.next-date-wrapper div {
    border-radius: 4px;
    border: 1px solid #bdbdbd;
    background: #FFF;
    padding: 6px;
    cursor: pointer;
}

.current-date-wrapper .cdate-days,
.next-date-wrapper .cdate-days {
    color: #797979;
    display: block;
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.2px;
}

.next-date-wrapper .cdate-weekdays,
.current-date-wrapper .cdate-weekdays {
    color: #797979;
    display: block;
    text-align: center;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 9.6px;
    text-transform: uppercase;
}

.appointment-container .time-field.selected {
    background: 0;
    border: 1px solid #000;
}

.appointment-container .time-field.selected label {
    display: block;
    left: 11px;
    background-color: #fff;
}

.appointment-container .time-field {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #bdbdbd;
    padding: 14px 16px;
    width: 440px;
    max-width: none;
    position: relative;
    cursor: pointer;
}

.appointment-container .calendar-field input,
.appointment-container .time-field input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #323232;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    caret-color: transparent;
}

.appointment-container .calendar-field label,
.appointment-container .time-field label {
    position: absolute;
    display: none;
    top: -7px;
    padding-inline: 5px;
    background: #FFF;
    color: #323232;
    font-family: Lato;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.book-an-appointment-popup .appointment-container .time-field label {
    color: #323232;
    font-family: Lato;
}

.appointment-container .calendar-field img,
.appointment-container .time-field img {
    width: auto;
    color: #fff;
    position: absolute;
    right: 18.8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 99;
}

.select-time-slot_dropdown-container {
    position: absolute;
    top: 56px;
    left: -1px;
    width: 438px;
    background: #FFF;
    box-shadow: 2px 4px 6px 2px rgba(0, 0, 0, 0.06);
    padding: 8px 17px 8px;
    text-align: left;
    border-radius: 6px;
    z-index: 99;
}

.book-an-appointment-popup .select-time-slot_dropdown-container {
    padding: 4px 17px;
}

.book-an-appointment-popup .select-time-slot_dropdown-container {
    padding: 4px 17px;
}

.select-time-slot_dropdown-inner {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    height: 100%;
    justify-content: flex-start;
}

.select-time-slot_dropdown-inner-bform {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    height: 100%;
}

.dropdown-inner_select-time-div {
    margin: 4px 0 4px 1px;
    cursor: pointer;
    padding: 8px;
}

.dropdown-inner_select-time-div:hover {
    border-radius: 4px;
    outline: 1px solid #232426;
    background: #f5f5f5;
}

.select-time-slot_dropdown-inner .dropdown-inner_select-time-div span {
    display: block;
    color: #000;
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}

.select-time-slot_dropdown-inner-bform .dropdown-inner_select-time-div span {
    display: block;
    color: #fff;
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    opacity: .9;
}

.dropdown-inner_select-time-div.disabled:hover {
    outline: 0;
    background: transparent;
}

.dropdown-inner_select-time-div.disabled span {
    color: #b1b1b1;
    pointer-events: none;
}

.somethingwentwrong-wrapper {
    margin: 0 auto;
    padding: 46px 40px 24px;
}

.bh-calc_appointment-container .somethingwentwrong-wrapper{
    background: white;
}

.somethingwentwrong-img {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.somethingwentwrong-img img {
    width: auto;
}

.somethingwentwrong-heading {
    color: #323232;
    text-align: center;
    font-family: BioRhyme;
    font-size: 32px;
    font-weight: 700;
    line-height: 37.504px;
    margin-bottom: 8px;
    margin-top: 0;
}

.somethingwentwrong-description {
    color: #696969;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin-top: 0;
    margin-bottom: 185px;
    padding: 0 36px;
}

.somethingwentwrong-sub-description {
    color: var(--Light-Grey, #696969);
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 22.4px;
    margin-top: 0;
    padding: 0 70px;
}

.somethingwentwrong-sub-description>div {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.somethingwentwrong-sub-description>div img {
    width: auto;
    height: auto;
}

.somethingwentwrong-contact-no {
    color: var(--Purple, #232426);
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: -0.176px;
}

.somethingwentwrong-button {
    padding: 12px;
    color: #FFF;
    font-family: Lato;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    background: #232426;
    display: block;
    cursor: pointer;
}

.appointment-wrap {
    margin: 0 auto;
    padding: 46px 40px 24px;
}

.appointment-img {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.appointment-img img {
    width: auto;
}

.appointment-heading {
    color: #323232;
    text-align: center;
    font-family: BioRhyme;
    font-size: 32px;
    font-weight: 700;
    line-height: 37.504px;
    margin-bottom: 8px;
    margin-top: 0;
}

.appointment-description {
    color: var(--Light-Grey, #696969);
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin-top: 0;
    margin-bottom: 40px;
}

.appointment-time {
    border-radius: 10px;
    background: #FAF1DE;
    padding: 16px 33px 16px 37px;
    margin-bottom: 52px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    min-width: 295px;
}

.appointment-time-text {
    color: var(--Dark-Grey, #323232);
    font-family: Lato;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    line-height: 16.8px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 2px;
    opacity: 0.6;
}

.appointment-format {
    color: #323232;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 20.8px;
    margin: 0;
}

.appointment-sub-description {
    color: #696969;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 22.4px;
    margin-top: 0;
    padding: 0 75px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.appointment-sub-description>div {
    display: flex;
    gap: 2px;
}

.appointment-contact-no {
    color: #232426;
    font-weight: 700;
    line-height: 29px;
}

.appointment-button {
    padding: 12px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    background: #232426;
    display: block;
    cursor: pointer;
}

.thankyou-wrap {
    margin: 0 auto;
    padding: 244px 40px 24px 40px;
    min-height: 660px;
}

.popup-main-wrapper{
    justify-content: center;
    align-items: center;
}

.popup-main-wrapper .thankyou-wrap, 
.popup-main-wrapper .appointment-wrap,
.popup-main-wrapper .somethingwentwrong-wrapper {
    max-width: 518px;
    width: 100%;
    background: white;
    min-height: 629px;
    border-radius: 10px;
}
.popup-main-wrapper .popup_box{
    position: relative;
    max-width: 518px;
    width: 100%;
}
.popup-main-wrapper .close_icon{
    width: 40px;
    height: 40px;
    top: 6px;
    right: 6px;
    position: absolute;
    cursor: pointer;
}

.popup-main-wrapper{
    justify-content: center;
    align-items: center;
}

.popup-main-wrapper .thankyou-wrap, 
.popup-main-wrapper .appointment-wrap,
.popup-main-wrapper .somethingwentwrong-wrapper {
    max-width: 518px;
    width: 100%;
    background: white;
    min-height: 629px;
    border-radius: 10px;
}
.popup-main-wrapper .popup_box{
    position: relative;
    max-width: 518px;
    width: 100%;
}
.popup-main-wrapper .close_icon{
    width: 40px;
    height: 40px;
    top: 6px;
    right: 6px;
    position: absolute;
    cursor: pointer;
}

.thankyou-wrap .book-appointment_steps {
    position: absolute;
    top: 18px;
}

.thankyou-img {
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
}

.thankyou-img img {
    width: auto;
}

.thankyou-heading {
    color: #323232;
    text-align: center;
    font-family: BioRhyme;
    font-size: 32px;
    font-weight: 700;
    line-height: 37.504px;
    margin-bottom: 14px;
    margin-top: 0;
}

.thankyou-description {
    color: #696969;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    margin-top: 0;
    /* margin-bottom: 198px; */
    max-width: 336px;
    width: 100%;
    margin: 0 auto;
}

.thankyou-button {
    padding: 12px;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    background: #232426;
    display: block;
    cursor: pointer;
    margin-top: 198px;
}

.book-an-appointment-popup .dialog__container {
    border-radius: 10px;
}

.thank_you_popup .book-an-appointment-popup .frm__field {
    padding: 16px;
    text-decoration: none;
}

.book-an-appointment-popup .time-field label {
    color: #323232;
    font-family: Lato;
}

.book-an-appointment-popup .step-subquestion-div_subquestion {
    color: #323232;
}
.appointment_thankyou__buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
}
.appointment_thankyou__buttons button{
    width: max-content;
    min-width: 140px;
    min-height: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 23.4px;
    border-radius: 30px;
    background: #232426;
    cursor: pointer;
    border: none;
}
.appointment_thankyou__buttons .removeBg{
    background: transparent;
    color: #232426;
    border: 1px solid #232426;
}
.book-an-appointment-black-form-div .appointment_thankyou__buttons .removeBg{
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.bhs-appointment-appointment-main .bh-calc_appointment-step-3-wrapper .appointment-container .time-field {
    width: unset;
}
@media(max-width: 992px) {
    .thankyou-description {
        /* margin-bottom: 196px; */
        width: 256px;
    }
    .thankyou-button {
        margin-top: 196px;
    }
    .thankyou-img {
        margin-bottom: 6px;
    }

    .thank_you_popup .book-an-appointment-popup .frm__field {
        color: #323232;
        border: 1px solid rgba(50, 50, 50, 0.20);
    }

    .somethingwentwrong-img img {
        width: 171px;
    }

    .book-an-appointment-popup.dialog.login-dialog .dialog__container.mgz__frm__second {
        height: auto;
        width: 335px;
    }

    .thank_you_popup .book-an-appointment-popup .dialog__container.mgz__frm__second .dialog__body .dialog__content {
        padding: 30px 20px 20px !important;
    
    }

    .thank_you_popup .book-an-appointment-popup .mgz__frm__second .mgz__text__wrapper h2 {
        font-size: 24px;
        line-height: 26.4px;
        margin-bottom: 6px;
    }

    .thank_you_popup .book-an-appointment-popup .mgz__frm__second .mgz__text__wrapper {
        margin-bottom: 28px;
    }

    .book-appointment_steps-popup {
        padding: 18px 20px 16px;
        min-height: 629px;
    }

    .book-an-appointment-popup .book-appointment-get-started-cta {
        margin-top: 0;
        width: 100%;
        text-align: center;
        text-align: center;
        position: absolute;
        bottom: 20px;
        width: 295px;
    }

    .book-banner-popup_heading-div {
        padding: 40px 20px 40px;
    }

    .book-banner-popup_heading {
        font-size: 16px;
        line-height: 24px;
    }

    .book-banner-popup_bottom {
        padding: 40px 20px 192px;
        height: 390px;
    }

    .book-banner-popup_bottom h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .book-banner-popup_bottom h2 .book-banner-popup_bottom-bluebg-text {
        font-size: 24px;
        line-height: 30px;
    }

    .book-banner-popup_bottom p {
        margin-bottom: 16px;
    }

    .book-appointment_steps-popup h2 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 50px;
    }
    #numberOfRooms.book-appointment_steps-popup h2 {
        margin-bottom: 24px;
    }

    .book-banner-popup_bottom span {
        padding: 10.5px 32px;
        width: max-content;
        text-align: center;
        max-width: 100%;
    }

    .book-appointment-step_subquestion-div {
        margin-top: 24px;
    }

    .book-appointment-step_radio-btns.width-50-btn {
        gap: 16px;
    }

    .book-appointment_prev-qst-div {
        margin-top: 4px;
    }

    .book-appointment_submit-btn {
        text-align: center;
        width: 100%;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
        max-width: 295px;
    }

    .book-an-appointment-black-form-div .book-appointment_submit-btn{
        right: unset;
        max-width: 335px;
    }

    #book-appointment_step4 h2 {
        margin-bottom: 32px;
    }

    .date-field-wrapper {
        gap: 20px;
    }

    .book-an-appointment-popup .date-field-wrapper {
        gap: 16px;
    }

    .appointment-container {
        margin: 0;
    }

    .current-date-wrapper,
    .next-date-wrapper {
        flex-wrap: wrap;
    }

    .date-field {
        margin-bottom: 20px;
    }

    .appointment-container .time-field {
        cursor: pointer;
        width: 100%;
    }

    .select-time-slot_dropdown-container {
        width: 300px;
        height: unset;
        padding: 8px 8px 0;
    }

    .select-time-slot_dropdown-container {
        min-height: 56px;
        padding: 8px 8px 8px;
    }

    .dropdown-inner_select-time-div {
        margin: 1px 0 1px 1px;
        width: calc(50% - 2px);
    }

    .somethingwentwrong-wrapper {
        padding: 20px 20px 16px;
    }

    .somethingwentwrong-heading {
        font-size: 24px;
        line-height: 31px;
    }

    .somethingwentwrong-description {
        padding: 0;
    }

    .somethingwentwrong-sub-description {
        padding: 0;
        margin-bottom: 24px;
    }

    .appointment-wrap {
        padding: 20px 20px 16px;
    }

    .appointment-heading {
        font-size: 24px;
    }

    .appointment-description {
        margin-bottom: 32px;
    }

    .appointment-time {
        margin-bottom: 60px;
    }

    .appointment-sub-description {
        padding: 0;
    }

    .appointment-sub-description {
        font-size: 14px;
        padding: 0 20px;
        margin-bottom: 24px;
    }

    .book-appointment-get-started_desc {
        margin-bottom: 20px;
    }

    .book-an-appointment-popup .thankyou-wrap {
        padding: 235px 20px 16px 20px;
        min-height: 629px;
    }

    .book-an-appointment-popup .thankyou-heading {
        font-size: 24px;
        line-height: 26.4px;
    }

    .book-an-appointment-popup .appointment-sub-description {
        line-height: 19.6px;
    }

    .book-an-appointment-popup .appointment-heading {
        line-height: 31.2px;
    }

    .appointment-img img {
        width: 171px;
    }

    .time-field-div {
        margin-top: 32px;
    }

    .dialog {
        z-index: 99999;
    }
    .appointment_thankyou__buttons button{
        min-width: 120px;
        min-height: 44px;
    }
    .book-an-appointment-popup .book-appointment-common-label p{
        width: 100%;
    }    
    .book-an-appointment-popup #numberOfRooms .book-appointment-common-label p {
        max-width: 140px;
    }
    .popup-main-wrapper .thankyou-wrap, 
.popup-main-wrapper .appointment-wrap,
.popup-main-wrapper .somethingwentwrong-wrapper {
    max-width: 335px;
    border-radius: 8px;
}
.popup-main-wrapper .popup_box{
    max-width: 335px;
}
    .appointment_thankyou__buttons{
        margin-top: 16px;
    }
    .book-an-appointment-black-form-section .book-appointment_submit-btn{
        bottom: 20px;
    }
}

.dsp-none {
    display: none;
}

.book-an-appointment-popup .frm__group input::placeholder {
    text-transform: none;
}

/* .dsp-bform-none {
    display: none;
} */


/* revamp thankup popup  */


.new_thankup_popup .dialog__container.new_style {
    max-width: 894px !important;
    width: 100% !important;
    border-radius: 10px !important;
    background-color: unset !important;

}

.new_thankup_popup .mgz__text__wrapper.mgz-heading {
    display: none;
}

.new_thankup_popup .dialog__body {
    display: flex;
    justify-content: center;
}
.revamp-popup .new_thankup_popup .dialog__body{
    background-color: #ECE5D7;
    border-radius: 20px;
}
.new_thankup_popup .dialog__content {
    min-height: 600px !important;
    padding: 70px 40px 40px !important;
    max-width: 519px;
    width: 100%;
    background: #F7F2E7 !important;
    border-radius: 0 10px 10px 0 !important;
}
.revamp-popup .new_thankup_popup .dialog__content{
    background: #FFFFFF !important;
    border-radius: 55px 10px 10px 0 !important;
}
.revamp-popup .new_thankup_popup .dialog__content::before{
    content: '';
    background-image: url("../../../content/dam/asianpaintsbeautifulhomes/auto-appointment-dam/popup-curve.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 79px;
    height: 57px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;

}
.new_thankup_popup .frm__field-group span {
    min-height: 30px;
}

.new_thankup_popup .frm__field-group span.error {
    color: #D81921 !important;
    font-weight: 500 !important;
    line-height: unset !important;
    padding: 5px 0 !important;
    font-size: 14px !important;
    text-indent: -1px;
}

.new_thankup_popup .frm__field-group #field_email~span {
    min-height: 38px;
}

.new_thankup_popup .whatsapp-field-group label span {
    top: 50%;
    transform: translateY(-50%);
}

.new_thankup_popup .field_whatsapp_group .error {
    min-height: 14px;
}

.new_thankup_popup .book-appointment-get-started_desc {
    margin-bottom: 39px;
}

.new_thankup_popup .whatsapp-field-group label {
    font-size: 16px !important;
    line-height: 20.8px !important;
    color: #323232 !important;
    padding-left: 34px !important;
}

.new_thankup_popup .frm__field-group .country_code {
    top: 12px !important;
    line-height: 20px;
}

/* ---- left  */
.new_thankup_popup__left {
    max-width: 375px;
    width: 100%;
    position: relative;
}
.revamp-popup .new_thankup_popup__left{
    max-width: 445px;
}
.new_thankup_popup__left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
}

.new_thankup_popup__info {
    position: absolute;
    top: 40px;
    left: 20px;
}

.new_thankup_popup__info p {
    font-family: Lato;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.new_thankup_popup__info h2 {
    font-family: BioRhyme;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.new_thankup_popup__info h3 {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    color: #D0D0D0;
    width: 190px;
}

.new_thankup_popup__title p {
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    color: #323232;
    margin-bottom: 20px;
    display: none;
}

.thankup_popup .dialog__body.dsp-none {
    display: none;
}

.thankup_popup .frm__group .ids_frm__label {
    font-size: 10px !important;
    color: #202020 !important;
}

@media screen and (max-width : 992.9px) {
    .new_thankup_popup .dialog__container.new_style {
        max-width: 335px !important;
    }

    .new_thankup_popup .dialog__body {
        flex-direction: column;
    }
        .revamp-popup .new_thankup_popup .dialog__body{
            background-color: #FFFFFF;
            border-radius: 10px;
        }
    /* .new_thankup_popup__left {
        height: 200px;
        top: 50px;
    } */
    /* .revamp-popup .new_thankup_popup__left {
        height: 270px;
    } */
    .new_thankup_popup__info p {
        font-size: 12px;
        font-weight: 600;
        line-height: 15.6px;
        margin-bottom: 4px;
    }

    .new_thankup_popup__info h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 8px;
        width: 173px;
    }

    .new_thankup_popup__info h3 {
        font-size: 10px;
        line-height: 12px;
        width: 141px;
    }

    .new_thankup_popup .dialog__content {
        padding: 24px 16px 20px 20px !important;
        border-radius: 0 0 10px 10px !important;
    }

    .new_thankup_popup .frm__field-group span.error {
        min-height: 28px;
        padding: 4px 0 6px 0 !important;
        font-size: 12px !important;
    }
    .revamp-popup .new_thankup_popup .frm__field-group span.error{
        min-height: 20px;
    }
    .new_thankup_popup input[type='tel'].frm__field#field_login_add_phone_number {
        text-indent: unset !important;
    }

    .new_thankup_popup .whatsapp-field-group {
        margin-top: 3px;
        margin-bottom: 0 !important;
    }

    .new_thankup_popup .whatsapp-field-group label {
        font-size: 12px !important;
    }

    .new_thankup_popup .book-appointment-get-started_desc {
        margin-bottom: 12px;
        font-size: 10px;
        line-height: 13.2px;
        padding-right: 5px;
        margin-top: 20px;
    }

    .new_thankup_popup .btn--lg {
        width: 100% !important;
        padding: 10.5px 39px;
        line-height: 23.4px !important;
    }

    .new_thankup_popup .field_whatsapp_group .error {
        min-height: 3px;
        display: block;
        margin-bottom: 9px;
        line-height: unset !important;
        margin-bottom: unset;
    }

    .new_thankup_popup .dialog__content {
        min-height: unset !important;
    }

    .new_thankup_popup__left img {
        border-top-right-radius: 10px;
        border-bottom-left-radius: unset;
    }

    .new_thankup_popup .frm__field-group .country_code {
        display: none !important;
    }

    .new_thankup_popup .frm__group input::placeholder {
        text-indent: -4px !important;
    }

    .new_thankup_popup__mobile_pincode {
        display: flex;
        gap: 15px;
    }

    .new_thankup_popup__mobile_pincode .frm__group {
        width: 50%;
    }

    .new_thankup_popup__title p {
        display: none;
    }

    .new_thankup_popup__info {
        top: 20px;
    }

    .thankup_popup .frm__group .ids_frm__label {
        color: #323232 !important;
    }

    .new_thankup_popup .frm__field-group #field_email~span {
        min-height: 31px;
    }
    .revamp-popup .new_thankup_popup .dialog__content{
        padding: 1px 16px 20px 20px !important;
    }
    .revamp-popup .new_thankup_popup .dialog__content::before{
    display: none;

}
}

.dsp-none-nrb{
    display: none !important;
}
.bhs-appointment-appointment-main .somethingwentwrong-sub-description .somethingwentwrong-sub-description-para{
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: #696969;
}
@media screen and (max-width:768px) {
       .bhs-appointment-appointment-main .thankyou-heading{
            font-size: 24px;
            font-weight: 700;
            line-height: 27px;
            color: #323232;
            margin-bottom: 8px;
       } 
       .bhs-appointment-appointment-main .thankyou-description{
        padding: 0 29px;
       }
       .bhs-appointment-appointment-main .thankyou-wrap{
        padding: 235px 20px 16px 20px;
        min-height: unset;
       }
       .bhs-appointment-appointment-main .somethingwentwrong-sub-description .somethingwentwrong-sub-description-para{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #696969;
       }
       .revamp-popup .new_thankup_popup__left{
        position: relative;
        /* top: 50px; */
       }
          .simpleouter.thank_you_popup .book-an-appointment-popup .dialog__container.mgz__frm__second .dialog__body .dialog__content{
        padding-top: 0 !important;
        top: 0 !important;
    }
}

#kitchen-booking-popup{
    .dialog__body{
        background-color: #3f463a !important;
        @media screen and (max-width: 768px){
            background-color: #fff !important;
        }
    }
    .dialog__content{
        margin-left: -1px !important;
        @media screen and (max-width: 768px){
            margin-left: unset !important;
            padding-top: 0 !important;
        }
    }
    .book-an-appointment-popup .book-an-appointment-close{
        @media screen and (max-width:768px){
            background: #fff;
            border-radius: 50%;
            right: 16px;
            top: 25px;
            height: 30px;
            width: 30px;
        }
    }
}

#lights-booking-popup{
    .dialog__body{
        background-color: #81684f !important;
        @media screen and (max-width: 768px){
            background-color: #fff !important;
        }
    }
    .dialog__content{
        margin-left: -1px !important;
        @media screen and (max-width: 768px){
            margin-left: unset !important;
            padding-top: 0 !important;
        }
    }
    .book-an-appointment-popup .book-an-appointment-close{
        @media screen and (max-width:768px){
            background: #fff;
            border-radius: 50%;
            right: 16px;
            top: 25px;
            height: 30px;
            width: 30px;
        }
    }
}


/* =====================================================================
   (TY) Popup - "Thank You For Reaching Out!" new design
   Target: #book-appointment_thankyou only (the (TY) Popup dialog tab:
   tyimg / tyheading / tysubheading / tydonectatxt).

   Deliberately does NOT touch the other outcome states - Something Went
   Wrong (#book-appointment_something-wentwrong), Book Appointment /
   Auto Appoint Card (#book-appointment_banner-popup) and Appointment
   Scheduled (#book-appointment_appointment-scheduled) keep their existing
   styling. The modal shell rules below are gated on the TY panel being the
   visible one, so those states keep their current width/corners too.

   Scoped to .new_thankup_popup so the other components that reuse these
   class names are unaffected. CSS-only: the white card is painted by a
   ::before grid item behind the flat siblings, because
   whiteformanalytics.js / blackformanalytics.js rely on jQuery
   direct-parent-only .parent(), so the DOM must stay as it is.

   :not(.dsp-none) on the display rule is required - these selectors carry
   an id, so without it the display would out-specify
   .dsp-none { display:none } and the panel would never hide.
   ===================================================================== */

/* ---------- modal shell ----------
   The container is shared by every screen in this dialog and is 517px wide in
   the outcome state (.dialog.login-dialog .dialog__container.mgz__frm__second),
   so the 790px design needs a container rule. To guarantee no other modal /
   screen is ever affected, the rule requires the TY panel to be visible AND
   the form plus every other screen to be hidden. If two screens are visible at
   once (e.g. left over from manual testing) the rule simply does not apply, so
   the other screens keep their own white background and 517px width. */
.new_thankup_popup .dialog__container:has(#book-appointment_thankyou:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_banner-popup:not(.dsp-none),
    #book-appointment_something-wentwrong:not(.dsp-none),
    #book-appointment_appointment-scheduled:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) {
    max-width: 790px !important;
    width: 100% !important;
    background-color: transparent;
}

.new_thankup_popup .dialog__container:has(#book-appointment_thankyou:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_banner-popup:not(.dsp-none),
    #book-appointment_something-wentwrong:not(.dsp-none),
    #book-appointment_appointment-scheduled:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) .book-an-appointment-close {
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 50%;
    object-fit: contain;
    z-index: 5;
}

/* ---------- the panel: grey ground, text column on the left ---------- */
.new_thankup_popup #book-appointment_thankyou:not(.dsp-none) {
    display: grid;
    grid-template-columns: 47%;
    grid-template-rows: repeat(3, auto);
    align-content: center;
}

.new_thankup_popup #book-appointment_thankyou {
    position: relative;
    min-height: 530px;
    margin: 0;
    padding: 0 0 0 4.3%;
    background: #EDECEA;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

/* ---------- right 64%: the photo ---------- */
.new_thankup_popup #book-appointment_thankyou .thankyou-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 64%;
    height: auto;
    z-index: 0;
    margin: 0;
    padding: 0;
    display: block;
}

.new_thankup_popup #book-appointment_thankyou .thankyou-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- the white card (background only) ----------
   negative vertical margins give the card its generous top/bottom padding
   without affecting text layout, and work whether or not the CTA renders */
.new_thankup_popup #book-appointment_thankyou::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / -1;
    margin: -68px 0;
    border-radius: 16px;
   box-shadow: -2px 2px 14px 0px #00000014;
    z-index: 1;
    background: linear-gradient(142.76deg, #FFFFFF 41.18%, rgba(255, 255, 255, 0.4) 113.55%);
    width: 400px;
    height: 370px;
    border-radius: 30px;
}

/* ---------- text, above the card ---------- */
.new_thankup_popup #book-appointment_thankyou > :not(.thankyou-img) {
    grid-column: 1;
    position: relative;
    z-index: 2;
    padding-left: 30px;
    padding-right: 30px;
}

.new_thankup_popup #book-appointment_thankyou .thankyou-heading {
    grid-row: 1;
    font-family: "Playfair Display", serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    color: #1A1A1A;
    text-align: left;
    max-width: 335px;
    margin: 0 0 24px;
    padding-top: 0;
    letter-spacing: -2%;
}

.new_thankup_popup #book-appointment_thankyou .thankyou-description {
    grid-row: 2;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #4D4D4D;
    text-align: left;
    width: auto;
    max-width: 330px;
    margin: 0;
}

.new_thankup_popup #book-appointment_thankyou .thankyou-description p {
    margin: 0 0 14px;
}

.new_thankup_popup #book-appointment_thankyou .thankyou-description p:last-child {
    margin-bottom: 0;
}

/* the reference design has no CTA - an unauthored tydonectatxt renders an
   empty span, so hide it when empty rather than showing a blank pill */
.new_thankup_popup #book-appointment_thankyou .thankyou-button:empty {
    display: none;
}

.new_thankup_popup #book-appointment_thankyou .thankyou-button {
    grid-row: 3;
    justify-self: start;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    margin: 24px 30px 0;
    padding: 12px 28px;
    background: #202129;
    border-radius: 999px;
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #FFFFFF;
    text-align: center;
}

/* =========================== mobile =========================== */
@media (max-width: 992px) {
    .new_thankup_popup .dialog__container:has(#book-appointment_thankyou:not(.dsp-none)):not(:has(
        .dialog__body:not(.dsp-none),
        #book-appointment_banner-popup:not(.dsp-none),
        #book-appointment_something-wentwrong:not(.dsp-none),
        #book-appointment_appointment-scheduled:not(.dsp-none),
        .book-appointment_steps-popup:not(.dsp-none))) {
        min-width: 0;
        max-width: 360px !important;
        width: calc(100% - 40px) !important;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        transform: translate(-50%, -50%);
    }

    /* photo on top, card below it - same proportions as the Auto Appoint Card
       popup: a 240px photo, then a card that fills the rest of the panel.
       min-height 396px = 240 photo + 174 card - 18 overlap, so a short
       heading + description still gets the same card as that popup. */
    .new_thankup_popup #book-appointment_thankyou {
        min-height: 396px;
        padding: 240px 0 30px;
    }

    .new_thankup_popup #book-appointment_thankyou:not(.dsp-none) {
        grid-template-columns: 1fr;
        align-content: start;
    }

    .new_thankup_popup #book-appointment_thankyou .thankyou-img {
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
         height: 266px;
    }

    /* the desktop card is a fixed 400x370 grid item - at 360px wide that
       overflows the panel and stretches the rows to 370px, which is what broke
       this screen on mobile. Here it is taken out of the grid flow and pinned
       from just under the photo to the bottom of the panel instead, so it
       follows the text the way the Auto Appoint Card popup's card does.
       grid-column / grid-row must be reset to auto: an absolutely positioned
       grid item that still has a definite placement is laid out against its
       grid area, not against the panel. */
    .new_thankup_popup #book-appointment_thankyou::before {
        position: absolute;
        grid-column: auto;
        grid-row: auto;
        top: 198px;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
        margin: 0;
        border-radius: 16px;
        box-shadow: none;
        background: linear-gradient(0deg, #FFFFFF 50%, rgba(255, 255, 255, 0.7) 121.58%);
    }

    .new_thankup_popup #book-appointment_thankyou > :not(.thankyou-img) {
        padding-left: 22px;
        padding-right: 22px;
    }

    .new_thankup_popup #book-appointment_thankyou .thankyou-heading {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
        max-width: 100%;
        margin-bottom: 12px;
        padding-top: 0;
    }

    .new_thankup_popup #book-appointment_thankyou .thankyou-description {
        font-size: 12px;
        line-height: 1.3;
        text-align: center;
        max-width: 100%;
    }

    .new_thankup_popup #book-appointment_thankyou .thankyou-button {
        justify-self: center;
        margin: 18px 22px 0;
        padding: 13px 30px;
        font-weight: 500;
        min-width: 133px;
        font-size: 14px;
    }
}

/* =====================================================================
   Book consultation Thank You - #book-appointment_banner-popup
   (Auto Appoint Card tab: popupthanktxt / autoheading / autobannerimg)

   Same design as the (TY) popup above. This state has a real wrapper for
   its text (.book-banner-popup_heading-div), so that element IS the white
   card - no ::before needed.

   The container rule is gated exactly like the TY one: it only applies when
   this panel is visible AND the form plus every other screen is hidden, so
   no other modal / screen can be affected.

   .ctaheading_text (h2) and .book-appointment-btn are left alone - the
   form-submit path hides them inline, and the appointment-invite path still
   needs them clickable. The image panel gets a left inset so they never sit
   under the overlapping card.
   ===================================================================== */

.new_thankup_popup .dialog__container:has(#book-appointment_banner-popup:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_thankyou:not(.dsp-none),
    #book-appointment_something-wentwrong:not(.dsp-none),
    #book-appointment_appointment-scheduled:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) {
    max-width: 790px !important;
    width: 100% !important;
    background-color: transparent;
}

.new_thankup_popup .dialog__container:has(#book-appointment_banner-popup:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_thankyou:not(.dsp-none),
    #book-appointment_something-wentwrong:not(.dsp-none),
    #book-appointment_appointment-scheduled:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) .book-an-appointment-close {
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 50%;
    object-fit: contain;
    z-index: 5;
}

/* ---------- the panel ---------- */
.new_thankup_popup #book-appointment_banner-popup {
    position: relative;
    min-height: 530px;
    margin: 0;
    padding: 0 0 0 4.3%;
    background: #EDECEA;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

/* :not(.dsp-none) is required - this selector carries an id, so without it
   the display would out-specify .dsp-none { display:none } */
.new_thankup_popup #book-appointment_banner-popup:not(.dsp-none) {
    display: flex;
    align-items: center;
}

/* ---------- right 64%: the photo ---------- */
.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_bottom {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 64%;
    height: auto;
    z-index: 0;
    margin: 0;
    padding: 40px 40px 40px 22%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_bottom_bannerimg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

/* ---------- the white card ---------- */
/* the card here is a real element, not a ::before, so the (TY) ::before values
   map onto it - fixed 400x370 with the content centred vertically instead of
   the 68px vertical padding */
.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_heading-div {
    position: relative;
    z-index: 2;
    flex: 0 0 400px;
    width: 400px;
    max-width: 400px;
    height: 370px;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-shadow: -2px 2px 14px 0px #00000014;
    background: linear-gradient(142.76deg, #FFFFFF 41.18%, rgba(255, 255, 255, 0.4) 113.55%);
    border-radius: 30px;
    padding: 0 30px;
    margin: 0;
    box-sizing: border-box;
}

/* the reference design has no check icon */
.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_check {
    display: none;
}

.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_thankyou {
    font-family: "Playfair Display", serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    color: #1A1A1A;
    text-align: left;
    max-width: 335px;
    margin: 0 0 24px;
    padding-top: 0;
    letter-spacing: -2%;
}

.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_heading {
    font-family: Archivo;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #4D4D4D;
    text-align: left;
    width: auto;
    max-width: 330px;
    margin: 0;
}

.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_heading p {
    margin: 0 0 14px;
}

.new_thankup_popup #book-appointment_banner-popup .book-banner-popup_heading p:last-child {
    margin-bottom: 0;
}

/* =========================== mobile =========================== */
@media (max-width: 992px) {
    .new_thankup_popup .dialog__container:has(#book-appointment_banner-popup:not(.dsp-none)):not(:has(
        .dialog__body:not(.dsp-none),
        #book-appointment_thankyou:not(.dsp-none),
        #book-appointment_something-wentwrong:not(.dsp-none),
        #book-appointment_appointment-scheduled:not(.dsp-none),
        .book-appointment_steps-popup:not(.dsp-none))) {
        min-width: 0;
        max-width: 360px !important;
        width: calc(100% - 40px) !important;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        transform: translate(-50%, -50%);
    }

    .new_thankup_popup #book-appointment_banner-popup {
        min-height: 0;
        padding: 240px 0 0;
    }

    .new_thankup_popup #book-appointment_banner-popup:not(.dsp-none) {
        align-items: stretch;
    }

    .new_thankup_popup #book-appointment_banner-popup .book-banner-popup_bottom {
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 278px;
        padding: 20px;
    }

    .new_thankup_popup #book-appointment_banner-popup .book-banner-popup_heading-div {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        height: 174px;
        align-items: center;
        margin: -18px 0 0;
        padding: 26px 22px 30px;
        border-radius: 16px;
        box-shadow: none;
        background: linear-gradient(0deg, #FFFFFF 50%, rgba(255, 255, 255, 0.7) 121.58%);
        gap: 16px;
    }

    .new_thankup_popup #book-appointment_banner-popup .book-banner-popup_thankyou {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
        max-width: 100%;
        margin-bottom: 6px;
    }

    .new_thankup_popup #book-appointment_banner-popup .book-banner-popup_heading {
        font-size: 12px;
        line-height: 1.3;
        text-align: center;
        max-width: 100%;
    }
}

/* =====================================================================
   Appointment Scheduled - #book-appointment_appointment-scheduled
   ((AS) Popup tab: scheduleimg / scheduleheading / schedulesubheading /
   schedulesubdescription / schedulesubspan / donectatxt)

   Same design as the (TY) and Auto Appoint Card popups. Flat sibling
   structure, so the white card is painted by a ::before grid item -
   whiteformanalytics.js uses direct-parent-only .parent() on this id
   (lines 109 and 145, the latter walking a > div > .appointment-sub-description
   > #book-appointment_appointment-scheduled chain), so the DOM must not change.

   This screen carries two extra blocks the reference design does not have -
   the booked date/time (.appointment-time) and the toll-free contact
   (.appointment-sub-description). They are kept, restyled to sit inside the
   card, because they hold real information about the booking. Delete the two
   rules below if you would rather drop them.

   The container rule is gated like the others: it only applies when this
   panel is visible AND the form plus every other screen is hidden.
   ===================================================================== */

.new_thankup_popup .dialog__container:has(#book-appointment_appointment-scheduled:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_thankyou:not(.dsp-none),
    #book-appointment_banner-popup:not(.dsp-none),
    #book-appointment_something-wentwrong:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) {
    max-width: 790px !important;
    width: 100% !important;
    background-color: transparent;
}

.new_thankup_popup .dialog__container:has(#book-appointment_appointment-scheduled:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_thankyou:not(.dsp-none),
    #book-appointment_banner-popup:not(.dsp-none),
    #book-appointment_something-wentwrong:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) .book-an-appointment-close {
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
    padding: 0px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 50%;
    object-fit: contain;
    z-index: 5;
}

/* ---------- the panel ---------- */
.new_thankup_popup #book-appointment_appointment-scheduled {
    position: relative;
    min-height: 530px;
    margin: 0;
    padding: 0 0 0 4.3%;
    background: #EDECEA;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

/* :not(.dsp-none) is required - this selector carries an id, so without it
   the display would out-specify .dsp-none { display:none } */
.new_thankup_popup #book-appointment_appointment-scheduled:not(.dsp-none) {
    display: grid;
    grid-template-columns: 47%;
    grid-template-rows: repeat(5, auto);
    align-content: center;
}

/* ---------- right 64%: the image ---------- */
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 64%;
    height: auto;
    z-index: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

/* full-bleed photo, same as the (TY) popup */
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- the white card (background only) ---------- */
.new_thankup_popup #book-appointment_appointment-scheduled::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / -1;
    margin: -68px 0;
    box-shadow: -2px 2px 14px 0px #00000014;
    z-index: 1;
    background: linear-gradient(142.76deg, #FFFFFF 41.18%, rgba(255, 255, 255, 0.4) 113.55%);
    width: 400px;
    height: 370px;
    border-radius: 30px;
}

/* ---------- text, above the card ---------- */
.new_thankup_popup #book-appointment_appointment-scheduled > :not(.appointment-img) {
    grid-column: 1;
    position: relative;
    z-index: 2;
    padding-left: 30px;
    padding-right: 30px;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-heading {
    grid-row: 1;
    font-family: "Playfair Display", serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    color: #1A1A1A;
    text-align: left;
    max-width: 335px;
    margin: 0 0 24px;
    padding-top: 0;
    letter-spacing: -2%;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-description {
    grid-row: 2;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #4D4D4D;
    text-align: left;
    width: auto;
    max-width: 330px;
    margin: 0;
}

/* booked date/time and the toll-free contact are hidden so this screen matches
   the (TY) popup exactly (heading + description only). Delete these two
   display:none rules to bring them back. */
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-time,
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-sub-description {
    display: none;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-time {
    grid-row: 3;
    width: auto;
    min-width: 0;
    max-width: 260px;
    margin: 18px 0 0;
    padding: 12px 16px;
    background: #F5F4F2;
    border-radius: 8px;
    box-sizing: border-box;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-time-text,
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-format {
    font-family: Lato, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #4E4F52;
    text-align: left;
    margin: 0;
    padding: 0;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-format {
    font-weight: 700;
    color: #1A1A1A;
}

/* toll-free contact - hidden above; these are the styles it would use if you
   re-enable it (no display declaration here, so the hide rule keeps winning) */
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-sub-description {
    grid-row: 4;
    font-family: Lato, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #4E4F52;
    text-align: left;
    max-width: 260px;
    margin: 14px 0 0;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-sub-description > div {
    justify-content: flex-start;
    margin-top: 2px;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-contact-no {
    font-size: 12px;
    line-height: 1.5;
}

/* the reference design has no CTA - an unauthored donectatxt renders an empty
   span, so hide it when empty rather than showing a blank pill */
.new_thankup_popup #book-appointment_appointment-scheduled .appointment-button:empty {
    display: none;
}

.new_thankup_popup #book-appointment_appointment-scheduled .appointment-button {
    grid-row: 5;
    justify-self: start;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    margin: 22px 30px 0;
    padding: 12px 28px;
    background: #202129;
    border-radius: 999px;
    font-family: Lato, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #FFFFFF;
    text-align: center;
}

/* =========================== mobile =========================== */
@media (max-width: 992px) {
    .new_thankup_popup .dialog__container:has(#book-appointment_appointment-scheduled:not(.dsp-none)):not(:has(
        .dialog__body:not(.dsp-none),
        #book-appointment_thankyou:not(.dsp-none),
        #book-appointment_banner-popup:not(.dsp-none),
        #book-appointment_something-wentwrong:not(.dsp-none),
        .book-appointment_steps-popup:not(.dsp-none))) {
        min-width: 0;
        max-width: 360px !important;
        width: calc(100% - 40px) !important;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        transform: translate(-50%, -50%);
    }

    /* same proportions as the (TY) and Auto Appoint Card popups:
       240 photo + 174 card - 18 overlap = 396 */
    .new_thankup_popup #book-appointment_appointment-scheduled {
        min-height: 396px;
        padding: 240px 0 30px;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled:not(.dsp-none) {
        grid-template-columns: 1fr;
        align-content: start;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-img {
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
         height: 266px;
        padding: 0;
    }

    /* pinned under the photo instead of the fixed 400x370 grid item the
       desktop rule sets - see the (TY) popup above for why */
    .new_thankup_popup #book-appointment_appointment-scheduled::before {
        position: absolute;
        grid-column: auto;
        grid-row: auto;
        top: 198px;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
        margin: 0;
        border-radius: 16px;
        box-shadow: none;
        background: linear-gradient(0deg, #FFFFFF 50%, rgba(255, 255, 255, 0.7) 121.58%);
    }

    .new_thankup_popup #book-appointment_appointment-scheduled > :not(.appointment-img) {
        padding-left: 22px;
        padding-right: 22px;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-heading {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
        max-width: 100%;
        margin-bottom: 12px;
        padding-top: 0;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-description {
        font-size: 12px;
        line-height: 1.3;
        text-align: center;
        max-width: 100%;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-time {
        max-width: 100%;
        text-align: center;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-time-text,
    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-format {
        text-align: center;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-sub-description {
        max-width: 100%;
        text-align: center;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-sub-description > div {
        justify-content: center;
    }

    .new_thankup_popup #book-appointment_appointment-scheduled .appointment-button {
        justify-self: center;
        margin: 18px 22px 0;
        padding: 13px 30px;
        font-weight: 500;
        min-width: 133px;
        font-size: 14px;
    }
}

/* =====================================================================
   Something Went Wrong - #book-appointment_something-wentwrong
   ((SWW) Popup tab: somewentwrngimg / somewentwrngheading /
   somewentwrngsubheading / subdescription / somewrngsubmitctatxt)

   Identical design to the (TY) popup. Flat sibling structure, so the white
   card is painted by a ::before grid item - whiteformanalytics.js uses
   direct-parent-only .parent('#book-appointment_something-wentwrong')
   (lines 121 and 133), so the DOM must not change.

   The toll-free block (.somethingwentwrong-sub-description) is hidden to
   match the (TY) layout (heading + description + CTA only). Delete that
   display:none rule to bring it back.

   The container rule is gated like the others: it only applies when this
   panel is visible AND the form plus every other screen is hidden.
   ===================================================================== */

.new_thankup_popup .dialog__container:has(#book-appointment_something-wentwrong:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_thankyou:not(.dsp-none),
    #book-appointment_banner-popup:not(.dsp-none),
    #book-appointment_appointment-scheduled:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) {
    max-width: 790px !important;
    width: 100% !important;
    background-color: transparent;
}

.new_thankup_popup .dialog__container:has(#book-appointment_something-wentwrong:not(.dsp-none)):not(:has(
    .dialog__body:not(.dsp-none),
    #book-appointment_thankyou:not(.dsp-none),
    #book-appointment_banner-popup:not(.dsp-none),
    #book-appointment_appointment-scheduled:not(.dsp-none),
    .book-appointment_steps-popup:not(.dsp-none))) .book-an-appointment-close {
    right: 16px;
    top: 16px;
    width: 30px;
    height: 30px;
    padding: 0px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 50%;
    object-fit: contain;
    z-index: 5;
}

/* ---------- the panel ---------- */
.new_thankup_popup #book-appointment_something-wentwrong {
    position: relative;
    min-height: 530px;
    margin: 0;
    padding: 0 0 0 4.3%;
    background: #EDECEA;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
}

/* :not(.dsp-none) is required - this selector carries an id, so without it
   the display would out-specify .dsp-none { display:none } */
.new_thankup_popup #book-appointment_something-wentwrong:not(.dsp-none) {
    display: grid;
    grid-template-columns: 47%;
    grid-template-rows: repeat(4, auto);
    align-content: center;
}

/* ---------- right 64%: the image, full bleed like (TY) ---------- */
.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 64%;
    height: auto;
    z-index: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- the white card (background only) ---------- */
.new_thankup_popup #book-appointment_something-wentwrong::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / -1;
    margin: -68px 0;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .10);
    z-index: 1;
}

/* ---------- text, above the card ---------- */
.new_thankup_popup #book-appointment_something-wentwrong > :not(.somethingwentwrong-img) {
    grid-column: 1;
    position: relative;
    z-index: 2;
    padding-left: 30px;
    padding-right: 30px;
}

.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-heading {
    grid-row: 1;
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    color: #000000;
    text-align: left;
    max-width: 360px;
    margin: 0 0 24px;
}

.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-description {
    grid-row: 2;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: #4D4D4D;
    text-align: left;
    max-width: 300px;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
}

/* toll-free block hidden so this matches the (TY) layout.
   Delete this rule to bring it back. */
.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-sub-description {
    display: none;
}

.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-button:empty {
    display: none;
}

.new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-button {
    grid-row: 4;
    justify-self: start;
    display: inline-block;
    width: max-content;
    max-width: 100%;
    margin: 24px 30px 0;
    padding: 12px 36px;
    background: #202129;
    border-radius: 999px;
    font-family: Archivo;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 20px;
}

/* =========================== mobile =========================== */
@media (max-width: 992px) {
    .new_thankup_popup .dialog__container:has(#book-appointment_something-wentwrong:not(.dsp-none)):not(:has(
        .dialog__body:not(.dsp-none),
        #book-appointment_thankyou:not(.dsp-none),
        #book-appointment_banner-popup:not(.dsp-none),
        #book-appointment_appointment-scheduled:not(.dsp-none),
        .book-appointment_steps-popup:not(.dsp-none))) {
        min-width: 0;
        max-width: 360px !important;
        width: calc(100% - 40px) !important;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        transform: translate(-50%, -50%);
    }

    .new_thankup_popup #book-appointment_something-wentwrong {
        min-height: 0;
        padding: 240px 0 0;
    }

    .new_thankup_popup #book-appointment_something-wentwrong:not(.dsp-none) {
        grid-template-columns: 1fr;
        align-content: start;
    }

    .new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-img {
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
         height: 266px;
        padding: 0;
    }

    .new_thankup_popup #book-appointment_something-wentwrong::before {
        margin: -18px 0 -30px;
        border-radius: 16px 16px 0 0;
        box-shadow: none;
    }

    .new_thankup_popup #book-appointment_something-wentwrong > :not(.somethingwentwrong-img) {
        padding-left: 22px;
        padding-right: 22px;
    }

    .new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-heading {
        font-size: 20px;
        line-height: 120%;
        text-align: center;
        max-width: 100%;
        margin-bottom: 12px;
        padding-top: 0;
    }

    .new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-description {
        font-size: 12px;
        line-height: 130%;
        text-align: center;
        max-width: 100%;
        padding-left: 22px;
        padding-right: 22px;
    }

    .new_thankup_popup #book-appointment_something-wentwrong .somethingwentwrong-button {
        justify-self: center;
        margin: 18px 22px 0;
        padding: 13px 30px;
        font-weight: 500;
        min-width: 133px;
        font-size: 14px;
        margin-bottom: 20px;
    }
}

.title-text {
    margin: 0 auto;
    margin-bottom: 24px;
}

.title-text h2 {
    font-weight: 400;
    font-size: 32px !important;
    line-height: 101%;
    letter-spacing: 0%;
    text-align: center;
    color: #232426 !important;
    margin-block: 0;
    -webkit-text-fill-color: unset !important;
    font-family: "Playfair Display", serif !important;
}

.title-text p {
    font-family: Archivo;
    font-weight: 300;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #4D4D4D;
    text-align: center;
    padding-top: 10px;
}

@media (max-width: 767px) {
    .title-text {
        margin: 0 auto;
        margin-bottom: 18px;
        padding: 0 16px;
    }

    .title-text h2 {
        font-size: 22px !important;
        line-height: 110%;
    }
    .align-left-mobile.title-text h2 {
        text-align: left !important;
    }
    .align-left-mobile.title-text p{
        margin: unset !important;
        text-align: left !important;
    }

    .title-text p {
        color: #74798A;
        line-height: 136%;
        font-size: 14px;
        padding-top: 6px;
        max-width: 75%;
        margin: 0 auto;

    }
}
.seo-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.rhDesignSection{
    padding: 0 20px;
}
.rhDesignContainer{
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
 .rhDesignWrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 .rhDesignContent{
    position: relative;
    width: 49.2%;
    height: 670px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 22px;
    
 }
 
/* .rhDesignContent::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66.87%, rgba(0, 0, 0, 0.5) 100%);
} */
 .design-card-anchor{
    display: none;
}
 .rhDesignContentImg{
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
     /* filter: blur(14px); */
 }
.rhDesignContent:hover .rhDesignContentImg{
    transform: scale(1.1);
}

 .rhDesignContent:hover .design-card-anchor{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
 }
 .design-card-anchor-img{
    width: 20px;
    height: 20px;
 }
 .design-card-title{
    position: absolute;
    bottom: 41px;   
    /* left: 50%;
    transform: translate(-50%, -50%); */
    font-family: Archivo, sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 130%;
    color: #FFFFFF;
    width: 100%;
    text-align: center;

 }
 .design-card-anchor-content{
    position: absolute;
    bottom: 11px;
    text-align: center;
    width: 100%;
     /* left: 50%;
    transform: translate(-50%, -50%); */

 }
 .design-card-anchor-txt{
    font-family: Archivo;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
 }
/* custom css for browse by space section  */
.browse-by-space .rhDesignContent{
max-height: 300px !important;
margin-bottom: 10px;
}
.browse-by-space .design-card-title{
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;
    font-family: Archivo;
    z-index: 11;
    margin-bottom: 0;
}
.browse-by-space .design-card-anchor-txt{
font-weight: 500;
}
.browse-by-space .rhDesignWrapper{
    column-gap: 12px !important;
    row-gap: 0;
    justify-content: center;
}
.browse-by-space .rhDesignContent::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.16%, rgba(0, 0, 0, 0.6) 100%);
     position: absolute;
         left: 0;
  bottom: 0;
}
.browse-by-space .design-card-anchor-content{
    z-index: 9;
}
 @media screen and (max-width:992px) {
    .rhDesignSection{
        padding: 0 16px;
    }
    .rhDesignContent{
        width: 100%;
        height: 345px;
        margin-bottom: 0;
    }
    .rhDesignWrapper{
        gap: 10px;
    }
    .design-card-title{
        font-family: Archivo;
        font-weight: 300;
        font-size: 28px;
        line-height: 130%;
        color: #FFFFFF;
        width: 100%;
        text-align: center;
        bottom: 24px;
        margin-bottom: 15px;
    }
    .rhDesignContent:hover .rhDesignContentImg {
        transform: none;
    }
    .rhDesignContent:hover .design-card-anchor {
        display: flex;
      
    }
    .design-card-anchor{
        display: flex;
          align-items: center;
        justify-content: center;
        gap: 3px;
    }
    .design-card-anchor-txt{
        font-size: 12px;
    }
    .design-card-anchor-content{
        bottom: 8px;
    }
    /* custom css for browse by space section  */
    .browse-by-space .rhDesignContent{
        height: 160px !important;
    }
    .browse-by-space .design-card-anchor-content{
    display: block;
    opacity: 0;
    height: 100%;
    width: 100%;
}
    .browse-by-space .design-card-anchor{
        height: 100%;
    }
.browse-by-space .design-card-title{
    font-size: 16px;
    font-weight: 500;
    line-height: 132%;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
}
.browse-by-space .design-card-title::after {
    content: '';
    position: relative;
    background-image: url(../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/design-section/design-arrow-right.png);
    width: 18px;
    height: 18px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    top: 4px;
    left: 4px;
}
 }
 
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/clientlibs/bhStudio/discoverProducts/css/discoverProducts.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* reset css start */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #FFFFFF;
  font-family: "Lato", sans-serif, sans-serif;
  position: relative;
}

ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

input {
  outline: 0;
  border: 0;
}

body,
html,
button,
input {
  line-height: normal;
}

button {
  border: 0;
  outline: 0;
  font-family: "Lato", sans-serif, sans-serif;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 1rem;
}

/* reset css end */
/* common css start */
.bh-studio-page-container {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  float: unset !important;
}

.container.responsivegrid.bh-studio-page-container {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  float: unset !important;
}

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dsp-inline {
  display: inline;
}

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

.dsp-block {
  display: block;
}

.dsp-none {
  display: none;
}

.dsp-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dsp-grid {
  display: grid;
}

.dsp-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.dsp-flex-just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.txt-center {
  text-align: center;
}

.just-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.img-wh {
  width: 100%;
  height: 100%;
}

.img-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.img-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.bh-btn-default {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  outline: 0;
  border: 0;
}

.body-no-scroll {
  overflow: hidden;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.bg-white {
  background-color: #FFFFFF;
}

.bh-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 998;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}

.bh-popup-overlay.active {
  visibility: visible;
  opacity: 1;
}

.visiblity-hdn {
  visibility: hidden;
}

.mt-40 {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .bh-studio-page-container {
    padding: 0 16px;
  }

  .container.responsivegrid.bh-studio-page-container {
    padding: 0 16px;
  }

  .mt-40 {
    margin-top: 16px;
  }
}
/* common css end */
.discoverProductsContainer {
  position: relative;
}
.discoverProductsContainer .discoverProductsWrapper {
  position: absolute;
  z-index: 2;
  top: 157px;
  left: 117px;
}
@media screen and (max-width: 768px) {
  .discoverProductsContainer .discoverProductsWrapper {
    top: 32px;
    left: 28px;
  }
}
.discoverProductsContainer .discoverProductsWrapper .discoverProductsTitle {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2.75rem;
  width: 563px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .discoverProductsContainer .discoverProductsWrapper .discoverProductsTitle {
    width: 281px;
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}
.discoverProductsContainer .discoverProductsWrapper .discoverProductsImgContent {
  width: 490px;
  height: 66px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .discoverProductsContainer .discoverProductsWrapper .discoverProductsImgContent {
    width: 282px;
    height: 38px;
  }
}
.discoverProductsContainer .discoverProductsBackgroundImgContainer {
  width: 100%;
  height: 440px;
  background-size: cover;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F1EDEA;
}
@media screen and (max-width: 768px) {
  .discoverProductsContainer .discoverProductsBackgroundImgContainer {
    display: none;
  }
}
.discoverProductsContainer .discoverProductsBackgroundImgContainerMob {
  display: none;
}
@media screen and (max-width: 768px) {
  .discoverProductsContainer .discoverProductsBackgroundImgContainerMob {
    height: 301px;
    display: block;
    width: 100%;
    background-size: cover;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F1EDEA;
  }
}

.container.responsivegrid.width-container-1360 {
    max-width: 1360px;
    margin: 0 auto;
}

.browse-by-rooms-main-wrapper h2 {
    font-family: "Playfair Display", serif !important;
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 32px;
    color: #232426;
}


.browse-by-rooms-teaser-wrapper .cmp-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 equal columns */
    grid-template-rows: auto;
    grid-template-areas:
        "living kitchen bedroom"
        "living office bedroom"
        "dining office bathroom";
    gap: 10px 12px;
}

.browse-by-rooms-teaser:nth-child(1) {
    grid-area: living;
}

.browse-by-rooms-teaser:nth-child(2) {
    grid-area: kitchen;
}

.browse-by-rooms-teaser:nth-child(3) {
    grid-area: bedroom;
}

.browse-by-rooms-teaser:nth-child(4) {
    grid-area: dining;
}

.browse-by-rooms-teaser:nth-child(5) {
    grid-area: office;
}

.browse-by-rooms-teaser:nth-child(6) {
    grid-area: bathroom;
}

.browse-by-rooms-teaser {
    position: relative;

}

.browse-by-rooms-teaser .cmp-teaser {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.browse-by-rooms-teaser .extended-teaser-img {
    position: relative;
}

.teaser.browse-by-rooms-teaser .extended-teaser-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 76.8%, rgba(0, 0, 0, 0.6) 100%);
}

.browse-by-rooms-teaser .cmp-teaser__description>p {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 10px;
    font-family: "Archivo", sans-serif, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.browse-by-rooms-teaser:hover .cmp-teaser__description>p {
    opacity: 1;
    visibility: visible;
}
.browse-by-rooms-teaser .cmp-teaser__description>p::after {
    content: '';
    position: absolute;
    background-image: url("../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/browse-by-room/browse-by-room-arrow.png");
    width: 16px;
    height: 16px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    margin-left: 3px;
}

.browse-by-rooms-teaser .extended-teaser-img img {
    width: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease-in-out;
}

.browse-by-rooms-teaser .cmp-teaser:hover .extended-teaser-img img {
    transform: scale(1.1);
}

.browse-by-rooms-teaser .cmp-teaser__action-link {
    position: absolute;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 20px;
    font-family: "Archivo", sans-serif, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 130%;
    color: #fff;
    /* letter-spacing: -2%; */
}

.teaser.browse-by-rooms-teaser.lving-Room .extended-teaser-img img {
    height: 586px;
}

.teaser.browse-by-rooms-teaser.kitchen-room .extended-teaser-img img {
    height: 446px;
}

.teaser.browse-by-rooms-teaser.Bedroom .extended-teaser-img img {
    height: 586px;
}

.teaser.browse-by-rooms-teaser.dinning-room .extended-teaser-img img {
    height: 306px;
}

.teaser.browse-by-rooms-teaser.home-Office .extended-teaser-img img {
    height: 446px;
}

.teaser.browse-by-rooms-teaser.Bathroom .extended-teaser-img img {
    height: 306px;
}

.teaser.browse-by-rooms-teaser .extended-teaser-img_mob{
    display: none   ;
}



@media (max-width: 767px) {

    .container.responsivegrid.width-container-1360 {
        max-width: 100%;
        margin: 0 20px;
    }

    .teaser.browse-by-rooms-teaser .extended-teaser-img_desk{
        display: none;
    }

    .teaser.browse-by-rooms-teaser .extended-teaser-img_mob{
        display: block;
    }

    .browse-by-rooms-teaser {
        width: 100%;
    }

    .browse-by-rooms-teaser-wrapper .cmp-container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "living kitchen"
            "living bedroom"
            "dining bedroom"
            "office bedroom"
            "office bathroom";
        gap: 10px 8px;
        justify-content: center;
    }

    .browse-by-rooms-main-wrapper h2 {
        font-size: 24px;
        line-height: 26px;
        letter-spacing: 0;
        text-align: center;
        color: #232426;
        margin-bottom: 20px;
    }

    .browse-by-rooms-teaser .extended-teaser-img_desk {
        width: 160px;
        height: 240px;
        opacity: 1;
        border-radius: 4px;
    }

    .browse-by-rooms-teaser .cmp-teaser__action-link {
        font-weight: 500;
        font-size: 12px;
        line-height: 21px;
        letter-spacing: 0;
        bottom: 0px;
        margin-bottom: 10px;
        width: 100%;
        min-height: 24px;
        padding: 6px 0;
        box-sizing: border-box;
        text-align: center;
        transform: unset;
        left: unset;
        display: flex;
        justify-content: center;
        gap: 3px;
        /* position: relative; */
    }

    .browse-by-rooms-teaser .cmp-teaser__action-link::after {
        content: '';
        /* position: absolute; */
        background-image: url("../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/browse-by-room/browse-by-room-arrow.png");
        width: 16px;
        height: 16px;
        object-fit: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
        margin-top: 3px;
    }

    .browse-by-rooms-teaser .cmp-teaser__description>p{
        display: none;
    }

    .teaser.browse-by-rooms-teaser.lving-Room .extended-teaser-img img {
        height: 240px;
    }

    .teaser.browse-by-rooms-teaser.kitchen-room .extended-teaser-img img {
        height: 180px;
    }

    .teaser.browse-by-rooms-teaser.Bedroom .extended-teaser-img img {
        height: 240px;
    }

    .teaser.browse-by-rooms-teaser.dinning-room .extended-teaser-img img {
        height: 140px;
    }

    .teaser.browse-by-rooms-teaser.home-Office .extended-teaser-img img {
        height: 240px;
    }

    .teaser.browse-by-rooms-teaser.Bathroom .extended-teaser-img img {
        height: 200px;
    }

    .browse-by-rooms-teaser .cmp-teaser__description p::after {
        /* content: '';
        position: absolute;
        background-image: url("../../../content/dam/asianpaintsbeautifulhomes/design-ideas-landing/browse-by-room/browse-by-room-arrow.png");
        top: 53%;
        right: 24px;
        transform: translateY(-50%); 
        width: 9px;
        height: 9px;
        transform: translateY(-50%) rotate(0deg); */
    }
}
.rhBlackFormSection{
    padding: 0 20px;
}
.rhBlackFormContainer{
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #232426;
    border-radius: 20px;
}
.rhBlackFormWrapper{
    max-width: 1092px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding:  45px 0 59px 0;
}   
.rhBlackFormTitle{
    font-family: 'Playfair Display';
    font-weight: 400;
    font-style: Regular;
    font-size: 44px;
    line-height: 117%;
    color: #FFFFFF;    
    margin-bottom: 10px;
}
.rhBlackFormSubTitle{
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.rhBlackFormContent{
    display: flex;
    width: 100%;
    gap: 20px;
    padding: 0 6px;
}
.rhBlackFrm__group{ 
    position: relative;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(1){
    width: 28.7%;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(2){
    width: 21%;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(3){
    width: 28.7%;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(4){
    width: 19.2%;
}
.rhBlackFrm__field-group{
    position: relative;
}
.rhBlackFrm__field{
    border: 1px solid #FFFFFF33;
    padding: 16px;
    border-radius: 6px;
    width: 100%;
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    background-color: transparent;
}
.rhBlackFrm__field:focus-visible{
    border: 1px solid #FFFFFF;
  outline: 1px solid transparent;

}

.rhBlackFrm__label{
    position: absolute;
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 10px;
    line-height: 14px;
    vertical-align: middle;
    background-color: #232426;
    color: #FFFFFF;
    top: -6px;
    left: 14px;
    display: none;
    z-index: 2;
    padding: 0 4px;
}
.rhBlackFrm__field:focus~.rhBlackFrm__label {
    display: block;
}

.rhBlackCountry{
    position: absolute;
    left: 17px;
    top: 13.5px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}
.rhBlackCountry::after {
    content: '';
    width: 1px;
    height: 24px;
    background-color: #FFFFFF;
    opacity: .2;
    display: inline-block;
    margin-left: 3px;
    /* border: 1px solid var(--Neutral-color-white, #FFFFFF) */
}
.rhBlackFrm__field-group input[type='tel'].rhBlackFrm__field {
    text-indent: 75px;
}
.rhBlackFrm__group:nth-child(2)::before{
    position: absolute;
    top: 21px;
    left: 16px;
    content: "";
    background-image: url('../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/black-form-revamp/india-flag.jpg');
    background-position: center;
    background-size: cover;
    width: 18px;
    height: 13px;
    display: none;
}
.rhBlackFrm__field-group .error {
    font-family: Archivo;
    font-weight: 500;
    font-size: 12px;
    line-height: 16.8px;
    color: #D81921;
    display: inline-block;
    visibility: hidden;
}
.rhBlackFrm__field{
    padding: 14px;
}
/* .rhBlackFrm .rhBlackFrm__field-group.invalid .rhBlackFrm__field{
  border: 1px solid #D81921;
}
.rhBlackFrm .rhBlackFrm__field-group.invalid .rhBlackFrm__field:focus-visible{
      border: 1px solid #D81921 ;
} */
 .rhBlackFrm .rhBlackFrm__field-group.invalid .rhBlackFrm__field:focus,
.rhBlackFrm .rhBlackFrm__field-group.invalid .rhBlackFrm__field:focus-visible {
    outline: none; 
    border: 1px solid #D81921 ;
    box-shadow: none; 
}
.rhBlackFrm .invalid label{
 color: #D81921;

}
.rhBlackFrm__field-group .error::before {
  content: '';
  display: inline-block;
  width: 13.5px;
  height: 13.5px;
  background-image: url('../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/black-form-revamp/error-icon.png');
  background-size: contain; 
  background-repeat: no-repeat;
  /* margin-right: 2px;  */
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 5px;
}
.rhBlackFrm__field-group.invalid .error {
    visibility: visible;
    padding-top: 4.5px;
    padding-bottom: 20px;
    padding-left: 16px;
    position: relative;
}
.whatsapp-checkbox-wrapper{
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 11px;
    margin-bottom: 11px;
}
.rhBlackFrm__field:-webkit-autofill,
.rhBlackFrm__field:-webkit-autofill:hover,
.rhBlackFrm__field:-webkit-autofill:focus,
.rhBlackFrm__field:-webkit-autofill:active {
    -webkit-text-fill-color: #FFFFFF !important;
    caret-color: #FFFFFF !important;
    background-color: transparent !important;
    background-clip: text !important;
    transition: background-color 9999s ease-in-out 0s !important;
  box-shadow: 0 0 0px 1000px #2b2f36 inset !important; /* match your .rhBlackFrm__field bg */
  -webkit-box-shadow: 0 0 0px 1000px #2b2f36 inset !important;
}
.whatsapp-checkbox {
    display: none;
}
.whatsapp-checkbox-label{
    width: 19px;
    height: 18px;
    border-radius: 6px;
}
.custom-check {
    width: 16px;
    height: 16px;
    border: .5px solid #FFFFFF33;
    border-radius: 4px;
    background-color: #232426;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.interior-solution-banner-form .whatsapp-checkbox:checked+.custom-check {
        background-image: url('../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/black-form-revamp/black-checkbox-image.svg');
}
.interior-solution-banner-form .custom-check {
    border: 1px solid;
}
.whatsapp-checkbox:checked+.custom-check {
    background-image: url('../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/black-form-revamp/grey-checkbox.svg');
    width: 16px;
    height: 15px;
    border: 0;
    z-index: 1;
    cursor: pointer;
    background-repeat: no-repeat;
}
.rh-checkbox-text{
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
}
.rh-desc-btn-wrapper{
    display: flex;
    /* align-items: end; */
    /* gap: 57px; */
    justify-content: space-between;
    position: relative;
}
.rh-desc-txt{
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 120%;
    color: #8C8E90;
    width: 75%;
    /* padding-bottom: 32px; */
    a{
        color: #fff;
        font-weight: 500;
        text-decoration: underline;
    }
}
.rh-btn-wrapper{
    display: flex;
    gap: 20px;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
}
.rh-form-clearbtn{
    font-family: Archivo;
    font-weight: 600;
    font-style: Bold;
    font-size: 16px;
    line-height: 24px;
    color: white;
    background-color: transparent;
    border: unset;
    cursor: pointer;
    display: none;
}
.rh-form-submitbtn {
    min-width: 110px;
    border-radius: 45px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 1) 0%,
         rgba(255, 255, 255, 1) 0%
       
    );
    color: #000000;
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    border: none; /* remove normal border */
    cursor: pointer;
    padding: 13px 27px;
    position: relative;
    z-index: 0;
}

.rh-form-submitbtn::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; /* 2px gradient border */
    border-radius: 45px;
    background: linear-gradient(
        0deg, /* reversed direction */
        rgba(226, 203, 255, 0.1),
        rgba(246, 237, 255, 1)
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    display: none;
}
.rh-thankyou-popup-container{
  position: relative;
}
.rh-thankyou-popup-img-wrapper{
  background-color: #FFFFFF;
}
.rh-thankyou-popup-img-desk{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.rh-thankyou-popup-img-mob{
  display: none;
}
.rh-thankyou-popup-content{
  position: absolute;
  top: 50%;
  left: 100px;
  display: flex;
  align-items: start;
  gap: 24px;
  flex-direction: column;
  transform: translateY(-52%);
}
.rh-thankyou-popup-title{
  font-family: "Playfair Display";
  font-weight: 500;
  font-size: 64px;
  line-height: 90%;
  color: #232426;
max-width: unset;
}
.rh-thankyou-popup-desc{
 font-family: Archivo;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #696969;
  max-width: unset;
}
/* revamp thank you end */
/* something went wrong start */
.somethingwentwrong-wrapper.rh-somethingwentwrong-wrapper{
    padding: 0;
    background-color: white;
    position: relative;
}
.something-went-wrong-img-desk{
        display: block;
}
.something-went-wrong-img-mob{
    display: none;
}
.rh-somethingwentwrong-wrapper .something-went-wrong-content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100px;
}
.rh-somethingwentwrong-wrapper .something-went-wrong-title{
     font-family: "Playfair Display", serif !important;
    font-weight: 500;
    font-size: 48px;
    line-height: 90%;
    color: #232426; 
    max-width: 670px;
    margin-bottom: 15px;
}
.rh-somethingwentwrong-wrapper .something-went-wrong-subtitle{
    font-family: Archivo;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #696969;
    max-width: 482px;
    margin-bottom: 25px;
}
.rh-somethingwentwrong-wrapper .somethingwentwrong-button{
  font-family: Archivo;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
    padding: 14px 38.5px;
  border-radius: 60px;
  min-width: unset;
  background: #202129;
  border: unset;
}
 #indianNum{
    max-width: 20px;
 }
/* something went wrong end */
@media screen and (max-width:992px) {
    .rhBlackFormSection{
        padding: 10px 16px;
    }
    #indianNum{
        display: none;
    }
    .rhBlackFormWrapper{
        padding: 30px 16px;
    }   
    .rhBlackFormTitle{
        font-weight: 400;
        font-size: 24px;
        line-height: 114%;
        margin-bottom: 22px;

    }
    .rhBlackFormSubTitle{
        display: none;
    }
    .rhBlackFormContent{
        flex-wrap: wrap;
        gap: unset;
    }
    .rhBlackFormContent .rhBlackFrm__group:nth-child(1){
    width: 100%;
    order: 1;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(2){
    width: 61%;
    order: 2;
    margin-right: 16px;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(3){
    width: 100%;
    order: 4;
}
.rhBlackFormContent .rhBlackFrm__group:nth-child(4){
    width: 33%;
    order: 3;
}
.rhBlackFrm__group:nth-child(2)::before{
    display: none;
}
.rhBlackFrm__field-group input[type='tel'].rhBlackFrm__field{
    text-indent: 50px;
}

.rhcountry-icon{
    width: 17px;
    display: none;
}
.rhBlackCountry{
    left: 16px;
}
.rhBlackFrm__field-group .error {
    font-size: 11px;
    line-height: 16.8px;
    visibility: hidden;
    padding: 4px 0;
    width: max-content;
}
.rhBlackFrm__field-group.invalid .error{
    padding-top: 3px;
    padding-bottom: 12px;
    padding-left: 14px;
    display: flex;
    width: 100%;
}
.rhBlackFrm__field-group .error::before{
    width: 12px;
    height: 12px;
}
.whatsapp-checkbox-wrapper{
    align-items: start;
    margin-top: 0;
}
.whatsapp-checkbox-label{
    width: 16px;
    height: 16px;
}
.custom-check{
    width: 16px;
    height: 16px;
}
.rh-checkbox-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
}
.rh-desc-btn-wrapper{
    flex-direction: column;
    gap: 11px;
    position: unset;
}
.rh-btn-wrapper{
    position: unset;
    justify-content: end;
    gap: 26px;
}
.rh-desc-txt{
font-weight: 400;
font-size: 12px;
line-height: 120%;
width: 100%;
}
.rh-form-clearbtn{
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
    display: none;
}
.rh-form-submitbtn{
    min-width: 125px;
    max-width: 125px;
    background: #fff;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;

}
   /* revamp thank popup start */
      .rh-thankyou-popup-img-desk{
        display: none;
     }
      .rh-thankyou-popup-img-mob{
        display: block;
        width: 100%;
        /* height: 100%; */
        height: 525px;
      }
      .rh-thankyou-popup-content{
    top: 86px;
    left: 43px;
    gap: 20px;
    flex-direction: column;
            padding-right: 26px;
        max-width: 253px;
        transform: unset;
}
      .rh-thankyou-popup-title{
        font-weight: 500;
        font-size: 34px;
        line-height: 100%;
        background-clip: text;
        color: #232426; 
        max-width: 260px;
}
.rh-thankyou-popup-desc{
  font-size: 12px;
  line-height: 130%;
  color: #696969;
  max-width: unset;
  font-weight: 400;
}
.rhBlackForm  .check-container .checkmark:after{
  width: 3px;
  height: 8px;
}
      /* revamp thank popup end */

      /* something went wrong start */
.somethingwentwrong-wrapper.rh-somethingwentwrong-wrapper{
    padding: 0;
    background-color: white;
}
.something-went-wrong-img-desk{
    /* position: relative; */
    display: none;
}
.something-went-wrong-img-mob{
    display: block;
    width: 100%;
    height: 525px;
}
.rh-somethingwentwrong-wrapper .something-went-wrong-content{
    position: absolute;
    top: 75px;
    left: 44px;
    transform: unset;

}
.rh-somethingwentwrong-wrapper .something-went-wrong-title{   
    font-size: 24px;
    line-height: 120%;
    max-width: 200px;
    margin-bottom: 12px;
    font-weight: 500;
}
.rh-somethingwentwrong-wrapper .something-went-wrong-subtitle{
    font-size: 12px;
    max-width: 237px;
    margin-bottom: 17px;
}
.rh-somethingwentwrong-wrapper .somethingwentwrong-button{
  max-height: 48px;
  font-size: 14px;
  max-width: 140px;
  padding: 15px 27px;
  min-width: 134px;
}
/* something went wrong end */
}

@media (min-width:1280px) and (max-width:1440px) {
    .rhBlackFormSection{
       padding: 0 40px;
    }
}
.sleek-black-form .rhBlackFrm__field:-webkit-autofill{
  -webkit-text-fill-color: #fff !important; /* white text */
  caret-color: #fff; /* cursor color */

  box-shadow: 0 0 0px 1000px #2b2f36 inset !important; /* match your .rhBlackFrm__field bg */
  -webkit-box-shadow: 0 0 0px 1000px #2b2f36 inset !important;
  border-radius: 6px;
}
.kitchen-landing .rhBlackFormTitle {
       font-family: "Playfair Display" !important;
}

.rhLuxeContainer{
    /* position: relative; */
}
.rhLuxeContent{
    width: 100%;
    height: 600px;
    position: relative;
    margin-top: 12px;
}
.rhLuxeContent--clickable{
    cursor: pointer;
}
.rhLuxeImageWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rhLuxeImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    /* object-fit: cover; */
    display: block;
}
.rhLuxeImg.active {
    opacity: 1;
    z-index: 1;
}
.rhLuxeImgMob {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.rhLuxeImgMob.active {
  opacity: 1;
  z-index: 1;
}
.rhLuxeVideo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  display: block;
}
.rhLuxeVideo.active{
  opacity: 1;
  z-index: 1;
}
.rhLuxeVideoMob{
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.rhLuxeVideoMob.active{
  opacity: 1;
  z-index: 1;
}
.rhLuxeLogoImg{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 181px;
    height: 130px;
    object-fit: contain;
    z-index: 2;
    display: none;
}
.rhLuxeOverlayText{
    position: absolute;
    z-index: 9;
    left: 40px;
    bottom: 19px;
    color: #FFFFFF;
    font-family: Archivo;
    font-weight: 300;
    font-size: 28px;
    line-height: 120%;
    display: none;
}
.rhLuxeOverlayText p{
    margin: 0;
    color: #FFFFFF !important;
    font-family: Archivo;
    font-weight: 300;
    font-size: 28px;

    @media screen and (max-width:767px){
      font-family: Archivo;
      margin-left: 7px;
      text-align: left;
      font-size: 13px !important;
      font-weight: 500 !important;
      line-height: 120%;

     }
}
.homepage-revamp-v2-luxe{
  .overlay-icon-container{
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 9;
    left: 40px;
    bottom: 19px;
    gap: 10px;
    @media screen and (max-width:767px){
      left: 10px;
      bottom: 20px;
      /* transform: translateX(-50%); */
    }
  }
  .rhLuxeOverlayText{
  
      color: #FFFFFF;
      font-family: Archivo;
      font-weight: 300;
      font-size: 28px;
      line-height: 120%;
      display: none;
      position: unset !important;
      p{
        font-family: Archivo;
        font-weight: 300;
        font-size: 28px;
      }
      @media screen and (max-width:767px){
        text-align: left;
        font-size: 13px !important;
        font-weight: 500 !important;
        p{
        text-align: center;
        font-size: 13px !important;
        font-weight: 500 !important;
        }
      }
  }
  .rhLuxeOverlayTextIcon{
      width: 202px;
      object-fit: contain;
      display: none;
      @media screen and (max-width:767px){
        width: 150px;
      }

  }
  .rhLuxeOverlayTextIcon.active{
      display: block;
  }
  .luxelogoimgcontainer{
    position: absolute;
    top: 22px;
    z-index: 10;
    display: flex;
    justify-content: end;
    width: 100%;
    align-items: flex-start;
    padding: 0 20px;
      @media screen and (max-width:767px){
        gap: 10px;
        flex-direction: row-reverse;
        padding: 0 15px;
      }
    .rhLuxeLogoImg{
      position: unset !important;
      top: 20px;
      right: 20px;
      width: 181px;
      height: unset !important;
      object-fit: contain;
      z-index: 2;
      @media screen and (max-width:767px){
        width: 176px;
      }
    }
    .rhLuxeLogoImgleft{
      width: 181px;
      object-fit: contain;
      display: none;
      @media screen and (max-width:767px){
        width: 100px;
      }
    }
    .rhLuxeLogoImgleft.active{
      display: block;
    }
  }
  .luxelogoimgcontainer:has(> img:nth-of-type(2)) {
    justify-content: space-between;
  }
}
.rhLuxeLogoImg.active,
.rhLuxeOverlayText.active{
    display: block;
}
.rhLuxeAnchorImg{
    width: 61px;
    height: 61px;
}
.rhLuxeAnchorContent{
    background-color: #FFFFFF;
    padding: 12px 16px 12px 22px;
    border-top-left-radius: 24px;
    /* width: 285px; */
    position: absolute;
    /* position: fixed; */
    bottom: -1px;
    right: 0; 
    z-index: 1000;
}
.remove-anchor-tag .rhLuxeAnchorContent{
  display: none;
}
.rhLuxeAnchor{
    display: flex;
    align-items: center;
    gap: 30px;
    color: #202129;
}
.rhLuxeAnchorTxt{
    font-family: Archivo;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    color: #202129;
}
.rhLuxeAnchorContent::before{
     content: "";
    display: inline-block;
    width: 50px;
    height: 30px;
    background-image: url('../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/luxe-section/luxe-left-bottom-curv.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 87.50%; 
}
.rhLuxeAnchorContent::after{
     content: "";
    display: inline-block;
    width: 47px;
    height: 27px;
    background-image: url('../../../content/dam/asianpaintsbeautifulhomes/bh-new-home-page-revamp/luxe-section/luxe-right-top-curv.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 98%;
    right: 0; 
}
.rhLuxeAnchorContentMob{
    display: none;
}
.rhLuxeDesc{
    font-family: Archivo;
    font-weight: 400;
    font-size: 24px;
    line-height: 144%;
    text-align: center;
    color: #696F75;
    /* margin-top: 60px; */
     max-width: 511px;
     margin: 60px auto 0;
}
@media screen and (max-width:992px) {
  .rhLuxeSection{
    /* margin-bottom: 40px; */
  }
    .rhLuxeContent{
        height: 470px;
    }
    .rhLuxeAnchorContent {
    /* position: relative;
    width: 100%;
    border-radius: 0;
    border-top-left-radius: 24px;
    padding: 12px 16px 12px 22px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box; */
    display: none;
  }
 .rhLuxeImg {
    display: none;
  }
  .rhLuxeVideo{
    display: none;
  }

  .rhLuxeImgMob {
    display: block;
  }
  .rhLuxeVideoMob{
    display: block;
  }
  
  /* .rhLuxeAnchor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
  } */
  .rhLuxeAnchorContent::before,
  .rhLuxeAnchorContent::after {
    display: none; 
  }
  .rhLuxeLogoImg{
    top: 16px;
    right: 10px;
    width: 111px;
    height: 80px;
  }
  .rhLuxeOverlayText{
    left: 12px;
    bottom: 18px;
    font-family: Archivo;
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    max-width: 260px;
  }
  .rhLuxeAnchorContentMob{
    display: block;
    width: 100%;
    padding: 9px 16px 0 16px;
  }

  .rhLuxeAnchorMob{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .rhLuxeAnchorTxtMob{
    font-family: Archivo;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 132% !important;
    color: #333642 !important;
  }
  .rhLuxeAnchorImgMob{
    width: 61px;
    height: 48px;
  }
  .rhLuxeDesc{
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* margin-top: 40px; */
    /* padding: 0 14px; */
    max-width: 290px;
    margin: 40px auto 0;
  }
}
.remove-anchor-tag .rhLuxeAnchorMob{
    display: none;
  }
@media (min-width:1200px) and (max-width:1440px) {
  .rhLuxeContent{
    max-height: 572px;
    height: 88vh;
  }
}
@media (max-width: 767px){
  .rhLuxeOverlayText p{
    text-align: left !important;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

.shop-smartly-container {
  max-width: 1360px;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto
}

.shop-smartly-container .calculator-teaser {
  max-width: 361px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center
}

.shop-smartly-container .cmp-teaser {
  border-radius: 10px;
  padding: 75px 37px 40px 37px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex-direction: column-reverse;
  flex: 1;
  height: 100%;
  justify-content: center
}

.shop-smartly-container .cmp-teaser__pretitle {
  font-family: "Archivo",sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .2px;
  margin-bottom: 20px;
  color: #232426;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto
}

.shop-smartly-container .cmp-teaser__pretitle span {
  font-family: Archivo;
  font-weight: 500;
  font-size: 14px;
  line-height: 132%;
  color: #000
}

.shop-smartly-container .cmp-teaser__image {
  position: relative;
  margin-bottom: 16px
}
#shop-smartly-container-revamp .shop-smartly-container .cmp-teaser__image {
  position: unset;
}
#shop-smartly-container-revamp .shop-smartly-container .nested-img-wrapper {
  display: none;
}
.shop-smartly-container .cmp-teaser__image .cmp-image {
  width: 251px;
  height: 251px;
  border-radius: 50%
}

.shop-smartly-container .cmp-image .cmp-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%
}
#shop-smartly-container-revamp .shop-smartly-container .cmp-image .cmp-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
  left: 0;
  top: 0;
}


.shop-smartly-container .cmp-teaser__image .nested-img-wrapper {
  width: 64px;
  height: 118px;
  position: absolute;
  left: -14px;
  bottom: 0
}

.shop-smartly-container .nested-img-wrapper .cmp-image__image {
  width: 100%;
  height: auto;
  border-radius: 0
}

.shop-smartly-container .cmp-teaser__title {
  font-family: "Archivo",sans-serif !important;
  font-weight: 500;
  /* font-size: 33px; */
  font-size: 30px;
  line-height: 100%;
  color: #232426;
  margin-bottom: 21px
}

.shop-smartly-container .cmp-teaser__action-container {
  max-width: 168px;
  width: 100%;
  border-radius: 60px;
  box-shadow: 0 9px 14px -2px #00000024;
  background: transparent;
  margin: auto;
  position: relative;
}

.shop-smartly-container .cmp-teaser__action-container::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* 2px border */
  border-radius: 60px;
  background: linear-gradient(
    180deg,
    rgba(246, 237, 255, 1),
    rgba(226, 203, 255, 0.1)
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.shop-smartly-container .cmp-teaser__action-container a {
  padding: 16px;
  display: block;
  font-family: "Archivo",sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 132%;
  color: #000;
  text-decoration: none;
  position:relative;
  z-index: 9;
}

.shop-smartly-container .calculator-teaser.swiper-slide-active .cmp-teaser__pretitle,
.shop-smartly-container .calculator-teaser.swiper-slide-active .cmp-teaser__title,
.shop-smartly-container .calculator-teaser.swiper-slide-active .cmp-teaser__action-container,
.shop-smartly-container .calculator-teaser.swiper-slide-active .nested-img-wrapper {
  display: block;
  opacity: 1;
  animation: fadeInScale .2s ease forwards
}

.shop-smartly-container .calculator-teaser.swiper-slide-visible.swiper-slide-active {
  height: 540px;
  max-width: 361px;
  filter: none
}

.shop-smartly-container .calculator-teaser.swiper-slide-visible {
  height: 540px;
  max-width: 315px;
  filter: blur(1px)
}

.shop-smartly-container .calculator-teaser.swiper-slide-visible .cmp-image__image{
  filter: brightness(0.7) blur(2px);
}
.shop-smartly-container .calculator-teaser.swiper-slide-visible.swiper-slide-active .cmp-image__image{
  filter: none;
}

.shop-smartly-container .swiper-button-prev,
.shop-smartly-container .swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  position: absolute;
  margin: auto;
  border: 1px solid #222;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  bottom: -60px;
  top: auto;
  transform: translateY(0);
  display: none !important
}

.shop-smartly-container .custom-swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 18px
}

.shop-smartly-container .custom-prev-btn,
.shop-smartly-container .custom-next-btn {
  width: 64px;
  height: 64px;
  cursor: pointer
}

.shop-smartly-container .swiper-button-prev::after,
.shop-smartly-container .swiper-button-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border: solid #222;
  border-width: 1px 1px 0 0
}

.shop-smartly-container .swiper-button-prev::after {
  margin-left: 3px;
  transform: rotate(-135deg)
}

.shop-smartly-container .swiper-button-next::after {
  margin-right: 3px;
  transform: rotate(45deg)
}

.shop-smartly-container .swiper-button-disabled {
  pointer-events: none;
  opacity: .5
}

.shop-smartly-container .swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  opacity: 1;
  border-radius: 8px;
  background-color: #00000026
}

.shop-smartly-container .swiper-pagination-bullet-active {
  width: 40px;
  height: 3px;
  opacity: 1;
  border-radius: 2px;
  background-color: #000
}

.shop-smartly-container .calculater-container .calculater-container-heading {
  font-family: "Playfair Display", serif !important;
    font-weight: 400;
  font-size: 30px;
  line-height: 101%;
  text-align: center;
  color: #232426;
}

.shop-smartly-container .calculater-container .calculater-container-subheading {
  font-family: Archivo;
  font-weight: 300;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  margin-top: 15px;
  color: rgba(77, 77, 77, 1);
  margin-bottom: 30px;
}

.shop-smartly-container .calculator-banner-swiper .cmp-teaser__pretitle,
.shop-smartly-container .calculator-banner-swiper .cmp-teaser__title,
.shop-smartly-container .calculator-banner-swiper .cmp-teaser__action-container,
.shop-smartly-container .calculator-banner-swiper .nested-img-wrapper {
  opacity: 0;
  transition: none
}

.shop-smartly-container .calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .cmp-teaser__pretitle,
.shop-smartly-container .calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .cmp-teaser__title,
.shop-smartly-container .calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .cmp-teaser__action-container,
.shop-smartly-container .calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .nested-img-wrapper {
  animation: fadeInScale .2s ease forwards
}

@keyframes fadeInScale {
  from {
      opacity: 0;
      transform: scale(0.98)
  }

  to {
      opacity: 1;
      transform: scale(1)
  }
}
 .calculator-banner-swiper {
    max-width: 1360px;
    width: 100%;
    /* height: 400px; */
    margin: auto;

  }
  .calculator-banner-swiper.swiper-3d {
    perspective: 1360px !important;
  }
  
.shop-smartly-container .calculator-teaser.swiper-slide-visible:not(.swiper-slide-active) .cmp-teaser__content {
  display: none;
}
#shop-smartly-container-revamp{
  @media screen and (max-width:767px){
    padding-bottom: 20px;
  }
  .cmp-teaser{
      position: relative !important;
      padding: 0 10px !important;
      justify-content: flex-start !important;
      padding-bottom: 60px !important;
          @media screen and (max-width:767px){
            padding: 0 25px !important;
              padding-bottom: 30px !important;
          }  
  } 
  .cmp-teaser__action-container{
    .cmp-teaser__action-link{
      box-shadow: 0px 9px 14px -2px #00000024;
      background: rgba(255, 255, 255, 0.8);
      backdrop-filter: blur(50px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 60px !important;
      font-size: 16px !important;
      font-weight: 500;
      @media screen and (max-width:767px){
        font-size: 14px !important;
      }
    }
  }
  .cmp-teaser__content{
      position: relative !important;
      z-index: 2 !important;
      .cmp-teaser__title{
        color: #fff !important;
            @media screen and (max-width:767px){
              font-size: 20px;
              font-weight: 400;
          }
      }
  }

}
@media(max-width: 767px) {
  .shop-smartly-container .calculator-teaser {
      max-width: calc(100% - 120px);
      width: calc(100% - 120px);
      margin-top: 40px
  }

  .shop-smartly-container .cmp-teaser {
      padding: 60px 32px 30px 32px;
      min-height: 380px;
      max-height: 380px;
  }

  .shop-smartly-container .cmp-teaser__image {
      margin-bottom: 25px
  }

  .shop-smartly-container .cmp-teaser__pretitle {
      font-size: 12px;
      margin-bottom: 15px
  }

  .shop-smartly-container .cmp-teaser__image .cmp-image {
      width: 140px;
      height: 140px
  }

  .shop-smartly-container .cmp-teaser__image .nested-img-wrapper {
      width: 35px;
      height: 65px;
      left: -6px;
      bottom: -2px
  }

  .shop-smartly-container .cmp-teaser__title {
      font-size: 20px;
      margin-bottom: 22px;
      font-weight: 400;
      font-family: "Archivo",sans-serif !important;
  }

  .shop-smartly-container .cmp-teaser__action-container {
      max-width: 158px
  }

  .shop-smartly-container .cmp-teaser__action-container a {
      font-size: 14px;
      padding: 17px 33px;
      min-width: 158px
  }

  .shop-smartly-container .swiper-button-prev,
  .shop-smartly-container .swiper-button-next {
      display: none
  }

  .shop-smartly-container .calculator-teaser.swiper-slide-active {
      margin-top: 10px
  }

  /* Override desktop 3D-style sizing/blur so mobile cards look flat */
  .shop-smartly-container .calculator-teaser.swiper-slide-visible,
  .shop-smartly-container .calculator-teaser.swiper-slide-visible.swiper-slide-active {
      height: auto;
      max-width: calc(100% - 120px);
      width: calc(100% - 120px);
      filter: none;
  }



  .shop-smartly-container .swiper-horizontal>.swiper-pagination-bullets {
      bottom: 0px;
  }

  .shop-smartly-container .calculater-container .calculater-container-heading {
      font-size: 24px;
      font-weight: 400;
      color: #232426;
  }

  .shop-smartly-container .calculater-container .calculater-container-subheading {
      font-weight: 400;
      font-size: 14px;
      line-height: 120%;
      text-align: center;
      margin-bottom:  10px;
      margin-top: 9px;
      color: #696f75
  }

  .shop-smartly-container .calculator-banner-swiper .cmp-teaser__pretitle,
  .shop-smartly-container .calculator-banner-swiper .cmp-teaser__title,
  .shop-smartly-container .calculator-banner-swiper .cmp-teaser__action-container {
      opacity: 0
  }

  .shop-smartly-container .calculator-teaser.swiper-slide-active .cmp-teaser__pretitle,
  .shop-smartly-container .calculator-teaser.swiper-slide-active .cmp-teaser__title,
  .shop-smartly-container .calculator-teaser.swiper-slide-active .cmp-teaser__action-container {
      opacity: 1
  }

  .shop-smartly-container .custom-swiper-nav {
      display: none
  }
  .shop-smartly-container .cmp-teaser__pretitle span{
      font-weight: 500;
      font-size: 12px;
      line-height: 132%;

  }
  .calculator-banner-swiper {
    width: 100%;
    /* height: 400px; */
    margin: auto;
  }
  .calculator-banner-swiper.swiper-3d {
    perspective: none !important;
  }
}

@media (min-width:1200px) and (max-width: 1366px) {
   .shop-smartly-container .calculator-teaser.swiper-slide-visible, .shop-smartly-container .calculator-teaser.swiper-slide-visible.swiper-slide-active  {
    height: 440px;
   }

   .shop-smartly-container .calculator-teaser.swiper-slide-visible, .shop-smartly-container .calculator-teaser.swiper-slide-visible{
    height: 440px;
   }
}

@media (min-width: 1280px) and (max-width: 1339px) {
  .calculator-banner-swiper{
    max-width: 1200px;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {

  .shop-smartly-container .nested-img-wrapper .cmp-image__image{
    width: 50%;
  }
  .shop-smartly-container .cmp-teaser {
    padding: 21px 20px 17px 20px;
    height: 100%;
    min-height: 450px;
  }

  .shop-smartly-container .custom-swiper-nav{
    margin-top: 20px;
  }

  .shop-smartly-container .calculater-container .calculater-container-subheading{
    margin-top: 10px;
  }

   .shop-smartly-container .cmp-teaser__image .cmp-image {
        width: 175px;
        height: 175px;
  }

  .shop-smartly-container .cmp-teaser__image .nested-img-wrapper{
    width: 64px !important;
    height: 60px !important;
}
.calculator-banner-swiper.swiper-3d{
  max-width: 1300px;
}
}
.btn-remove .shop-smartly-container .cmp-teaser__title {
  font-size: 20px;
  position: relative;
  top: 50px;
  padding: 0 10px;
  line-height: 120%;

}

.designStoriesBlogsSection{
    /* max-width: 1400px; */
    width: 100%;
    /* box-sizing: border-box; */
    padding: 0 3px 0 37px;
}
.designStoriesBlogsContainer{
    display: flex;
    /* align-items: center; */
    width: 100%;
    gap: 90px;
}
.designStoriesBlogsLeft{
    width: 24%;
    padding-left: 64px;
}
.designStoriesBlogsRight{
    width: 69%;
}
.designStoriesBlogsLeftTitle{
    font-family: "Playfair Display", serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 42px;
    line-height: 101%;
    color: #232426;
    margin-bottom: 20px;
    margin-top: 100px;
    max-width: 300px;
}
.designStoriesBlogsLeftSubTitle{
    font-family: Archivo;
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    line-height: 100%;
    color: #232426;
    margin-bottom: 47px;
}
.designStoriesBlogsViewAll{
     /* padding: 15px 40px;
    border-radius: 40px;
    border: 1px solid #000; */
    /* max-width: 180px;
    width: 100%; */
}
.designStoriesBlogsViewAllLink{
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #000000;
    padding: 15px 40px;
    border-radius: 40px;
    border: 1px solid #75787B;
    display: inline-block;
    transition: all 0.3s ease-in;
}

.designStoriesBlogsViewAllLink:hover{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}
.designStoriesBlogsViewAllContentMob{
    display: none;
}
.storyBlogsCard{
    padding: 67px 20px 20px 20px;
    background-color: #FAFAFA;
    border-radius: 12px;
    border: 1px solid var(--Neutrals-100, #EDEDED);
}
.storyBlogsDate{
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    line-height: 132%;
    color: #232426;
    margin-bottom: 12px;
}
.storyBlogsTitle{
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 132%;
    color: #202129;
    margin-bottom: 12px;
    min-height: 80px;
     display: -webkit-box;
  -webkit-line-clamp: 3; /* Show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.storyBlogsLink{
    font-family: Archivo;
    font-weight: 700;
    font-style: Bold;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 40px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.storyBlogsLinkImg{
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(0);
}
.storyBlogsImg{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.designStoriesBlogsRightContent.slick-slider {
        margin:0 -10px;
    }
    .designStoriesBlogsRightContent .storyBlogsCard.slick-slide {
        margin: 0 10px;
    }
.designStoriesBlogsRightContent .slick-prev,
.designStoriesBlogsRightContent .slick-next {
    display: none !important;
}

.designStoriesBlogsRight .slick-dots{
    @media (max-width:768px) {
        margin-top: 20px;
        position: static;
        
    }
}
.stories-custom-arrows {
    display: flex;
    justify-content: end;
    gap: 20px;
    margin-top: 20px;
    margin-right: 39px;
}

.stories-custom-prev,
.stories-custom-next {
    cursor: pointer;
    width: 64px;
    height: 64px;
}
.stories-custom-prev.disabled,
.stories-custom-next.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    /* pointer-events: none; */
}

@media screen and (max-width:992px) {
    .designStoriesBlogsSection{
        padding: 0;
    }
    .designStoriesBlogsContainer{
        flex-direction: column;
        gap: 20px;
    }
    .designStoriesBlogsLeft{
        width: 100%;
        padding: 0;
    }
    .designStoriesBlogsRight{
        width: 100%;
    }
    .designStoriesBlogsLeftTitle{
        font-weight: 400;
        font-size: 22px;
        line-height: 101%;
        text-align: center;
        margin-bottom: 8px;
        margin-top: 0;
        max-width: unset;
    }
    .designStoriesBlogsLeftSubTitle{
        font-weight: 300;
        font-style: Regular;
        font-size: 14px;
        line-height: 136%;
        text-align: center;
        color: #232426;
        margin-bottom: 0;
    }
    .designStoriesBlogsViewAll{
        display: none;
    }
    .designStoriesBlogsViewAllContentMob{
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
    }
    .designStoriesBlogsViewAllMob{
     /* padding: 15px 40px;
    border-radius: 40px;
    border: 1px solid #000;
    min-width: 180px; */
    /* width: 100%; */
}
.designStoriesBlogsViewAllLinkMob{
     padding: 15px 41px;
    border-radius: 40px;
    border: 1px solid #000000;
    display: inline-block;
    font-family: Archivo;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #000000;
}
/* .designStoriesBlogsViewAllLink{
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #000;
   
} */
    .storyBlogsCard{
        padding: 97px 20px 20px 20px;
        /* width: 100%;
        max-width: 300px;
        margin: 0 auto; 
        box-sizing: border-box; */

    }
    .designStoriesBlogsSlider {
    width: 100%;
    touch-action: pan-y;
}
    .designStoriesBlogsSlider .slick-list,
    .designStoriesBlogsSlider .slick-track {
        touch-action: pan-y;
    }
    /* .designStoriesBlogsSlider {
        width: 100%;
    }
    .storyBlogsImg {
    width: 100%;
    height: 200px;
    display: block;
    border-radius: 8px;
    } */
   .stories-custom-arrows{
    display: none;
   }
   .designStoriesBlogsRightContent.slick-slider {
        margin:0 -5px;
    }
    .designStoriesBlogsRightContent .storyBlogsCard.slick-slide {
        margin: 0 5px;
    }
   .designStoriesBlogsRightContent .slick-dots li{
    position: relative;
    display: inline-block;
    height: 2px;
    /* width: 8px; */
    border-radius: 50px;
    padding: 0;
    background-color: #00000026;
    margin: 0 2.5px;
    width: 35px;
   }

.designStoriesBlogsRightContent .slick-dots li.slick-active {
    background-color: #000000;
}
.designStoriesBlogsRightContent .slick-dots li button:before{
    display: none;
}
.designStoriesBlogsRightContent .slick-dots li button{
    display: none;
}
}
@media (min-width: 1024px) and (max-height: 600px) {

    .storyBlogsLink{
        margin-bottom: 16px;
    }
}

.rhDiscoverStoreSection{
    padding: 0 20px;
    /* margin-bottom: 120px; */
}
.rhDiscoverStoreContainer{
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    max-height: 80vh;
}
.rhDiscoverStoreVideoContainer{
    width: 100%;
    height: 613px;
    max-height: 80vh;
}
.rhDiscoverStoreVideo{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;

}
.rhDiscoverStoreImgContainer{
    width: 100%;
    height: 613px;
    max-height: 80vh;
}
.rhDiscoverStoreImg{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    max-height: 80vh;
}
.rhDiscoverStoreContent{
        position: absolute;
        top: 50%;
        bottom: unset;
        left: 50%;
        padding-left: unset;
        transform: translate(-50%,-50%);
        z-index: 2;
        width: 70%;
        @media screen and (max-width:767px){
            width: 95%;
        }
}
.rhDiscoverStoreContainerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    border-radius: 20px;
    display: flex;
    align-items: flex-end; 
    /* padding: 0 0 73px 64px;  */
    box-sizing: border-box;
}
/* 
.rhDiscoverStoreContent {
    position: relative;
    z-index: 2;
} */
.rhDiscoverStoreContentTitle{
    font-family: "Playfair Display", serif !important;
    font-weight: 600;
    font-style: Bold;
    font-size: 38px;
    line-height: 110.00000000000001%;
    color: #FFFFFF;
    margin-bottom: 8px;
    text-align: center;
    width: 100%;
    max-width: unset;
    font-style: italic;
    font-weight: 500;
    font-size: 42px;
    @media screen and (max-widhth:767px){
        font-size: 28px;
    }
}
.rhDiscoverStoreContentSubTitle{
    font-family: Archivo;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 22px;
    text-align: center;
    width: 63%;
}
.rhDiscoverStoreBtnWrapper{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.findStoreBtn{
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #202129;
    padding: 14px 24px;
    border-radius: 119px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    min-width: 133px;
      box-shadow: 0 0 0 2px #ffffff;
    /* width: 100%; */
}
.discoverStoreBookConsultationBtn{
    font-family: Archivo;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #ffffff;
    background-color: transparent;
    padding: 14px 24px;
    border-radius: 119px;
    border: 1px solid transparent;    
    min-width: 182px;
    cursor: pointer;
    backdrop-filter: blur(9px);
    box-shadow: 0 0 0 2px #ffffff;
    /* width: 100%;    */
}

/* Desktop / Mobile asset switching */
.rhDiscoverStore--mobile { display: none; }

@media screen and (max-width: 768px) {
    .rhDiscoverStore--desktop { display: none; }
    .rhDiscoverStore--mobile { display: block; }
}

/* Multi Image Carousel Layout */
.rhDiscoverStoreCarouselContainer {
    width: 100%;
    height: 613px;
    max-height: 80vh;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}
.rhDiscoverStoreCarouselTrack {
    display: flex;
    height: 100%;
    will-change: transform;
}
.rhDiscoverStoreCarouselSlide {
    min-width: 100%;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    overflow: hidden;
}
.rhDiscoverStoreCarouselImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 20px; */
    /* max-height: 80vh; */
}

@media screen and (max-width:768px) {
    .rhDiscoverStoreSection{
        padding: 0;
        /* margin-bottom: 0; */
        border-radius: 12px;
    }
    .rhDiscoverStoreVideoContainer{
        height: 640px;
    }
    .rhDiscoverStoreImgContainer{
    height: 640px;
}
    .rhDiscoverStoreCarouselContainer{
        height: 640px;
    }
.rhDiscoverStoreImg{
    border-radius: 12px;
    object-fit: cover;
}
.rhDiscoverStoreVideo{
    border-radius: 12px;
}
.rhDiscoverStoreContentTitle{
    font-size: 28px;
    line-height: 110.00000000000001%;
    color: #F2F3F5;
    font-weight: 500;
}
.rhDiscoverStoreContentSubTitle{
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 120%;
    color: #F2F3F5;
    width: 90%;
}
.rhDiscoverStoreBtnWrapper{
    gap: 12px;
}
.findStoreBtn{
    font-size: 12px;
    line-height: 150%;
    color: #202129;
    padding: 14px 20px;
    border-radius: 63px;
    min-width: 114px;
    box-shadow: 0 0 0 1px #ffffff;
}
.discoverStoreBookConsultationBtn{
    font-size: 12px;
    line-height: 150%;
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 63px;
    min-width: 157px;
    box-shadow: 0 0 0 1px #ffffff;
}
.rhDiscoverStoreContainerOverlay{
    border-radius: 12px;

}
.discover-in-store{
    padding: 0 16px;
    border-radius: 12px;
}
}  



@media (min-width: 1280px) and (max-width: 1360px) {
    .rhDiscoverStoreContainer{
    max-height: 560px;
}
.rhDiscoverStoreVideoContainer{
    height: 560px;
    max-height: 560px;
}
.rhDiscoverStoreCarouselContainer{
    height: 560px;
    max-height: 560px;
}
}
@media (min-width: 1360px) and (max-width: 1439px){
    .rhDiscoverStoreContainer{
    max-height: 615px;
}
.rhDiscoverStoreVideoContainer{
    height: 615px;
    max-height: 615px;
}
.rhDiscoverStoreCarouselContainer{
    height: 615px;
    max-height: 615px;
}
} 
.ic {
  margin-top: 30px
}

.ic__details {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center
}
.ic__details-copy.paragraph h2{
  font-size: 24px;
  font-weight: 500 !important;
  color: #323232;
  font-family: "Playfair Display", serif !important;
  margin-bottom: 15px;
}
.ic__details-copy b{
  color: #323232;
    font-size: 20px !important;
    font-weight: 400 !important;
    display: block;
}
.ic__details-copy table{
margin-top: 10px;
color: #585858;
}
.ic__details-copy ul>li>b{
margin-top: 10px;
font-size: 16px !important;
font-weight: 500 !important;
@media screen and (max-width:767px){
  font-size: 16px;
}
}
.ic__details-copy p>b{
margin-bottom: 10px;
font-family: "Playfair Display", serif !important;
display: inline;
font-weight: 500 !important;
}
.ic__details-copy h4{
font-family: "Playfair Display", serif !important;
font-size: 20px;
font-weight: 400;
color: #323232;
margin-bottom: 5px !important;
@media screen and (max-width:767px){
  font-size: 18px !important;
  font-weight: 500;
}
}
.ic__details-copy ul li ul li{
  @media screen and (max-width:767px){
    font-size: 12px !important;
  }

}
.ic__details-copy.paragraph h1{
   font-family: "Playfair Display", serif !important;
}
.sleek-kitchen-legacy.ic__details-copy.paragraph h1 , .sleek-kitchen-legacy.ic__details-copy.paragraph h2 , .sleek-kitchen-legacy.ic__details-copy.paragraph h3 , .sleek-kitchen-legacy.ic__details-copy.paragraph h4 , .sleek-kitchen-legacy.ic__details-copy.paragraph h5 , .sleek-kitchen-legacy.ic__details-copy.paragraph h6 {
  font-family: BioRhyme;
  font-size: 42px;
  font-weight: 700;
  line-height: 49px;
  color: #323232;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12{
  float: unset;
  width: unset;
}
@media (max-width:575.98px) {
  .ic__details {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.ic__details-copy {
  padding-bottom: 30px;
}
.sleek-kitchen-legacy.ic__details-copy{
  padding-top: 30px;
}
.commom-pt.sleek-kitchen-legacy.ic__details-copy{
  padding-top: 0;
}
@media (max-width:575.98px) {
  .ic__details-copy {
      padding-bottom: 30px;
  }
  .ic__details-copy.paragraph h2{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
  
  }
  .sleek-kitchen-legacy.ic__details-copy.paragraph h1 , .sleek-kitchen-legacy.ic__details-copy.paragraph h2 , .sleek-kitchen-legacy.ic__details-copy.paragraph h3 , .sleek-kitchen-legacy.ic__details-copy.paragraph h4 , .sleek-kitchen-legacy.ic__details-copy.paragraph h5 , .sleek-kitchen-legacy.ic__details-copy.paragraph h6 {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
  }
}
.paragraph.text ul,.paragraph.text ol {
  color: #585858;
  font-family: Archivo;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px
}
.ic__details-copy h3{
    font-family: "Playfair Display", serif !important;
    font-size: 20px;
    font-weight: 400;
    color: #323232;
    margin-bottom: 5px;
}
.ic__details-copy a{
    color: #0000EE;
    text-decoration: underline;
    @media screen and (max-width:767px){
      font-weight: 500;
    }
}
.ic__details-copy ul li >a{
  @media screen and (max-width:767px){
    font-size: 16px;
  }
}
.ic__details-copy p{
    color: #585858;
    font-family: Archivo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    @media screen and (max-width:767px){
      font-size: 12px !important;
    }
}
.ic__details-copy.where-the-heart p{
  font-family: Archivo;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #323232;
}
.sleek-kitchen-legacy.ic__details-copy p{
  font-family: Archivo;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color:#323232;
  padding: 20px 62px 0 62px;
}
@media (max-width:575.98px) {
  .ic__details-copy p,.paragraph.text ul,.paragraph.text ol {
      font-size: 12px;
      line-height: 24px
  }
  .sleek-kitchen-legacy.ic__details-copy p{
    padding: 12px 0 0 0;
  }
  .ic__details-copy.where-the-heart p{
    line-height: 130%;
  }
}

.ic__image-wrap {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  column-gap: 10px;
  /* margin-bottom: 3pc; */
  margin-bottom: 12px;
  align-items: flex-start;
}

@media (max-width:575.98px) {
  .ic__image-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.ic__image-wrap-imgbox {
  width: 49.33%;
  margin-bottom: 20px;
}

@media (max-width:575.98px) {
  .ic__image-wrap-imgbox {
      margin-bottom: 20px;
      width: 100%
  }
}
figcaption.ic__image-wrap-caption {
  color: #26282b;
  font-family: Archivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 5px 0;
  text-align: center;
}
/* .ic__image-wrap-caption p {
  color: #26282b;
  font-family: Archivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 5px 0;
  text-align:center; */
  /* min-height:75px; */
/* } */

@media (max-width:575.98px) {
  .ic__image-wrap-caption p {
      font-size: 14px; 
      line-height: 16px;
      /* min-height:75px; */
  }
}


/* asif changes */

@media (max-width:784px) {
.image.parbase{
padding-bottom:20px;
}

}
.image_content .ic__image-wrap-imgbox img{
  height: 639px;
  object-fit: cover;
}
@media only screen and (min-width: 575px) and (max-width: 784px){
  /* .image_content .ic__image-wrap-imgbox{
      height: 224px;
  } */
  .image_content .ic__image-wrap-imgbox img{
      height: 224px;
      object-fit: cover;
  }
    
  .ic__image-wrap{
      row-gap: 0;
      column-gap: 0;
      justify-content: space-between;
  }

}

@media (min-width:768px) {

  .responsivegrid .flexclass  {
  float: none !important;
  clear: none;
  width: 100%;
  max-width: 1020px;
  }
  .responsivegrid .flexclass.wthi-container-para{
    max-width: 831px;
  }
  .responsivegrid .flexclass.legacy-container{
    max-width: 1148px;
    width: 100%;
  }
  .responsivegrid .flexclass >.aem-Grid{
    display: flex !important;
    justify-content: space-between !important;
    
  }
  .responsivegrid .flexclass.legacy-container >.aem-Grid{
    display: flex !important;
    justify-content: space-between !important;
    
  }
  .responsivegrid .halfwidth {

      width: 50% !important;
  }
        .responsivegrid .halfwidth:first-child{
		margin-right:15px;
}
  .flexclass .ic__image-wrap-imgbox {
      width: 100%;
  }
}

@media (max-width:767px) {
.flexclass .ic__image-wrap-imgbox{
width:100%
}
}
.flexclass {
margin-right: auto !important;
margin-left: auto !important;
padding-left: 20px;
padding-right: 20px 
}
@media (min-width:1212px) {
.containerleftright.flexclass {
  max-width: 1220px
}
}
@media (min-width:1441px) {
.containerleftright.flexclass {
  max-width: 1440px
}
}

.containerleftright.content.flexclass {
max-width: 1020px
}

.paragraph.text ul{
  list-style-type: disc;
  padding-left: 20px;
  @media screen and (max-width:767px){
    padding-left: 10px;
  }
}
.paragraph.text ul li{
  list-style: disc;
}
.paragraph.text ol li{
  list-style: decimal;
}
.paragraph.text ol{
  padding-left: 20px;
}

/* .paragraph.text table td {
  padding: 10px;
} */
@media (max-width:576px) {
.ic__image-wrap {
margin-bottom: 5px;
 }
}


.article-section-float {
  float: left;
  margin-left: 16.5%;
  max-width: calc(64% - 16.5%);
}

.article-section-float .container.content {
  margin-right: 98px;
}

.article-section-float .tb {
  margin-top: 52px;
}

.article-section-float .tb__brief p {
  font-weight: 700;
}

.article-section-float .tb__brief {
  margin: 52px 0 40px 0;
}

@media (max-width: 991px) {
  .article-section-float {
    float: none;
    margin: 78px 14px 40px 18px;
    max-width: 100%;
  }

  .article-section-float .container.content {
    margin-right: 0px;
    padding: 0;
  }

  .article-section-float .tb__brief p {
    font-size: 18px;
    line-height: 28px;
  }

  .article-section-float .tb__brief {
    margin-bottom: 15px;
  }

  .article-section-float .ic__details-copy p {
    font-size: 18px;
    line-height: 28px;
  }
}

.paragraph.text.ic__details-copy.font-archivo,
.paragraph.text.ic__details-copy.font-archivo * {
  font-family: 'Archivo', sans-serif;
}
@media (max-width: 767px) {
  table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    font-size: 12px;
  }

  table td {
    padding: 6px 4px;
  }
 .ic__details-copy h3{
  font-size: 18px;
font-weight: 500;
  }
}