/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.fragrance-page .wtb-carousel {
  margin: 0 0 1.875rem; }
  @media (min-width: 992px) {
    .fragrance-page .wtb-carousel {
      margin: 0 0 8rem; } }

.fragrance-page .category-container {
  margin: 1.875rem 0 2.5rem;
  position: relative; }
  @media (max-width: 1199.98px) {
    .fragrance-page .category-container {
      border-top: 0.0625rem solid #979797; } }
  @media (min-width: 992px) {
    .fragrance-page .category-container {
      margin: 2.75rem 0 2.5rem; } }

.fragrance-page .category-headings {
  width: 100%; }
  @media (min-width: 992px) {
    .fragrance-page .category-headings {
      width: 85%; } }

.fragrance-page .cat-heading {
  padding: 0 0.3125rem;
  cursor: pointer;
  letter-spacing: -0.1875rem; }
  .fragrance-page .cat-heading:focus {
    outline: 0.0625rem dashed #24408e; }

.fragrance-page .accordion-icon {
  width: 1.375rem;
  height: 1.375rem;
  position: relative; }
  .fragrance-page .accordion-icon::after, .fragrance-page .accordion-icon::before {
    content: '';
    display: inline-block;
    background-color: #7f7f7f;
    border-radius: 0.0625rem; }
  .fragrance-page .accordion-icon::before {
    width: 1.375rem;
    height: 0.1875rem; }
  .fragrance-page .accordion-icon::after {
    width: 0.1875rem;
    height: 1.375rem;
    position: absolute;
    left: 45%; }

.fragrance-page .category-info {
  display: none; }

.fragrance-page .cat-details {
  padding: 1.125rem 0 1.375rem; }
  @media (max-width: 991.98px) {
    .fragrance-page .cat-details {
      border-bottom: 0.0625rem solid #979797; } }
  .fragrance-page .cat-details.active {
    padding: 1.125rem 0 2.75rem;
    border-bottom: none; }
    .fragrance-page .cat-details.active .accordion-icon::after {
      display: none; }
    .fragrance-page .cat-details.active .cat-heading {
      margin: 0 0 2.875rem; }
      @media (min-width: 992px) {
        .fragrance-page .cat-details.active .cat-heading {
          border-bottom: 0.125rem solid #4e616a; } }
    .fragrance-page .cat-details.active .category-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

.fragrance-page .cat-detail.cat-heading {
  border-bottom: none;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0.3125rem; }
  .fragrance-page .cat-detail.cat-heading.active {
    border-bottom: 0.125rem solid #4e616a; }
    .fragrance-page .cat-detail.cat-heading.active .accordion-icon::after {
      display: none; }

.fragrance-page .cat-detail.category-info.active {
  padding: 1.125rem 0 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.125rem; }

.fragrance-page .sub-cat-info {
  width: 100%; }
  @media (max-width: 1199.98px) {
    .fragrance-page .sub-cat-info {
      margin: 0 0 2.5625rem; } }
  @media (min-width: 992px) {
    .fragrance-page .sub-cat-info {
      width: 30%; } }

.fragrance-page .fragrance-color {
  width: 2rem;
  height: 2rem;
  border: 0.0625rem solid #979797; }

.fragrance-page .fragrance-name {
  color: #000; }

.fragrance-page .category-details {
  margin: 3.5rem 0 0; }

.fragrance-page .cat-subheading {
  border-bottom: 0.0625rem solid #4e616a;
  padding: 0 0 1.4375rem 0.625rem;
  margin: 0 0 3.375rem; }
  @media (min-width: 992px) {
    .fragrance-page .cat-subheading {
      padding: 0 0 0.9375rem 0.5rem;
      margin: 0 0 3.75rem; } }