@import url("https://fonts.googleapis.com/css?family=Montserrat");
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  scroll-behavior: smooth; }

body {
  font-family: "Open Sans", sans-serif;
  margin: 0 !important; }

.body {
  margin: 0; }

[data-overlay-wrapper] {
  display: none !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif; }

h1.heading {
  color: #545454; }

.h1 {
  font-size: 40px; }

.heading {
  font-size: 35px; }

h1.heading.h-center-line.center {
  margin-top: 0;
  padding-bottom: 10px; }

.main-heading {
  font-size: 35px; }

.desc {
  font-size: 12.4px !important;
  letter-spacing: 7px;
  text-transform: uppercase; }

.full-desc {
  font-size: 14px !important;
  color: #545454 !important;
  font-weight: 400 !important; }

p {
  font-size: 13px !important;
  color: #545454 !important;
  font-weight: 400 !important; }

.buttonLink a {
  font-size: 13.6px !important;
  border-radius: 0 !important;
  padding: 15px 15px !important; }

p strong {
  font-size: 13px !important;
  color: #545454 !important;
  font-weight: 700 !important; }

.center {
  text-align: center; }

.bold {
  font-weight: bold !important; }

.buttonLink {
  margin-top: 30px; }

.white-color {
  color: #fff; }

.black-color {
  color: #545454; }

.custom-category-page .banner-content .full-desc, .custom-salon-partners p {
  font-size: 14px !important; }

.h-center-line:before {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.h-start-line {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0; }

.h-start-line:before {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.button.primary-button {
  background-color: #545454;
  border: none;
  padding: 15px 25px;
  font-size: 13.1px;
  color: #fff;
  font-family: 'Open Sans';
  margin: 0; }

.top-banner-section {
  background-color: #f4f4f4;
  padding-block: 25px; }

.container {
  max-width: 1180px;
  margin-inline: auto;
  padding-inline: 20px; }

ul.navUser-section.navUser-section--alt .navUser-action--quickSearch,
ul.navUser-section.navUser-section--alt .navUser-item--account > a,
ul.navUser-section.navUser-section--alt .navUser-item--cart > a {
  color: #545454;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: 400;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  line-height: 34px; }

span.navUser-item-cartLabel svg {
  vertical-align: middle; }

button#quick-search-expand {
  display: flex;
  align-items: center; }

li.navUser-item.navUser-item--account a {
  display: flex;
  align-items: center; }

ul.navUser-section.navUser-section--alt li + li {
  margin-left: 20px; }

.custom-top-banner {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.custom-top-banner p,
.custom-top-banner a {
  color: #545454;
  font-size: 10.5px !important;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: 400;
  text-decoration: none;
  vertical-align: middle;
  padding: 0;
  margin: 0; }

.custom-top-banner .navUser-section {
  margin: 0; }

.custom-top-banner .top-left-links a {
  display: flex;
  align-items: center;
  gap: 10px; }

.custom-top-banner .top-left-links a {
  font-size: 10px !important; }

.heroCarousel-content {
  background-color: transparent;
  text-align: left; }

section.custom-premium-quality-section p, section.custom-premium-quality-section p strong {
  max-width: 340px;
  font-size: 14px !important; }

.custom-need-help-section [data-layout-name="pdp-need-help-layout"] [data-sub-layout] {
  box-shadow: 0 0 15px 0 #ddddddab;
  border-radius: 10px; }

.custom-right-shade-section h1.main-heading:after,
.custom-need-help-section h1.main-heading:after {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  transform: translateX(-50%); }

.custom-right-shade-section h1.main-heading,
.custom-need-help-section h1.main-heading {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px; }

[data-layout-name="homepagebanner-layout"] {
  min-height: 750px; }

.custom-homepage-banner-content .banner-button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px; }

.custom-banner-bottom-content .container,
.product-highlights-section .container {
  width: 100%;
  max-width: 100%;
  padding: 0; }

.custom-banner-bottom-content [data-layout-name],
.product-highlights-section [data-layout-name] {
  padding: 10px;
  flex-wrap: nowrap; }

.custom-banner-bottom-content [data-layout-name] [data-sub-layout] img,
.product-highlights-section [data-layout-name] [data-sub-layout] img {
  width: 32px !important; }

.custom-banner-bottom-content [data-layout-name] [data-sub-layout],
.product-highlights-section [data-layout-name] [data-sub-layout] {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding-inline: 0; }

.custom-banner-bottom-content [data-layout-name] [data-sub-layout] p,
.product-highlights-section [data-layout-name] [data-sub-layout] p {
  color: #545454;
  font-size: 10.5px !important;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: 400; }

.custom-premium-quality-section .main-heading,
.custom-need-help-section .main-heading {
  margin-bottom: 30px; }

.custom-right-shade-section [data-layout-name="homepage-right-shade-layout"] [data-sub-layout],
.custom-need-help-section [data-layout-name="pdp-need-help-layout"] [data-sub-layout] {
  background-color: #fff;
  padding: 15px;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  align-items: center;
  justify-content: start; }

.custom-right-shade-section [data-layout-name="homepage-right-shade-layout"],
.custom-need-help-section [data-layout-name="pdp-need-help-layout"] {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 100%;
  margin-top: 50px; }

.custom-right-shade-section,
.custom-need-help-section {
  padding-block: 32px 100px; }

.custom-right-shade-section .h3,
.custom-need-help-section .h3 {
  margin-block: 0;
  text-align: center;
  width: 100%;
  font-size: 20px;
  border-bottom: 1px solid #c7bbcd;
  max-width: 85%;
  margin-inline: auto;
  padding-block: 15px 5px;
  font-style: italic; }

.custom-right-shade-section [data-layout-name="homepage-right-shade-layout"] [data-widget-id],
.custom-need-help-section [data-layout-name="pdp-need-help-layout"] [data-widget-id] {
  width: 100%; }

.custom-right-shade-section [data-layout-name="homepage-right-shade-layout"] [data-widget-id] p,
.custom-need-help-section [data-layout-name="pdp-need-help-layout"] [data-widget-id] p {
  font-size: 12px !important;
  max-width: 150px;
  margin: 0 auto;
  padding-block: 15px 0; }

.custom-right-shade-section [data-layout-name="homepage-right-shade-layout"] [data-widget-id] .buttonLink,
.custom-need-help-section [data-layout-name="pdp-need-help-layout"] [data-widget-id] .buttonLink,
.custom-hair-flair-pro-section [data-widget-id] .buttonLink {
  margin: 0; }

.custom-right-shade-section [data-layout-name="homepage-right-shade-layout"] [data-widget-id] .buttonLink a,
.custom-need-help-section [data-layout-name="pdp-need-help-layout"] [data-widget-id] .buttonLink a,
.custom-hair-flair-pro-section [data-widget-id] .buttonLink a {
  font-size: 13px;
  border-bottom: 1px solid #c7bbcd !important;
  padding-block: 15px 5px !important;
  font-family: 'Playfair Display'; }

.custom-trusted-professionals-section h1.main-heading {
  color: #fff;
  text-align: center; }

.custom-hair-flair-pro-section h1.main-heading {
  text-align: center; }

.custom-trusted-professionals-section {
  padding-block: 60px 200px; }

.custom-trusted-professionals-section p {
  max-width: 600px; }

section.custom-hair-flair-pro-section .sub-heading {
  text-align: center; }

.custom-hair-flair-pro-section [data-layout-name="homepage-hair-pro-grid-layout"] {
  gap: 20px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 50px; }

[data-layout-name="homepage-hair-pro-grid-layout"] [data-sub-layout] {
  justify-content: start;
  box-shadow: 0 0 15px 0 #ddd;
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0 20px 0; }

section.custom-hair-flair-pro-section {
  padding-block: 20px 100px; }

section.custom-hair-flair-pro-section .h3 {
  text-align: center;
  margin: 0;
  padding-block: 15px 10px;
  font-size: 20px;
  padding-inline: 15px; }

.custom-hair-flair-pro-section p {
  padding-inline: 20px;
  font-size: 13px !important; }

.custom-pros-clients-section h1.main-heading {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 60px; }

.custom-pros-clients-section [data-layout-name="homepage-pros-clients-layout"] p {
  font-size: 21.6px !important;
  line-height: 1.7; }

.custom-pros-clients-section {
  padding-block: 30px 80px; }

.custom-pros-clients-section h1.main-heading:after {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-trusted-professionals-section .sub-heading {
  text-align: center;
  margin: 0;
  font-size: 31px;
  line-height: normal; }

.custom-trusted-professionals-section .h4 {
  margin: 12px 0 0 0;
  text-align: center;
  font-size: 17.7px;
  font-weight: 600; }

.custom-trusted-professionals-section [data-layout-name="custom-trusted-professionals-layout"] {
  max-width: 1040px;
  border-radius: 20px;
  margin-inline: auto;
  margin-block: 50px;
  padding: 20px; }

.custom-trusted-professionals-section [data-layout-name="custom-trusted-professionals-layout"] [data-sub-layout] + [data-sub-layout]:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 80px;
  background: #c7bbcd;
  right: 0;
  top: 0; }

section.custom-premium-quality-section {
  padding-block: 50px; }

.custom-trusted-professionals-section {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.instafeed-section h1 {
  text-align: center; }

.custom-navPage-Guides .navPages.navPages-action.has-subMenu {
  pointer-events: none; }

@media screen and (min-width: 801px) {
  .custom-main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-block: 32px; }
  .custom-main-header .header-logo.header-logo--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 51; }
  .header .navPages ul .navPages-item .navPages-action {
    color: #545454;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    font-weight: 400;
    padding-bottom: 20px; }
  .header .navUser-action svg {
    fill: transparent;
    stroke: transparent; }
  header.header {
    border: none; }
  .header .navPages ul li.navPages-item + li.navPages-item {
    margin-left: 40px; }
  .custom-main-header .navUser {
    margin-left: auto;
    padding: 0; } }

@media screen and (min-width: 801px) and (min-width: 801px) {
  .header-logo {
    margin: 0; }
  .custom-top-banner .banners {
    padding: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%; } }

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .header .navPages ul li.navPages-item + li.navPages-item {
    margin-left: 20px; }
  .main-heading {
    font-size: 30px; }
  .top-banner-section {
    padding-block: 15px; }
  [data-layout-name="homepagebanner-layout"] {
    min-height: 450px; }
  .custom-right-shade-section {
    padding-block: 32px 60px; }
  .custom-banner-bottom-content [data-layout-name] [data-sub-layout],
  .product-highlights-section [data-layout-name] [data-sub-layout] {
    flex-basis: 33%; }
  .custom-banner-bottom-content [data-layout-name],
  .product-highlights-section [data-layout-name] {
    flex-wrap: wrap;
    justify-content: center; }
  .custom-right-shade-section [data-layout-name] {
    gap: 10px; }
  .custom-trusted-professionals-section [data-layout-name="custom-trusted-professionals-layout"] {
    max-width: 85%; }
  .custom-trusted-professionals-section {
    padding-block: 40px 100px; }
  section.custom-hair-flair-pro-section {
    padding-block: 20px 60px; }
  .custom-pros-clients-section {
    padding-block: 20px 60px; }
  .custom-need-help-section [data-layout-name="pdp-need-help-layout"] {
    gap: 10px; } }

@media screen and (max-width: 800px) {
  .header .navUser {
    right: 20px; }
  .currency-selector .navUser-item {
    display: block; } }

@media screen and (min-width: 421px) and (max-width: 767px) {
  .custom-need-help-section [data-layout-name="pdp-need-help-layout"] {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 420px) {
  .custom-need-help-section [data-layout-name="pdp-need-help-layout"] {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr); } }

@media screen and (min-width: 801px) and (max-width: 1100px) {
  .category-page.page .page-sidebar {
    width: 30% !important; }
  .category-page.page .page-content {
    width: 70% !important; } }

@media screen and (max-width: 800px) {
  .category-page .page-sidebar .accordion--navList .accordion-block {
    border-top: none;
    padding-top: 0; }
  .category-page .page-sidebar .accordion-navigation {
    border-bottom: 0; } }

@media screen and (max-width: 767px) {
  .header .header-logo-image {
    max-height: max-content;
    width: 175px; }
  .custom-banner-bottom-content [data-layout-name],
  .product-highlights-section [data-layout-name] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding: 20px; }
  .custom-banner-bottom-content [data-layout-name] [data-sub-layout] img, .product-highlights-section [data-layout-name] [data-sub-layout] img {
    width: 24px !important; }
  .custom-banner-bottom-content [data-layout-name] [data-sub-layout] p, .product-highlights-section [data-layout-name] [data-sub-layout] p {
    font-size: 10px !important;
    text-align: left; }
  .custom-right-shade-section [data-layout-name="homepage-right-shade-layout"] {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px; }
  .main-heading {
    font-size: 24px; }
  .custom-right-shade-section {
    padding-block: 10px 50px; }
  .custom-hair-flair-pro-section [data-layout-name="homepage-hair-pro-grid-layout"] {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px; }
  section.custom-hair-flair-pro-section {
    padding-block: 10px 50px; }
  .custom-pros-clients-section {
    padding-block: 10px 50px; }
  .custom-pros-clients-section [data-layout-name="homepage-pros-clients-layout"] p {
    font-size: 17px !important;
    line-height: 1.6; }
  .custom-pros-clients-section h1.main-heading {
    margin-bottom: 40px; }
  .custom-trusted-professionals-section {
    padding-block: 30px 50px; }
  .custom-trusted-professionals-section [data-layout-name="custom-trusted-professionals-layout"] {
    max-width: 85%;
    margin-block: 40px;
    gap: 20px; }
  [data-layout-name="homepage-right-shade-layout"] [data-sub-layout] {
    padding: 10px; }
  .custom-right-shade-section .h3 {
    font-size: 16px; }
  .custom-trusted-professionals-section [data-layout-name="custom-trusted-professionals-layout"] [data-sub-layout] + [data-sub-layout]:after {
    opacity: 0; }
  .custom-trusted-professionals-section [data-layout-name="custom-trusted-professionals-layout"] [data-sub-layout] + [data-sub-layout] {
    border-top: 1px solid #c7bbcd;
    padding-top: 20px; }
  .custom-premium-quality-section .main-heading {
    margin-bottom: 20px;
    margin-top: 0; }
  .custom-banner-bottom-content [data-layout-name],
  .product-highlights-section [data-layout-name] {
    flex-wrap: wrap; }
  .custom-banner-bottom-content [data-layout-name] [data-sub-layout],
  .product-highlights-section [data-layout-name] [data-sub-layout] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    max-width: 420px;
    margin-inline: auto; }
  .custom-homepage-banner-content .banner-button {
    margin-top: 20px;
    flex-direction: column;
    max-width: 250px; }
  .button.primary-button {
    width: 100%; }
  [data-layout-name="homepagebanner-layout"] {
    min-height: 450px; }
  .desc {
    letter-spacing: 6px; }
  .top-banner-section {
    padding-block: 0; }
  .custom-top-banner {
    flex-wrap: wrap;
    gap: 0 20px;
    justify-content: center; }
  .header .navUser-section .navUser-item-cartLabel {
    display: block; }
  .header .navUser-section .navUser-item--cart__hidden-s {
    display: block; } }

@media screen and (min-width: 516px) and (max-width: 767px) {
  [data-layout-name="banner-bottom-content-Layout"] [data-sub-layout] {
    flex-basis: 50%;
    justify-content: start; } }

li.navPage-subMenu-item.custom-last-content .h3 {
  margin-block: 0 20px;
  font-weight: 700;
  color: #54556b;
  font-size: 18px; }

.mega-promo__list li {
  font-size: 14px; }

/* mega menu*/
.header .navPages ul .navPages-item a.navPage-subMenu-action {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  font-family: 'Playfair Display';
  text-transform: capitalize;
  border: 0;
  padding: 0;
  line-height: normal;
  margin-bottom: 20px;
  text-decoration: none;
  display: block;
  color: #54556b; }

.header .navPages ul .navPages-item .navPages-action {
  color: #545454; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item {
  padding: 30px 25px 25px !important; }

.header .navPages ul .navPages-item li.navPage-subMenu-item a.navPage-childList-action {
  font-size: 13px;
  letter-spacing: normal;
  text-transform: capitalize;
  padding-bottom: 0;
  color: #54556b; }

.custom-navPage-Pros .navPage-subMenu-list li:first-child p {
  font-size: 13px !important;
  color: #54556b !important; }

.header .navPages ul .navPages-item .navPage-childList-item + .navPage-childList-item {
  margin-top: 8px; }

.navPages-item .navPage-subMenu.is-open {
  background: transparent;
  padding: 4px 0 0 0  !important; }

ul.mega-promo__list .mega-promo__item {
  display: flex;
  gap: 3px;
  color: #54556b; }

ul.mega-promo__list .mega-promo__item + .mega-promo__item {
  margin-top: 8px; }

.navPage-subMenu-item.custom-last-content [data-sub-layout] {
  padding: 0; }

.custom-navPage-Services .navPage-subMenu-item.custom-last-content p {
  max-width: 100%; }

.navPage-subMenu-item.custom-last-content p {
  font-size: 13px !important;
  margin-bottom: 0;
  max-width: 220px;
  color: #54556b; }

.header .navPage-subMenu-item.custom-last-content .buttonLink a {
  border-radius: 6px !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  font-family: 'Playfair Display';
  margin-block: 10px 5px; }

.mega-promo__list li {
  font-size: 13px;
  margin-bottom: 10px; }

.navPage-subMenu-item.custom-last-content .mega-promo__stats {
  width: 100%;
  max-width: 100%;
  font-size: 10.5px !important; }

.navPage-subMenu-item.custom-last-content .buttonLink {
  margin: 10px 0 15px 0; }

.navPage-subMenu-item.custom-last-content .buttonLink a {
  border-radius: 6px !important; }

.navPage-subMenu-list li.navPage-subMenu-item {
  padding: 0 16px !important; }

ul.navPage-childList a {
  text-decoration: none; }

img.navigation-menu-arrow, img.navigation-check-mark {
  width: 20px;
  height: 20px;
  object-fit: contain; }

.header .navPages .navPages-item .mega-promo__list {
  max-width: 250px; }

.header .navPages .navPages-item.custom-navPage-Shop .navPage-subMenu-item.custom-last-content {
  position: relative;
  overflow: hidden; }

.header .navPages .navPages-item.custom-navPage-Shop .navPage-subMenu-item.custom-last-content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -35px;
  top: 20px;
  background: url(https://cdn11.bigcommerce.com/s-6vviis3nll/images/stencil/original/image-manager/navigation-why-professionals-choose-us.png);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  max-width: 250px; }

.header .navPages .navPages-item.custom-navPage-Shop .navPage-subMenu-item.custom-last-content,
.header .navPages .navPages-item.custom-navPage-Colours .navPage-subMenu-item.custom-last-content,
.header .navPages .navPages-item.custom-navPage-Services .navPage-subMenu-item.custom-last-content {
  padding: 0 !important;
  background-color: transparent !important; }

.header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content {
  padding: 0 !important; }

.megamenu-title-bottom-content {
  margin-top: 15px; }

.megamenu-title-content, .megamenu-title-bottom-content {
  padding: 30px 25px;
  background-color: #fff; }

.header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content .h3 {
  margin-block: 0 20px;
  padding-inline: 25px;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  font-family: 'Playfair Display';
  color: #54556b; }

.header .navPages-item.custom-navPage-Education .mega-promo__list {
  padding-inline: 25px; }

.header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content .buttonLink {
  margin: 10px 0 15px 0;
  padding-inline: 25px; }

.header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content .mega-promo__stats {
  width: 100%;
  max-width: 100%;
  font-size: 10.5px !important;
  padding-inline: 25px;
  padding-bottom: 20px; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item:first-child {
  padding-bottom: 0 !important; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content {
  padding: 0 !important; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] {
  padding: 0; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] .h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  font-family: 'Playfair Display';
  color: #54556b;
  margin: 0;
  padding-inline: 25px;
  padding-top: 20px; }

.navPages-item.custom-navPage-Pros .navPage-subMenu-item.custom-last-content .mega-promo__list {
  margin-top: 25px; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] p {
  padding-inline: 25px;
  padding-block: 10px 0;
  font-size: 13px !important; }

.header li.navPage-subMenu-item.custom-second-content .buttonLink {
  margin-block: 20px;
  padding-inline: 25px;
  margin-inline: auto;
  width: 90%; }

.header li.navPage-subMenu-item.custom-second-content .buttonLink a {
  border-radius: 6px !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  font-family: 'Playfair Display';
  width: 100%; }

.header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-last-content .h4 {
  margin-top: 20px;
  margin-bottom: 6px;
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: 700;
  color: #54556b; }

.header .navPages .navPages-item.custom-navPage-Colours .navPage-subMenu-item.custom-last-content {
  position: relative; }

.header .navPages .navPages-item.custom-navPage-Colours .navPage-subMenu-item.custom-last-content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background: url(https://cdn11.bigcommerce.com/s-6vviis3nll/images/stencil/original/image-manager/navigation-find-the-right-shade-faster-.png);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  max-width: 200px; }

.header .navPages .navPages-item.custom-navPage-Pros .navPage-subMenu-item.custom-last-content {
  position: relative;
  overflow: hidden; }

.header .navPages .navPages-item.custom-navPage-Pros .navPage-subMenu-item.custom-last-content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -25px;
  bottom: 0;
  background: url(https://cdn11.bigcommerce.com/s-6vviis3nll/images/stencil/original/image-manager/navigation-why-join-our-program.png);
  z-index: 0;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  max-width: 250px;
  top: inherit; }

.header .navPages .navPages-item.custom-navPage-Guides .navPage-subMenu-item.custom-last-content {
  position: relative;
  overflow: hidden;
  z-index: 1; }

.header .navPages .navPages-item.custom-navPage-Guides .navPage-subMenu-item.custom-last-content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background: url(https://cdn11.bigcommerce.com/s-6vviis3nll/images/stencil/original/image-manager/navigation-need-help-choosing-the-right-hair-.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  max-width: 250px;
  top: inherit; }

.header .navPages .navPages-item.custom-navPage-Services .navPage-subMenu-item.custom-last-content {
  position: relative;
  overflow: hidden; }

.header .navPages .navPages-item.custom-navPage-Services .navPage-subMenu-item.custom-last-content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  right: 0;
  bottom: 0;
  background: url(https://cdn11.bigcommerce.com/s-6vviis3nll/images/stencil/original/image-manager/navigation-the-nano-experts.png);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  max-width: 250px;
  top: inherit; }

@media screen and (max-width: 1279px) {
  .header .navPages .navPages-item .navPage-subMenu-item.custom-last-content:before {
    display: none; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item {
    padding: 20px 15px !important; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] .h3 {
    padding-inline: 15px;
    padding-top: 15px; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] p {
    padding-inline: 15px; }
  .megamenu-title-content, .megamenu-title-bottom-content {
    padding: 20px 15px; }
  .megamenu-title-bottom-content {
    margin-top: 10px; } }

input:focus, button:focus, textarea:focus, select:focus, details:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, [contenteditable="true"]:focus {
  outline: 0px solid #0f7fff !important;
  outline-offset: 1px !important; }

@media screen and (min-width: 801px) {
  .header .header-logo-image-unknown-size {
    max-height: 75px; }
  .navPages-list .navPages-item .navPage-subMenu-list {
    display: grid;
    grid-template-columns: 30% 30% auto;
    gap: 0 15px;
    background-color: #f4f4f4;
    box-shadow: 0 0 10px 0 #dddd; }
  .navPages-list .navPages-item .navPage-subMenu-list .navPage-subMenu-item {
    background-color: #fff;
    width: 100%; }
  .navPages-item.custom-navPage-Shop .navPage-subMenu-list li:nth-child(2),
  .navPages-item.custom-navPage-Education .navPage-subMenu-list li:nth-child(2),
  .navPages-item.custom-navPage-Colours .navPage-subMenu-list li:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 2; }
  .navPages-item.custom-navPage-Shop .navPage-subMenu-list li:nth-child(3),
  .navPages-item.custom-navPage-Education .navPage-subMenu-list li:nth-child(3),
  .navPages-item.custom-navPage-Colours .navPage-subMenu-list li:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3; }
  .navPages-item.custom-navPage-Shop .navPage-subMenu-item.custom-last-content,
  .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content,
  .navPages-item.custom-navPage-Colours .navPage-subMenu-item.custom-last-content {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 3; }
  .navPages-item .navPage-subMenu-list:before,
  .navPages-item .navPage-subMenu-list:after {
    display: none; }
  .header .navPages ul .navPages-action.has-subMenu.is-open,
  .header .navPages ul .navPages.has-subMenu.activePage {
    position: relative;
    padding-bottom: 20px; }
  .header .navPages ul .navPages-action.has-subMenu.is-open:before,
  .header .navPages ul .navPages.has-subMenu.activePage:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #c7bbcd;
    left: 0;
    bottom: 10px; }
  .footer-info-col {
    width: 25%; } }

@media screen and (max-width: 800px) {
  .navPages {
    padding: 0; }
  .navPages-quickSearch {
    border-bottom: none;
    margin-bottom: 0; }
  .navPages.navPages-action {
    padding: 0.78571rem 0; }
  .header .navPages .navPages-item.custom-navPage-Shop .navPage-subMenu-item.custom-last-content, .header .navPages .navPages-item.custom-navPage-Colours .navPage-subMenu-item.custom-last-content, .header .navPages .navPages-item.custom-navPage-Services .navPage-subMenu-item.custom-last-content {
    padding: 16px 0 0 0 !important;
    background-color: transparent !important; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item + li.navPage-subMenu-item {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px !important; }
  .navPages-container.is-open {
    padding-top: 20px;
    height: calc(100vh - 92px); }
  .navPages-container {
    position: inherit; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] .h3 {
    padding-inline: 0; }
  ul.navPages-list.navPages-list--user li.navPages-item.login-signup {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row !important; }
  ul.navPages-list.navPages-list--user li.navPages-item:nth-child(2) {
    flex-direction: column; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item.custom-second-content [data-sub-layout] p {
    padding-inline: 0; }
  .navPage-subMenu-item.custom-last-content .mega-promo__stats {
    margin-bottom: 20px; }
  .header li.navPage-subMenu-item.custom-second-content .buttonLink {
    margin-block: 10px;
    padding-inline: 0;
    width: 100%; }
  .navPages-list + .navPages-list {
    border-top: 0px solid #dddddd; }
  .header .navPages .navPages-item .mega-promo__list {
    max-width: 100%;
    margin: 0; }
  .navPages-quickSearch .form-input {
    border-color: #dddddd; }
  .header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content .h3 {
    padding-inline: 0; }
  .header .navPages-item.custom-navPage-Education .mega-promo__list {
    padding-inline: 0; }
  li.navPage-subMenu-item.custom-last-content .h3 {
    margin-block: 0 10px;
    font-weight: 700;
    color: #54556b;
    font-size: 14px; }
  .header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content .buttonLink {
    margin: 0px 0 15px 0;
    padding-inline: 0; }
  .header .navPages-item.custom-navPage-Education .navPage-subMenu-item.custom-last-content .mega-promo__stats {
    padding-inline: 0; }
  .header .navPages ul .navPages-item .navPages-action {
    color: #54556b;
    font-family: 'Playfair Display'; }
  .navPage-subMenu-action:not(.navPages-action-depth-max) + .navPage-childList {
    margin-left: 0; }
  .navPages ul {
    list-style: none; }
  .header .navPages .navPage-subMenu-list li.navPage-subMenu-item {
    padding: 0 !important; }
  .megamenu-title-content, .megamenu-title-bottom-content {
    padding: 0; }
  .navPages .navPage-subMenu-list, .navPage-childList {
    border-left: none;
    margin: 0;
    padding-left: 0; }
  .header .navPages ul .navPages-item a.navPage-subMenu-action {
    font-size: 14px;
    line-height: normal;
    color: #54556b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-family: 'Open Sans';
    font-weight: 600;
    margin-bottom: 16px; }
  .navPage-subMenu-action .collapsible-icon-wrapper svg {
    vertical-align: middle; }
  .navPage-subMenu-action .collapsible-icon-wrapper {
    width: auto; }
  .navPages-action.has-subMenu svg {
    position: relative;
    left: 5px; }
  .navPages-list > li.navPages-item + li.navPages-item {
    border-top: 1px solid #dddddd69; } }

/* Footer */
.footer .container {
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 20px; }

section.footer-info:before {
  display: none; }

section.footer-info {
  margin: 0;
  display: grid;
  grid-template-columns: 24% 16% 16% auto;
  gap: 60px; }

ul.footer-info-list li a {
  font-size: 10px;
  line-height: 16px;
  color: #545454;
  text-transform: uppercase; }

article.footer-info-col p {
  font-size: 10px !important;
  line-height: 16px;
  color: #545454 !important; }

ul.footer-info-list li + li {
  margin-top: 5px; }

article.footer-info-col address {
  text-align: center;
  margin-block: 15px 10px;
  font-size: 10px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #545454;
  font-style: normal; }

.footer-info-heading {
  color: #545454;
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid #c7bbcd;
  padding-bottom: 10px;
  letter-spacing: 3px; }

.form-fieldset input#nl_email {
  font-size: 12.7px;
  border: none; }

.form-fieldset input.button {
  margin-left: 0;
  width: 100%;
  margin-top: 15px;
  font-size: 16px;
  font-family: 'Playfair Display';
  letter-spacing: 1px; }

article.footer-info-col {
  width: 100%;
  padding: 0; }

.footer .header-logo__link {
  background-color: #f4f4f4;
  margin: 0;
  width: 100%; }

.footer .header-logo__link .header-logo-image-unknown-size {
  mix-blend-mode: multiply; }

article.footer-info-col[data-section-type="storeInfo"] strong {
  font-size: 10px;
  font-weight: 400;
  color: #545454; }

article.footer-info-col[data-section-type="storeInfo"] {
  text-align: center; }

.socialLinks-item .icon--instagram svg {
  fill: #545454; }

.socialLinks-item .icon--pinterest svg {
  fill: #545454 !important; }

.socialLinks .icon--instagram:hover svg {
  fill: #545454; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  section.footer-info {
    grid-template-columns: 20% 20% 20% auto;
    gap: 20px; }
  .footer-info-heading {
    color: #545454;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #c7bbcd;
    padding-bottom: 10px;
    letter-spacing: 3px; } }

@media screen and (max-width: 1024px) {
  .footer-info-col > :first-child {
    margin-top: 0;
    margin-inline: 0; } }

@media screen and (max-width: 767px) {
  section.footer-info {
    grid-template-columns: 100%;
    gap: 30px; }
  .footer {
    padding-block: 20px 0; }
  section.footer-info {
    gap: 20px; }
  .footer-info-col {
    text-align: center; }
  .footer-info-heading {
    letter-spacing: 2px;
    font-size: 13px;
    padding-bottom: 5px;
    display: inline-block; } }

.productView-description {
  padding-inline: 0;
  padding-block: 20px 20px; }

.productView-description .productView-title {
  font-size: 25px !important;
  border-bottom: 1px solid #c7bbcd;
  padding: 0;
  font-family: 'Playfair Display';
  display: inline-block;
  letter-spacing: 1px;
  padding-bottom: 10px; }

.productView-description * {
  color: #545454 !important;
  font-size: 13px !important; }

.custom-apply-pro-account-section p {
  max-width: 620px;
  font-size: 13px !important; }

.custom-apply-pro-account-section .main-heading {
  font-size: 35px;
  text-align: center;
  margin-block: 0 20px; }

.custom-apply-pro-account-section {
  padding-block: 40px 60px; }

.custom-apply-pro-account-section .mega-promo__list {
  max-width: 350px;
  margin-inline: auto;
  margin-block: 40px 20px; }

.custom-apply-pro-account-section .mega-promo__list li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #545454 !important; }

.custom-apply-pro-account-section .buttonLink a {
  border-radius: 6px !important;
  padding: 12px 20px !important;
  font-size: 13.1px !important; }

.custom-carousel-display-widget-section {
  padding-block: 40px 60px; }

.custom-carousel-display-widget-section .main-heading {
  font-size: 35px;
  text-align: center;
  margin-block: 0 20px; }

.productView-product .productView-title {
  margin: 0;
  font-size: 20px;
  color: #545454; }

.productView-product .price-section.price-section--withoutTax.price--withoutTax {
  font-size: 21px;
  font-family: 'Playfair Display'; }

.productView-images .productView-thumbnails .productView-thumbnail-link {
  height: 100px;
  max-width: 100%; }

.productView-images .productView-thumbnails img {
  width: 100%;
  height: 100%; }

.productView-details.product-options .form-increment {
  width: max-content;
  border: 1px solid #c9c9c9;
  border-radius: 4px; }

.productView-details.product-options .form-increment button {
  border: none; }

.productView-details.product-options .form-increment input {
  border-inline: 1px solid #c9c9c9;
  border-radius: 0; }

.productView-details.product-options .form-field.form-field--increments {
  display: flex;
  align-items: center;
  gap: 15px; }

.productView-details.product-data .productView-product {
  padding-bottom: 0;
  border: none; }

.productView-details.product-options .form-field.form-field--increments label {
  margin: 0;
  font-weight: 600;
  color: #545454; }

.productView-details.product-options .form-field.form-field--increments:before {
  display: none; }

.form-field label small {
  display: none; }

.productView-details.product-options .form-field label {
  font-size: 12px;
  font-weight: 600; }

.productView-rating svg use {
  fill: #545454; }

.productView-rating {
  font-size: 12px;
  font-family: 'Open Sans';
  margin-block: 15px; }

.productView-details.product-options .productView-options .add-to-cart-buttons {
  display: inline-block;
  margin-top: 1rem;
  width: 100%;
  padding: 0; }

.productView-details.product-options .form-field input + label {
  font-size: 13px;
  font-weight: 400; }

/* 30 april */
.custom-pro-act-page .page {
  margin: 0;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  margin-bottom: 50px; }

.custom-pro-act-page .page button.button.button--primary {
  margin: 20px auto;
  display: block; }

#msg .alertBox--success {
  background-color: #545454;
  border-color: #545454;
  color: #fff !important; }

#msg .alertBox.alertBox--success p {
  color: #fff !important;
  text-align: center;
  margin-bottom: 0; }

.custom-pro-act-page .pro-act-banner-section [data-sub-layout] {
  padding: 0;
  min-height: 500px; }

.pro-act-banner-section h1.heading.white-color {
  font-size: 40px !important;
  font-family: 'Playfair Display';
  color: #fff !important;
  letter-spacing: 1px; }

.pro-act-banner-section p.desc {
  font-size: 12.1px !important;
  font-family: 'Open Sans';
  color: #fff !important;
  letter-spacing: 8px; }

.page_content p {
  max-width: 680px;
  margin-inline: auto;
  font-size: 13px !important;
  line-height: 21px;
  margin-block: 20px 30px; }

.page_content {
  padding-block: 10px 30px; }

section.custom-pro-grid-section {
  padding-block: 80px; }

.custom-pro-grid-section [data-layout-name="pro-grid-layout"] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px; }

section.custom-pro-grid-section [data-sub-layout] {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  border-radius: 32px;
  padding: 40px 10px 50px;
  justify-content: start; }

.custom-pro-grid-section h2.h2 {
  margin-top: 0;
  text-align: center;
  font-weight: 600;
  max-width: 200px;
  margin-inline: auto;
  border-bottom: 1px solid #c7bbcd;
  padding-bottom: 20px;
  margin-bottom: 25px; }

.custom-pro-grid-section [data-edit-mode] img {
  width: 100px !important;
  height: 100px !important; }

.custom-education .custom-fifth-section [data-widget-id]:last-child {
  margin-top: auto; }

.custom-pro-grid-section [data-edit-mode] p {
  font-size: 13px !important; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-pro-grid-section [data-layout-name="pro-grid-layout"] {
    gap: 10px; } }

@media screen and (min-width: 421px) and (max-width: 767px) {
  .custom-pro-grid-section [data-layout-name="pro-grid-layout"] {
    gap: 10px;
    grid-template-columns: 1fr 1fr; } }

@media screen and (max-width: 420px) {
  .custom-pro-grid-section [data-layout-name="pro-grid-layout"] {
    grid-template-columns: 1fr; }
  .custom-pro-grid-section [data-layout-name="pro-grid-layout"] {
    gap: 20px; } }

@media (min-width: 801px) {
  .header {
    position: sticky !important; } }

/* may 04 , 2026 css */
.category-main-banner {
  position: relative;
  height: 500px; }

.category-main-banner .banner-content {
  position: absolute;
  top: 50%;
  left: 15%;
  z-index: 1;
  transform: translateY(-50%);
  max-width: 520px;
  padding-right: 30px; }

.category-main-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; }

.accordion--navList .accordion-title {
  font-size: 10.5px;
  font-weight: 700;
  font-family: 'Open Sans';
  letter-spacing: 1px; }

.accordion.accordion--navList .navList-action--checkbox::before {
  border-radius: 0; }

.accordion.accordion--navList .navList-action--checkbox::before {
  border-color: #d5d5d5; }

.accordion.accordion--navList .navList-action--checkbox {
  font-size: 10.5px;
  font-weight: 400;
  margin-bottom: 0;
  vertical-align: middle;
  width: 100%;
  font-family: 'Open Sans';
  letter-spacing: 2px;
  line-height: 21px;
  color: #545454; }

.category-page .sidebarBlock-heading {
  font-size: 10.5px;
  margin-top: 0;
  font-family: 'Open Sans' !important;
  letter-spacing: 2px;
  color: #545454;
  text-transform: uppercase; }

.card-figure .card-img-container::after {
  padding-bottom: 0;
  height: 200px; }

.card-figure .card-img-container .card-image {
  object-fit: cover;
  margin: 0; }

.category-page .productGrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px; }

.category-page .productGrid li.product {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0; }

.category-page .productGrid:before {
  display: none; }

.category-page.page {
  padding-block: 60px 40px; }

.productGrid .card .card-body .button.button--small {
  background: #f4f4f4;
  border-radius: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-family: 'Open Sans';
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #545454;
  margin-top: 12px; }

.productGrid .card .card-body {
  text-align: center;
  padding-top: 10px; }

.productGrid .card-figure .card-figcaption {
  opacity: 1; }

.productGrid .card-figure .button.dropdown-menu-button {
  padding: 0;
  border: none; }

.productGrid .card .card-title > a {
  font-size: 10px;
  font-family: 'Open Sans';
  font-weight: 700;
  color: #545454;
  padding-inline: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.productGrid .card .card-body .card-text {
  font-size: 11px;
  font-family: 'Open Sans';
  font-weight: 700;
  color: #545454;
  margin-block: 6px; }

.icon--ratingEmpty svg {
  fill: #545454; }

.productGrid .card-figure .card-figcaption-body {
  position: absolute;
  right: 10px;
  top: 0;
  transform: inherit;
  z-index: 1;
  opacity: 1; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .category-page .productGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .category-page .productGrid {
    grid-template-columns: 1fr 1fr 1fr; } }

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .category-main-banner .banner-content {
    left: 10%; } }

@media screen and (max-width: 1024px) {
  .category-main-banner .banner-content {
    left: 30px; } }

@media screen and (max-width: 575px) {
  .category-page .productGrid {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .card-figure .card-img-container::after {
    height: 150px; }
  .productGrid .card .card-body .button.button--small {
    letter-spacing: 1px;
    padding-inline: 10px; } }

/* 5 may , 2026 */
.category-page.page .page-sidebar {
  padding-right: 0; }

.category-page .productGrid .card-figure {
  padding: 0; }

.productGrid .card .dropdown-menu.is-open {
  right: 0 !important;
  left: inherit !important;
  width: 175px !important;
  max-width: max-content !important; }

.accordion--navList .accordion-block {
  border-top: 1px solid #c7bbcd;
  padding-top: 30px; }

.productGrid .card .dropdown-menu.is-open input,
.productGrid .card .dropdown-menu.is-open li a {
  background-color: #545454 !important;
  padding: 10px;
  border: none;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 500;
  margin: 0;
  width: 100%;
  border-radius: 0;
  color: #fff; }

.facetedSearch-refineFilters.sidebarBlock > p {
  font-size: 11px !important;
  font-family: 'Open Sans'; }

.productGrid .card .dropdown-menu.is-open li + li {
  border-top: 1px solid #707070; }

.productGrid .card .form-wishlist .dropdown-menu-button svg {
  width: 24px; }

.productGrid .card .form-wishlist .dropdown-menu-button svg path {
  stroke: #545454; }

.facetedSearch .filter {
  display: flex;
  align-items: baseline;
  justify-content: space-between; }

.facetedSearch .filter a {
  font-family: 'Open Sans';
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600; }

.facetedSearch .facetLabel {
  font-size: 11px; }

.productGrid .card .dropdown-menu.is-open [data-wishlist] {
  border-radius: 0; }

@media screen and (min-width: 801px) {
  .category-page.page .page-sidebar {
    padding-right: 30px;
    width: 20%; }
  .category-page.page .page-content {
    width: 80%; } }

@media screen and (max-width: 767px) {
  .productView-images .productView-thumbnails .slick-list {
    margin: 0; }
  .productView-images .productView-thumbnails .productView-thumbnail-link {
    height: 60px; }
  .category-main-banner {
    position: relative; }
  .category-main-banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 0;
    opacity: .6; } }

.productView-product .small-desc p {
  padding-block: 20px;
  border-block: 1px solid #545454;
  margin-top: 20px;
  font-size: 16px !important;
  font-family: 'Playfair Display';
  color: #545454 !important;
  font-style: italic; }

.productView-product .small-desc p {
  padding-block: 15px; }

/* may 5 , 2026 */
.main-heading-desc-content.center h1 {
  position: relative;
  padding-bottom: 20px; }

.main-heading-desc-content .main-heading:before {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-why-aftercare-section,
.custom-extension-routine-section,
.custom-common-mistake-section {
  padding-block: 60px; }

.main-heading-desc-content.center p {
  font-size: 13px !important;
  max-width: 600px;
  margin-inline: auto;
  margin-block: 30px 50px; }

.custom-why-aftercare-section [data-sub-layout-container] [data-sub-layout] {
  gap: 15px; }

.custom-why-aftercare-section [data-sub-layout-container]:nth-child(2) [data-widget-id] {
  max-width: 250px;
  margin-inline: auto; }

.custom-why-aftercare-section [data-sub-layout-container]:nth-child(2) [data-widget-id] p,
.custom-why-aftercare-section [data-sub-layout-container]:nth-child(2) [data-widget-id] p strong {
  font-size: 13px !important; }

.custom-extension-routine-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  width: 50%;
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding: 40px; }

.custom-extension-routine-section [data-sub-layout] [data-widget-id] + [data-widget-id] {
  border-top: 2px solid #c7bbcd;
  padding-top: 15px;
  margin-top: 15px; }

.image-with-content {
  display: grid;
  grid-template-columns: 150px auto;
  align-items: center; }

.image-with-content .image img {
  vertical-align: middle; }

.image-with-content .content p {
  margin: 0; }

.image-with-content .content {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.custom-common-mistake-section [data-sub-layout-container]:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 60px; }

.custom-common-mistake-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  margin: 0;
  padding: 0;
  justify-content: start; }

.custom-common-mistake-section [data-sub-layout-container]:nth-child(2) [data-widget-id] + [data-widget-id] {
  margin-top: 12px; }

[data-content-region="home_premium_quality"] h1.main-heading:before {
  opacity: 0; }

@media screen and (max-width: 767px) {
  .category-main-banner {
    height: 350px; }
  .category-page.page {
    padding-block: 40px 20px; }
  .custom-why-aftercare-section,
  .custom-extension-routine-section,
  .custom-common-mistake-section {
    padding-block: 40px; }
  .custom-extension-routine-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
    padding: 0; }
  .image-with-content .image,
  .image-with-content .img {
    width: 120px;
    height: 120px;
    margin-inline: auto; }
  .image-with-content .image img,
  .image-with-content .img img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: contain; }
  .image-with-content {
    display: grid;
    grid-template-columns: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; } }

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .custom-common-mistake-section [data-sub-layout-container]:nth-child(2) {
    gap: 15px; }
  .custom-extension-routine-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    padding: 20px; }
  .custom-why-aftercare-section,
  .custom-extension-routine-section,
  .custom-common-mistake-section {
    padding-block: 50px; } }

@media screen and (min-width: 421px) and (max-width: 990px) {
  .custom-common-mistake-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: 1fr 1fr;
    gap: 30px 15px; } }

@media screen and (max-width: 420px) {
  .custom-common-mistake-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: 1fr;
    gap: 20px; } }

/* 6 may 2026 css */
.custom-image-with-content {
  position: relative; }

.custom-image-with-content .content {
  position: absolute;
  top: 42%;
  right: 40px;
  transform: translateY(-50%);
  max-width: 150px; }

.custom-image-with-content .image {
  height: 550px;
  width: 100%; }

.custom-image-with-content .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: middle;
  object-position: 20%; }

.custom-full-crown-coverage-section .main-heading {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  max-width: 350px; }

.custom-full-crown-coverage-section .main-heading:before {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: inherit; }

.custom-toppers-vs-other-section .main-heading {
  position: relative;
  padding-top: 20px;
  margin-bottom: 25px;
  margin-top: 0; }

.custom-toppers-vs-other-section .main-heading:before {
  position: absolute;
  width: 150px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-image-with-content:before {
  content: '';
  position: absolute;
  width: 100%;
  max-width: 200px;
  height: 2px;
  background: #c7bbcd;
  right: 160px;
  top: 36%;
  transform: translateY(-50%);
  z-index: 1; }

.custom-image-with-content .content .h4 {
  margin-top: 0;
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 25px; }

.custom-hair-toppers-features-section,
.custom-hair-toppers-content-section,
.custom-toppers-vs-other-section,
.custom-make-it-your-own-section,
.custom-wear-it-your-way-section {
  padding-block: 60px; }

.custom-hair-toppers-features-section [data-sub-layout-container] {
  align-items: start; }

.custom-hair-toppers-features-section [data-sub-layout]:nth-child(3),
.custom-make-it-your-own-section [data-sub-layout]:nth-child(3) {
  padding-left: 60px; }

.custom-hair-toppers-features-section h1.main-heading {
  margin-top: 0; }

.custom-hair-toppers-features-section [data-widget-id] p {
  font-weight: 300 !important; }

.custom-hair-toppers-features-section .h6.bold,
.custom-make-it-your-own-section .h6.bold {
  font-family: 'Open Sans'; }

.custom-hair-toppers-content-section .main-heading-desc-content.center p {
  font-size: 18px !important;
  max-width: 600px;
  margin-inline: auto;
  margin-block: 30px 0px;
  font-weight: 300 !important; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-top: 50px;
  max-width: 1066px;
  margin-inline: auto; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  padding: 20px; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] h5 {
  text-align: center;
  font-size: 13px;
  margin-top: 0;
  font-family: 'Open Sans';
  font-weight: 700;
  color: #545454;
  margin-bottom: 20px; }

section.custom-wear-it-your-way-section .main-heading {
  margin-top: 0; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li + li {
  margin-top: 15px; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
  display: flex;
  align-items: start;
  gap: 10px; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
  font-size: 13px;
  font-weight: 300;
  color: #222222; }

.custom-make-it-your-own-section .buttonLink {
  margin-top: 20px; }

.custom-make-it-your-own-section .buttonLink a {
  border-radius: 5px !important;
  padding: 12px 20px !important;
  font-family: 'Open Sans' !important; }

.custom-make-it-your-own-section .small-desc p {
  font-weight: 300 !important; }

.custom-make-it-your-own-section .desc {
  font-weight: 500 !important; }

.custom-wear-it-your-way-section .main-heading-desc-content.center p {
  font-size: 18px !important;
  font-weight: 300 !important;
  margin-top: 30px; }

section.custom-wear-it-your-way-section [data-widget-id] {
  margin-top: 20px; }

section.custom-wear-it-your-way-section [data-widget-id] p {
  color: #545454 !important;
  font-weight: 500 !important;
  letter-spacing: 2px;
  margin-top: 0; }

section.custom-wear-it-your-way-section .container {
  max-width: 1000px; }

@media screen and (max-width: 767px) {
  .custom-hair-toppers-features-section,
  .custom-hair-toppers-content-section,
  .custom-toppers-vs-other-section,
  .custom-make-it-your-own-section,
  .custom-wear-it-your-way-section {
    padding-block: 40px; }
  .custom-hair-toppers-features-section [data-sub-layout]:nth-child(3), .custom-make-it-your-own-section [data-sub-layout]:nth-child(3) {
    padding-left: 10px;
    margin-top: 25px; }
  .main-heading-desc-content.center h1 {
    margin-top: 0; }
  .custom-make-it-your-own-section .main-heading {
    margin-top: 0; }
  .custom-full-crown-coverage-section [data-sub-layout-container] {
    flex-direction: column; }
  .custom-full-crown-coverage-section [data-sub-layout-container] [data-sub-layout] {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%; }
  section.custom-wear-it-your-way-section [data-sub-layout-container]:nth-child(3) {
    flex-wrap: nowrap; }
  section.custom-wear-it-your-way-section [data-widget-id] p {
    color: #545454 !important;
    font-weight: 500 !important;
    letter-spacing: 2px;
    margin-top: 0;
    font-size: 12px !important;
    line-height: normal; }
  .custom-wear-it-your-way-section .main-heading-desc-content.center p {
    font-size: 16px !important;
    font-weight: 300 !important;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: 1px; }
  section.custom-wear-it-your-way-section {
    padding-top: 20px; } }

@media screen and (max-width: 575px) {
  .custom-image-with-content .image {
    height: 350px; }
  .custom-image-with-content .image img {
    object-position: left; }
  .custom-image-with-content {
    display: flex;
    flex-direction: column-reverse; }
  .custom-image-with-content .content {
    position: relative;
    top: inherit;
    right: inherit;
    transform: inherit;
    max-width: 100%;
    margin-left: 0; }
  .custom-image-with-content .content .h4 {
    margin-bottom: 15px; }
  .custom-image-with-content:before {
    content: '';
    position: absolute;
    width: 2px;
    max-width: inherit;
    height: 100px;
    background: #c7bbcd;
    right: inherit;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    left: 115px; } }

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .custom-hair-toppers-features-section,
  .custom-hair-toppers-content-section,
  .custom-toppers-vs-other-section,
  .custom-make-it-your-own-section,
  .custom-wear-it-your-way-section {
    padding-block: 50px; }
  .custom-full-crown-coverage-section .main-heading {
    font-size: 28px; }
  .custom-image-with-content .content {
    max-width: 130px;
    right: 0; } }

@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .custom-image-with-content .image {
    height: 450px; } }

@media screen and (min-width: 851px) and (max-width: 1024px) {
  .custom-image-with-content .image {
    height: 400px; }
  .custom-image-with-content:before {
    max-width: 100px;
    right: 150px;
    top: 32%; } }

@media screen and (min-width: 768px) and (max-width: 850px) {
  .custom-image-with-content .image img {
    object-position: 22%; }
  .custom-image-with-content .image {
    height: 320px; }
  .custom-image-with-content:before {
    max-width: 100px;
    height: 2px;
    right: 100px;
    top: 29%; } }

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) {
    gap: 10px;
    margin-top: 20px; } }

@media screen and (min-width: 421px) and (max-width: 767px) {
  .custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px; }
  .custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
    justify-content: center; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .custom-image-with-content .image {
    height: 400px; }
  .custom-image-with-content .content {
    right: 0; }
  .custom-image-with-content:before {
    max-width: 100px;
    right: 130px; }
  .custom-image-with-content {
    max-width: 520px;
    margin-inline: auto; } }

@media screen and (max-width: 420px) {
  .custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 20px; }
  .custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
    justify-content: center; } }

/* 7 MAY 2026 CSS */
.load-more-wrapper button {
  width: 100%;
  max-width: 240px; }

.load-more-wrapper {
  display: flex;
  justify-content: center;
  width: 100%; }

.cart-total-enhanced .cart-total-gift-certificate .cart-total-label a, .cart-total-enhanced .cart-total-gift-certificate .cart-total-label button, .cart-total-enhanced .cart-total-shipping-estimator .cart-total-label a, .cart-total-enhanced .cart-total-shipping-estimator .cart-total-label button {
  color: #545454;
  text-decoration: none;
  font-weight: 400; }

.cart-coupon-link {
  color: #545454; }

.cart-list .cart-remove > svg {
  fill: #000000; }

.navUser-item.navUser-item--cart .countPill {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  line-height: 21px;
  vertical-align: middle;
  text-align: center;
  color: #545454;
  font-weight: 500; }

.navUser-item.navUser-item--cart .navUser-action {
  display: flex;
  align-items: center;
  gap: 10px; }

.previewCartWrapper .previewCartAction {
  padding: 10px 0; }

.previewCartWrapper .previewCartItem-content {
  padding-left: 10px; }

.previewCartWrapper .previewCartAction .button {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  padding-inline: 7px; }

.previewCartWrapper .previewCartItem-name > a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.previewCartWrapper .previewCartItem-brand {
  display: none; }

li.navUser-item.navUser-item--cart .dropdown-menu > *:first-child {
  padding: 4px; }

@media (min-width: 801px) {
  .navUser-item--cart .dropdown-menu.is-open {
    right: 0;
    top: 45px !important; }
  .navPages-list .navPages-item .icon {
    display: none; } }

span.navUser-item-cartLabel svg {
  stroke: none; }

.currency-selector .dropdown-menu {
  z-index: 101; }

@media (max-width: 800px) {
  body {
    padding-top: 0; }
  .header {
    background-color: white;
    border-bottom: 1px solid #e5e5e5;
    height: auto;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
    padding: 15px 20px; }
  .top-left-links, .currency-selector {
    display: none; }
  .custom-top-banner p, .custom-top-banner a {
    font-weight: 400 !important; }
  .header .header-logo-image-unknown-size {
    max-height: 75px; } }

ul.navPages-list.navPages-list--user #navPages-account {
  width: 100%; }

ul.navPages-list.navPages-list--user .navPages-action.has-subMenu {
  width: 100%; }

#salon-grid, #affiliate-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 50px;
  margin-block: 40px; }

.custom-location-buttons .button {
  width: 100%; }

.custom-location-buttons .button + .button {
  margin: 0 !important; }

/* 12 may 2026 css */
.page-banner-section [data-sub-layout-container] {
  min-height: 400px; }

.page-banner-section [data-sub-layout-container]:after {
  background-position-y: top !important; }

.custom-our-network-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  padding-inline: 50px; }

.custom-our-network-section [data-sub-layout-container]:nth-child(2) {
  margin-top: 50px; }

.custom-our-network-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] + [data-sub-layout]:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 60%;
  background-color: #c7bbcd;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.custom-our-network-section .buttonLink a {
  font-size: 13px;
  border-bottom: 1px solid #c7bbcd !important;
  padding-block: 15px 5px !important;
  font-family: 'Playfair Display' !important; }

.custom-our-network-section [data-widget-id] p strong {
  text-transform: uppercase;
  display: block; }

.custom-our-network-section [data-widget-id] + [data-widget-id] {
  margin-top: 20px; }

.custom-why-choose-section [data-sub-layout-container] [data-sub-layout] + [data-sub-layout]:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 60%;
  background-color: #c7bbcd;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.custom-location-content {
  padding: 20px; }

.custom-location-content h3 {
  margin: 0; }

.custom-location-address {
  margin-block: 5px 10px;
  display: flex;
  align-items: center; }

.custom-location-description, .custom-location-category {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-block: 5px; }

.custom-location-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px; }

.custom-location-buttons .button {
  margin: 0;
  padding-block: 0;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center; }

.custom-location-card {
  box-shadow: 0 0 40px 0 #dddddd; }

section.custom-featured-affiliates-section, .custom-featured-salon-partners-section {
  padding-block: 60px;
  box-shadow: 0 0 40px 0 #dddddd; }

section.custom-our-network-section {
  padding-block: 40px 80px; }

.custom-why-choose-section {
  padding-block: 100px; }

.custom-why-choose-section [data-sub-layout-container] [data-sub-layout],
.custom-stylist-section [data-sub-layout-container] [data-sub-layout] {
  padding-inline: 40px; }

.custom-stylist-section .buttonLink a {
  border-radius: 5px !important;
  border: none;
  padding: 12px 25px !important;
  font-size: 13.1px;
  color: #fff;
  font-family: 'Open Sans';
  margin: 0; }

.custom-why-choose-section [data-widget-id] + [data-widget-id] {
  margin-top: 20px; }

.custom-stylist-section [data-widget-id] ul li + li {
  margin-top: 15px; }

.custom-stylist-section [data-widget-id] ul {
  list-style: none; }

.custom-stylist-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) {
  padding-left: 0; }

.custom-stylist-section .main-heading {
  font-size: 30px; }

/* location map css */
.strmpr-search-results .strmpr-search-result .strmpr-field-bucket-general .strmpr-field-button button,
.strmpr-search-results .strmpr-search-result .strmpr-field-show-on-map {
  color: #fff !important;
  background: #545454 !important;
  border-color: #a5a5a5 !important; }

.strmpr-dropdown .strmpr-dropdown-button,
.strmpr-search .strmpr-search-button {
  height: 47px !important; }

.strmpr-search-results .strmpr-search-result .strmpr-field-bucket-general {
  margin: 0 0 5px 0 !important;
  padding: 0 !important; }

.strmpr-search-results .strmpr-selected .strmpr-field-show-on-map {
  color: var(--store-button-color) !important;
  background: var(--accent-fg) !important;
  border-color: var(--accent-fg) !important; }

.strmpr-search-results .strmpr-search-result .strmpr-field-bucket-general .strmpr-field-directions {
  margin: 5px 0 10px 25px; }

.strmpr-field-description.storemapper-description,
.strmpr-field-custom.storemapper-custom.category_type {
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 11px; }

.strmpr-field-description.storemapper-description {
  margin-bottom: 0px !important; }

/* location map css ends */
@media (max-width: 1279px) {
  .custom-our-network-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    padding-inline: 20px; }
  section.custom-featured-affiliates-section, .custom-featured-salon-partners-section {
    padding-block: 10px 10px;
    box-shadow: 0 0 40px 0 #dddddd; }
  section.custom-our-network-section {
    padding-block: 0px 50px; }
  .custom-why-choose-section [data-sub-layout-container] [data-sub-layout], .custom-stylist-section [data-sub-layout-container] [data-sub-layout] {
    padding-inline: 20px; }
  .custom-why-choose-section {
    padding-block: 40px; }
  section.custom-stylist-section {
    padding-block: 30px 40px; }
  .custom-our-network-section [data-sub-layout-container]:nth-child(2) {
    margin-top: 20px; }
  .custom-stylist-section .buttonLink a {
    padding: 10px 20px !important; } }

@media (max-width: 767px) {
  .custom-our-network-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] + [data-sub-layout]:after {
    opacity: 0; }
  .custom-our-network-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    margin-top: 40px; }
  .custom-our-network-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] .buttonLink {
    margin-top: 0; }
  .custom-why-choose-section [data-sub-layout-container] [data-sub-layout] + [data-sub-layout]:after {
    opacity: 0; }
  .custom-stylist-section [data-widget-id] ul {
    margin-top: 30px; }
  section.custom-stylist-section {
    padding-block: 0px 40px; }
  .custom-stylist-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) {
    padding: 0; } }

@media (min-width: 576px) and (max-width: 1024px) {
  #salon-grid, #affiliate-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    margin-block: 20px; } }

@media (max-width: 575px) {
  #salon-grid, #affiliate-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-block: 20px; }
  #storemapper {
    padding-inline: 0; }
  .cart-item-label {
    color: #545454;
    text-align: left;
    font-weight: 600;
    padding-block: 5px; }
  .page-heading {
    margin: 2rem 0 2rem;
    text-align: center;
    font-size: 20px; } }

/* 13 may 2026 */
.alertBox-message span {
  color: #fff; }

.navBar--sub .navBar-action {
  padding: 5px; }

.table thead tr th,
.table tfoot tr th,
.table tfoot tr td,
.table tbody tr th,
.table tbody tr td,
.table tr td {
  padding: 10px; }

table.wishlists-table .table-thead tr th {
  text-align: center;
  padding: 10px; }

table.wishlists-table .form-fieldset input.button {
  margin-left: 0;
  width: 100%;
  margin-top: 0;
  font-size: 13px;
  font-family: 'Open Sans';
  width: auto; }

.account .form-fieldset {
  margin: 0;
  padding: 20px;
  border-radius: 10px; }

.login-row {
  border: 1px solid #e9e9e9;
  margin: 0;
  padding: 20px;
  border-radius: 10px;
  background: #f4f4f4; }

.login-row .form-actions {
  text-align: left; }

ul.new-customer-fact-list li + li {
  margin-top: 5px; }

ul.new-customer-fact-list li {
  padding-left: 0;
  font-size: 13px; }

.new-customer-fact-list {
  margin-left: 20px;
  margin-block: 15px 20px; }

form .form-field .form-input {
  border-color: #e9e9e9; }

.custom-right-shade-section [data-widget-id] p em {
  font-weight: 400 !important; }

.custom-hair-flair-pro-section [data-widget-id] p em {
  font-size: 13px !important;
  letter-spacing: 3.5px; }

.custom-hair-flair-pro-section [data-widget-id]:last-child {
  margin-top: auto; }

.custom-common-page .page-wrapper {
  padding-block: 80px; }

@media (max-width: 1200px) {
  .custom-common-page .page-wrapper {
    padding-block: 60px; } }

@media (max-width: 1024px) {
  .custom-common-page .page-wrapper {
    padding-block: 90px 40px; } }

@media (max-width: 991px) {
  .custom-common-page .page-content--centered {
    width: 100%;
    float: none; }
  .custom-common-page .page-wrapper .custom-delivery-times .inner-content {
    flex: 1 1 33%;
    padding: 20px; }
  .custom-common-page .page-wrapper .custom-delivery-times {
    flex-wrap: wrap; } }

@media (max-width: 575px) {
  .custom-common-page .page-wrapper .custom-delivery-times .inner-content {
    flex: 1 1 100%; }
  .custom-common-page p,
  .custom-common-page li {
    font-size: 16px; } }

/* may 21 css */
.home-page .header-bottom-section [data-layout-name] {
  min-height: 600px; }

@media (max-width: 1024px) {
  .home-page .header-bottom-section [data-layout-name] {
    min-height: 400px; } }

.header-bottom-section [data-layout-name] {
  padding-block: 100px; }

.header-bottom-section .banner-content {
  max-width: 420px; }

.header-bottom-section .desc {
  font-size: 12.4px !important;
  letter-spacing: 5px;
  text-transform: uppercase; }

.custom-education .custom-first-section .container {
  width: 100%;
  max-width: 100%;
  padding-inline: 0;
  padding-block: 12px;
  background-color: #f4f4f4; }

.custom-education .custom-first-section [data-sub-layout-container] {
  background-color: #f4f4f4; }

.custom-education .custom-second-section [data-widget-id] .container {
  padding-inline: 0; }

.custom-education .custom-second-section [data-widget-id] .container {
  padding-inline: 0; }

.custom-education .custom-second-section .text-box p + p {
  margin-top: 20px; }

.custom-education .custom-second-section .text-box p {
  margin: 0; }

.custom-education .custom-second-section .text-box p i {
  font-size: 18px;
  font-family: 'Playfair Display'; }

.custom-education .custom-second-section .text-box p b {
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Open Sans';
  font-weight: 700; }

.custom-education .custom-second-section .text-box {
  margin-top: 12px;
  max-width: 480px;
  padding: 20px;
  text-align: center; }

.custom-education .custom-second-section p {
  font-weight: 300 !important;
  max-width: 480px; }

.custom-education .custom-third-section {
  padding-block: 30px 20px; }

.custom-education .custom-forth-section .container {
  width: 100%;
  max-width: 100%;
  padding-inline: 0;
  padding-block: 12px; }

.custom-education .custom-forth-section [data-layout-name] [data-sub-layout] + [data-sub-layout]:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #c7bbcd;
  right: 0;
  top: 0; }

.custom-education .custom-forth-section [data-layout-name] {
  padding-block: 40px; }

.custom-education .custom-forth-section [data-layout-name] p {
  font-weight: 300 !important; }

.custom-education .custom-forth-section [data-layout-name] [data-widget-id] {
  padding-inline: 32px; }

.custom-education .custom-fifth-section {
  padding-block: 20px 80px; }

.custom-education .custom-fifth-section .heading.black-color {
  margin-bottom: 50px; }

.custom-education .custom-fifth-section [data-layout-name]:nth-child(2) {
  gap: 40px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); }

.custom-education .custom-fifth-section [data-layout-name]:nth-child(2) [data-sub-layout] {
  justify-content: start;
  box-shadow: 0 0 15px 0 #ddd;
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0 20px 0; }

.custom-education .custom-fifth-section .buttonLink a {
  background-color: #545454 !important;
  border: none !important;
  padding: 10px 25px !important;
  font-size: 13.1px !important;
  color: #fff !important;
  font-family: 'Open Sans' !important;
  margin: 0 !important;
  border-radius: 6px !important;
  width: 100% !important; }

.custom-education .custom-fifth-section .buttonLink {
  width: 100%;
  padding-inline: 40px;
  margin: 0; }

.custom-education .custom-fifth-section [data-widget-id] p, section.custom-fifth-section [data-widget-id] ul {
  padding-inline: 40px; }

.custom-education .custom-fifth-section [data-widget-id] h4 {
  padding-inline: 40px;
  margin: 20px 0 15px; }

.custom-education .custom-fifth-section [data-widget-id] ul {
  margin-top: 15px; }

.custom-education .custom-fifth-section [data-widget-id] ul li {
  font-weight: 300; }

.custom-education .custom-sixth-section .desc {
  text-align: center; }

.custom-education .custom-sixth-section h1.heading.black-color {
  text-align: center;
  margin-top: 0; }

.custom-education .custom-sixth-section [data-layout-name]:nth-child(2) {
  gap: 50px;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 50px; }

.custom-education .custom-sixth-section [data-sub-layout] {
  width: 100%;
  max-width: 100%; }

.custom-education .custom-sixth-section [data-sub-layout] [data-widget-id] p + p {
  margin-top: 15px; }

.custom-education .custom-sixth-section [data-sub-layout] [data-widget-id] p {
  margin-top: 15px; }

.custom-education .custom-third-section h4.h4 {
  font-size: 39px; }

.custom-education .custom-third-section [data-sub-layout-container]:nth-child(3) [data-widget-id] p,
.custom-education .custom-third-section [data-sub-layout-container]:nth-child(4) [data-widget-id] p {
  font-weight: 300 !important;
  max-width: 680px; }

@media (max-width: 1024px) {
  .header-bottom-section [data-layout-name] {
    padding-block: 40px; }
  .custom-education .custom-second-section {
    padding-block: 40px; }
  .custom-education .custom-third-section {
    padding-block: 0px 20px; }
  .custom-education .custom-forth-section [data-layout-name] [data-widget-id] {
    padding-inline: 10px; }
  .custom-education .custom-fifth-section [data-widget-id] h4 {
    padding-inline: 20px; }
  .custom-education .custom-fifth-section [data-widget-id] p, section.custom-fifth-section [data-widget-id] ul {
    padding-inline: 20px; }
  .custom-education .custom-fifth-section {
    padding-block: 0px 50px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .custom-education .custom-fifth-section [data-layout-name]:nth-child(2) {
    gap: 15px; } }

@media (min-width: 576px) and (max-width: 767px) {
  .custom-education .custom-fifth-section [data-layout-name]:nth-child(2) {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr); }
  .custom-education .custom-sixth-section [data-layout-name]:nth-child(2) {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 20px; } }

@media (max-width: 767px) {
  .custom-education .custom-forth-section [data-layout-name] [data-sub-layout] + [data-sub-layout]:after {
    opacity: 0; }
  .custom-education .custom-forth-section [data-layout-name] [data-widget-id] + [data-widget-id] {
    margin-bottom: 35px; }
  .custom-education .custom-third-section .desc {
    text-align: center; } }

@media (max-width: 575px) {
  .custom-education .custom-fifth-section [data-layout-name]:nth-child(2) {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr); }
  .custom-education .custom-sixth-section [data-layout-name]:nth-child(2) {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px; } }

/* 27 may css */
.custom-hair-quality-guide .header-bottom-section [data-layout-name] {
  padding-block: 100px;
  min-height: 600px; }

.custom-hair-quality-guide .custom-first-section {
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-first-section .container {
  width: 100%;
  max-width: 1040px;
  padding-inline: 0;
  padding-block: 12px;
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-first-section [data-widget-id] p {
  max-width: 500px;
  font-style: italic; }

.custom-hair-quality-guide .custom-first-section [data-widget-id] ul {
  max-width: 380px;
  list-style: none;
  margin: 20px 0 0 -50px; }

.custom-hair-quality-guide .custom-first-section [data-widget-id] ul li {
  display: flex;
  align-items: center;
  gap: 20px; }

.custom-hair-quality-guide .custom-first-section [data-widget-id] ul li p {
  font-style: normal;
  margin-bottom: 0; }

.custom-hair-quality-guide .custom-first-section [data-widget-id] ul li + li {
  margin-top: 15px; }

.custom-hair-quality-guide .custom-first-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px; }

.custom-hair-quality-guide .custom-first-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-hair-quality-guide .custom-second-section {
  padding-block: 70px; }

.custom-hair-quality-guide .custom-second-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-top: 0; }

.custom-hair-quality-guide .custom-second-section .heading:after {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-hair-quality-guide .custom-second-section [data-sub-layout-container]:nth-child(2) {
  max-width: 1040px;
  border-radius: 20px;
  margin-inline: auto;
  margin-block: 40px 0;
  padding: 40px 30px;
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-second-section [data-sub-layout] + [data-sub-layout]:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 80px;
  background: #c7bbcd;
  right: 0;
  top: 0; }

.custom-hair-quality-guide .custom-second-section .h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 700; }

.custom-hair-quality-guide .custom-second-section p {
  font-weight: 400 !important;
  max-width: 480px;
  font-size: 13px !important; }

.custom-hair-quality-guide .custom-third-section {
  padding-block: 70px 40px;
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-third-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px; }

.custom-hair-quality-guide .custom-third-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-hair-quality-guide .custom-third-section [data-sub-layout-container] [data-widget-id] + [data-widget-id] {
  margin-top: 15px;
  max-width: 550px; }

.custom-hair-quality-guide .custom-forth-section {
  padding-block: 70px 70px; }

.custom-hair-quality-guide .custom-forth-section [data-layout-name]:first-child {
  padding-block: 0 40px; }

.custom-hair-quality-guide .custom-forth-section .custom-forth-section [data-layout-name] {
  padding-block: 0; }

.custom-hair-quality-guide .custom-forth-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
  margin-top: 0; }

.custom-hair-quality-guide .custom-forth-section .heading:after {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-hair-quality-guide .custom-forth-section .container {
  width: 100%;
  max-width: 1080px;
  padding-inline: 0;
  padding-block: 0; }

.custom-hair-quality-guide .custom-forth-section [data-sub-layout-container]:nth-child(2) {
  border-radius: 20px;
  padding: 30px 40px;
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-fifth-section [data-widget-id] p,
.custom-hair-quality-guide .custom-fifth-section [data-widget-id] ul {
  padding-inline: 0; }

.icon-with-text {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  background: #f3f3f3;
  max-width: 600px; }

.icon-with-text-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; }

.icon-with-text-content img {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
  object-fit: contain;
  vertical-align: middle; }

.icon-with-text-content h3 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  color: #545454;
  margin-bottom: 18px;
  max-width: 145px;
  margin-top: 0; }

.icon-with-text-content p {
  font-size: 14px;
  line-height: 1.5;
  color: #545454;
  max-width: 135px;
  margin: 0 auto; }

/* Tablet */
@media (max-width: 991px) {
  .icon-with-text {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 30px;
    padding: 50px 30px; }
  .icon-with-text-content p {
    font-size: 18px; } }

/* Mobile */
@media (max-width: 767px) {
  .icon-with-text {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 40px 20px; }
  .icon-with-text-content img {
    width: 60px;
    margin-bottom: 20px; }
  .icon-with-text-content h3 {
    font-size: 28px;
    margin-bottom: 14px; }
  .icon-with-text-content p {
    font-size: 16px;
    line-height: 1.4; } }

.custom-hair-quality-guide .custom-first-section [data-widget-id] ul li {
  display: flex;
  align-items: center;
  gap: 20px; }

.custom-hair-quality-guide .custom-first-section [data-widget-id] ul li p {
  font-style: normal;
  margin-bottom: 0; }

.custom-hair-quality-guide .custom-forth-section [data-layout-name] [data-widget-id] ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 -35px; }

.custom-hair-quality-guide .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout]:last-child {
  border-left: 1px solid #c7bbcd;
  padding-left: 80px; }

.custom-hair-quality-guide .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
  display: flex;
  align-items: center;
  gap: 5px; }

.custom-hair-quality-guide .custom-forth-section [data-layout-name] [data-widget-id] ul li {
  font-size: 13px; }

.custom-hair-quality-guide .custom-forth-section [data-layout-name] [data-widget-id] ul li + li {
  margin-top: 5px; }

.custom-hair-quality-guide .custom-forth-section [data-layout-name] [data-widget-id] p {
  font-size: 13px !important;
  font-weight: 400 !important; }

.custom-hair-quality-guide .custom-fifth-section {
  padding-block: 70px 40px;
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-fifth-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px; }

.custom-hair-quality-guide .custom-fifth-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-hair-quality-guide .custom-fifth-section [data-sub-layout-container] [data-widget-id] + [data-widget-id] {
  margin-top: 15px;
  max-width: 600px; }

.custom-hair-quality-guide .custom-sixth-section [data-sub-layout] [data-widget-id] img {
  width: inherit !important;
  height: 680px !important;
  margin-inline: inherit !important;
  overflow: inherit !important;
  max-width: 100% !important; }

.custom-hair-quality-guide .custom-seventh-section {
  padding-block: 70px 70px;
  background-color: #f4f4f4; }

.custom-hair-quality-guide .custom-sixth-section {
  padding-block: 70px 70px; }

.custom-hair-quality-guide .custom-seventh-section .heading,
.custom-hair-quality-guide .custom-sixth-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px; }

.custom-hair-quality-guide .custom-seventh-section .heading:after,
.custom-hair-quality-guide .custom-sixth-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-hair-quality-guide .custom-seventh-section [data-sub-layout-container] [data-widget-id] + [data-widget-id],
.custom-hair-quality-guide .custom-sixth-section [data-sub-layout-container] [data-widget-id] + [data-widget-id] {
  margin-top: 15px;
  max-width: 600px; }

.custom-hair-quality-guide .custom-nineth-section,
.custom-hair-quality-guide .custom-eightth-section {
  padding-block: 70px 70px; }

.custom-hair-quality-guide .custom-nineth-section .container {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0;
  width: 100%; }

.custom-hair-quality-guide .custom-sixth-section [data-widget-id] ul li {
  display: flex;
  align-items: center;
  gap: 30px; }

.custom-hair-quality-guide .custom-sixth-section [data-widget-id] ul li .content p {
  margin: 0; }

.custom-hair-quality-guide .custom-sixth-section [data-widget-id] ul li .content p + p {
  margin: 0; }

.custom-hair-quality-guide .custom-sixth-section [data-widget-id] ul li span {
  font-size: 24px;
  border: 1px solid;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 36px;
  min-width: 40px; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul li .content p b {
  font-family: 'Open Sans'; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul li .content p {
  font-family: 'Playfair Display';
  margin: 0; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul li {
  display: flex;
  align-items: center;
  gap: 30px; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul li span {
  font-size: 14px;
  border: 1px solid;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 100px;
  min-width: 100px;
  font-weight: 700;
  font-family: 'Playfair Display';
  color: #545454;
  background-color: #fff; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul {
  position: relative;
  padding-bottom: 40px; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #c7bbcd;
  left: 50px;
  top: 0;
  z-index: -1; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul li + li {
  margin-top: 30px; }

.custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul li:first-child p {
  padding-left: 125px;
  margin: 0; }

.custom-hair-quality-guide .custom-sixth-section [data-widget-id] ul {
  margin: 20px 0; }

.custom-hair-quality-guide .custom-sixth-section [data-widget-id] ul li + li {
  margin-top: 25px; }

.custom-hair-quality-guide .custom-sixth-section [data-sub-layout] [data-widget-id] p + p {
  margin-top: 5px; }

.custom-hair-quality-guide .custom-nineth-section [data-content-region="custom-nineth-section-layout"] [data-sub-layout-container] {
  padding-block: 100px; }

.custom-hair-quality-guide .custom-nineth-section .heading.center.white-color {
  color: #fff;
  font-size: 40px; }

.custom-hair-quality-guide .custom-nineth-section [data-widget-id] p em {
  font-family: 'Playfair Display'; }

.custom-hair-quality-guide .custom-nineth-section [data-widget-id] p {
  max-width: 780px; }

/* accordion */
.accordion {
  border: none; }

.accordion-item {
  color: #545454;
  font-size: 14px; }

.accordion-item-header {
  padding: 0.8rem 3rem 0.8rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: bold;
  display: flex;
  position: relative;
  cursor: pointer;
  padding-left: 0;
  align-items: center; }

.accordion-item {
  border-bottom: 1px solid #c7bbcd; }

.accordion-item:first-child {
  border-top: 0; }

.accordion-item-header::after {
  content: "\002B";
  font-size: 18px;
  position: absolute;
  right: 1rem;
  color: #c7bbcd; }

.accordion-item-header.active::after {
  content: "\2212"; }

.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out; }

.accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
  padding-left: 0;
  padding-top: 0; }

/* 28 may css */
.custom-length-guide .custom-first-section {
  padding-block: 70px 70px; }

.custom-length-guide .custom-first-section .heading:before {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-length-guide .custom-first-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0; }

.custom-length-guide .custom-first-section [data-widget-id] .h3 {
  margin: 7px 20px;
  font-size: 20px;
  font-weight: 600;
  color: #545454; }

.custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(2) [data-widget-id] {
  background-color: #f4f4f4; }

.custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(2) {
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 50px; }

.custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(3) {
  max-width: 750px;
  margin-inline: auto;
  margin-top: 50px; }

.custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  justify-content: start;
  padding-bottom: 20px; }

.custom-length-guide .custom-second-section {
  padding-block: 70px 70px;
  background-color: #f4f4f4; }

.custom-length-guide .custom-third-section {
  padding-block: 70px 70px; }

.custom-length-guide .custom-third-section .heading:before {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-length-guide .custom-third-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 60px; }

.custom-length-guide .custom-second-section [data-widget-id] ul li {
  display: flex;
  align-items: start;
  gap: 50px; }

.custom-length-guide .custom-second-section [data-widget-id] ul li + li {
  margin-top: 30px; }

.custom-length-guide .custom-second-section [data-widget-id] ul li .content p {
  margin: 0; }

.custom-length-guide .custom-second-section [data-widget-id] ul li .content p + p {
  margin: 0; }

.custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(2) [data-widget-id]:last-child {
  padding-bottom: 25px; }

.custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(2) [data-widget-id] p {
  padding-inline: 20px;
  max-width: 240px; }

.custom-length-guide .custom-second-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px;
  max-width: 320px; }

.custom-length-guide .custom-second-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-length-guide .custom-second-section [data-sub-layout]:nth-child(2) p {
  max-width: 310px; }

.custom-length-guide .custom-third-section [data-sub-layout] [data-widget-id] + [data-widget-id] {
  margin-top: 20px; }

.custom-length-guide .custom-third-section .container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 20px; }

.custom-length-guide .header-bottom-section [data-layout-name],
.custom-texture-guide .header-bottom-section [data-layout-name],
.custom-method-comparison .header-bottom-section [data-layout-name],
.custom-hair-density-guide .header-bottom-section [data-layout-name],
.custom-colour-guides .header-bottom-section [data-layout-name],
.custom-aftercare-guide .header-bottom-section [data-layout-name],
.custom-brunette-colour-guide .header-bottom-section [data-layout-name],
.custom-blonde-colour-guide .header-bottom-section [data-layout-name],
.custom-balayage-colour-guide .header-bottom-section [data-layout-name],
.custom-red-colour-guide .header-bottom-section [data-layout-name] {
  min-height: 550px; }

@media (min-width: 768px) {
  .custom-length-guide .custom-first-section [data-sub-layout-container]:nth-child(2) [data-widget-id] p {
    min-height: 85px; } }

/* 29 may css */
.custom-in-person-training .custom-first-section {
  padding-block: 30px 40px;
  background-color: #f4f4f4; }

.custom-in-person-training .custom-first-section [data-widget-id] p {
  font-weight: 300 !important;
  max-width: 180px; }

@media (min-width: 1280px) {
  .custom-in-person-training .custom-first-section [data-sub-layout-container] {
    display: grid;
    grid-template-columns: repeat(5, 1fr); }
  .custom-in-person-training .custom-first-section [data-sub-layout-container] [data-sub-layout] {
    width: 100%;
    max-width: 100%; } }

.custom-in-person-training .custom-first-section [data-widget-id] p strong {
  max-width: 130px;
  display: block;
  min-height: 48px;
  display: flex;
  align-items: center;
  margin-bottom: 10px; }

.custom-in-person-training .custom-second-section {
  padding-block: 70px 70px; }

.custom-in-person-training .custom-second-section .heading:before {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-in-person-training .custom-second-section .container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 20px; }

.custom-in-person-training .custom-second-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0; }

.custom-in-person-training .custom-second-section [data-sub-layout] [data-widget-id] + [data-widget-id],
.custom-in-person-training .custom-forth-section [data-sub-layout] [data-widget-id] + [data-widget-id] {
  margin-top: 15px; }

.custom-in-person-training .custom-second-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) {
  padding-left: 50px; }

.custom-in-person-training .custom-forth-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) {
  padding-right: 50px; }

.custom-in-person-training .custom-second-section .container,
.custom-in-person-training .custom-forth-section .container {
  max-width: 1000px;
  margin-inline: auto;
  padding-inline: 20px; }

.custom-in-person-training .custom-forth-section .heading:before {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-in-person-training .custom-forth-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 40px;
  max-width: 500px;
  margin-inline: auto; }

.custom-in-person-training .custom-second-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) p,
.custom-in-person-training .custom-forth-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) p {
  font-weight: 300 !important; }

.custom-in-person-training .custom-second-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) ul li,
.custom-in-person-training .custom-forth-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) ul li {
  font-weight: 300; }

.custom-in-person-training .custom-second-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) ul,
.custom-in-person-training .custom-forth-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) ul {
  margin-bottom: 0; }

.custom-in-person-training .custom-fifth-section {
  background: #f4f4f4;
  padding: 80px 60px; }

.custom-in-person-training .custom-fifth-section .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 90px 70px; }

.custom-in-person-training .custom-fifth-section .item {
  position: relative;
  text-align: center;
  padding: 0 35px; }

/* vertical divider line */
.custom-in-person-training .custom-fifth-section .item::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -35px;
  width: 1px;
  height: 160px;
  background: #c7bbcd; }

/* remove divider from 3rd and 6th item */
.custom-in-person-training .custom-fifth-section .item:nth-child(3)::after,
.custom-in-person-training .custom-fifth-section .item:nth-child(6)::after {
  display: none; }

.custom-in-person-training .custom-fifth-section .item p:first-child {
  max-width: 200px;
  margin-inline: auto; }

.custom-in-person-training .custom-fifth-section .item b {
  color: #545454;
  display: block;
  font-size: 13px; }

.custom-in-person-training .custom-fifth-section .item p:last-child {
  font-weight: 300;
  margin: 0;
  font-size: 13px !important; }

/* responsive */
@media (max-width: 991px) {
  .custom-in-person-training .custom-fifth-section .grid {
    grid-template-columns: 1fr;
    gap: 50px;
    padding: 40px 25px; }
  .custom-in-person-training .custom-fifth-section .item {
    padding: 0; }
  .custom-in-person-training .custom-fifth-section .item::after {
    display: none; } }

.custom-in-person-training .custom-third-section .heading.center {
  margin-block: 0 50px; }

.custom-in-person-training .custom-third-section {
  background-color: #f4f4f4;
  padding-block: 70px; }

.custom-in-person-training .custom-third-section .container {
  max-width: 1000px; }

.custom-in-person-training .custom-third-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] [data-widget-id] {
  background-color: #fff; }

.custom-in-person-training .custom-third-section h3.h3 {
  margin-block: 15px 10px;
  padding-inline: 20px; }

.custom-in-person-training .custom-third-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] [data-widget-id] p {
  padding-inline: 20px;
  min-height: 85px; }

.custom-in-person-training .custom-third-section .buttonLink {
  margin-bottom: 25px;
  width: 100%;
  padding-inline: 20px; }

.custom-in-person-training .custom-third-section .buttonLink a {
  width: 100%;
  border-radius: 6px !important;
  padding-block: 10px !important; }

.custom-in-person-training .custom-forth-section {
  padding-block: 70px; }

.custom-in-person-training .custom-sixth-section {
  padding-block: 60px; }

.custom-method-comparison .custom-first-section,
.custom-method-comparison .custom-third-section {
  background-color: #f4f4f4; }

.custom-method-comparison .custom-first-section .item,
.custom-method-comparison .custom-third-section .item {
  display: flex;
  align-items: center;
  gap: 10px; }

.custom-method-comparison .custom-first-section .grid,
.custom-method-comparison .custom-third-section .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-right: 50px;
  gap: 20px;
  margin-top: 40px; }

.custom-method-comparison .custom-first-section .item .content p,
.custom-method-comparison .custom-third-section .item .content p {
  margin: 0; }

.custom-method-comparison .custom-first-section .heading,
.custom-method-comparison .custom-third-section .heading,
.custom-method-comparison .custom-fifth-section .heading,
.custom-aftercare-guide .custom-first-section .heading,
.custom-aftercare-guide .custom-fifth-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px; }

.custom-method-comparison .custom-first-section .heading:after,
.custom-method-comparison .custom-third-section .heading:after,
.custom-method-comparison .custom-fifth-section .heading:after,
.custom-aftercare-guide .custom-first-section .heading:after,
.custom-aftercare-guide .custom-fifth-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-method-comparison .custom-first-section .container,
.custom-method-comparison .custom-third-section .container {
  padding-inline: 0; }

.custom-method-comparison .custom-fifth-section > .container {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0; }

.custom-method-comparison .custom-fifth-section [data-widget-id] p {
  max-width: 500px; }

.custom-method-comparison .custom-third-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) {
  padding-left: 60px;
  max-width: 750px; }

.custom-method-comparison .custom-fifth-section [data-content-region="custom-fifth-section-layout"] [data-sub-layout-container] {
  padding-block: 70px; }

.custom-method-comparison .custom-second-section,
.custom-method-comparison .custom-forth-section {
  padding-block: 70px; }

.custom-method-comparison .custom-second-section .heading:before,
.custom-method-comparison .custom-forth-section .heading:before {
  position: absolute;
  width: 150px;
  left: 50%;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.custom-method-comparison .custom-second-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 40px; }

.custom-method-comparison .custom-forth-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 20px; }

.custom-method-comparison .custom-forth-section [data-widget-id] ul {
  list-style: none;
  margin: 0; }

.custom-method-comparison .custom-forth-section [data-widget-id] ul li + li {
  margin-top: 12px; }

.custom-method-comparison .custom-forth-section [data-widget-id] ul li {
  font-weight: 300; }

.custom-method-comparison .custom-forth-section [data-sub-layout] {
  padding: 20px; }

.custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) .h3 {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 20px;
  margin-block: 10px 0; }

.custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) [data-widget-id] + [data-widget-id] {
  margin-top: 20px; }

.custom-aftercare-guide .custom-second-section,
.custom-aftercare-guide .custom-forth-section {
  padding-block: 70px; }

.custom-aftercare-guide .custom-third-section {
  padding-block: 70px;
  background-color: #f4f4f4; }

.custom-aftercare-guide .custom-second-section .heading,
.custom-aftercare-guide .custom-third-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 40px; }

.custom-aftercare-guide .custom-second-section [data-widget-id] p {
  max-width: 680px;
  font-size: 13px !important; }

.custom-aftercare-guide .custom-second-section [data-widget-id] p em {
  font-size: 13px; }

.custom-aftercare-guide .custom-second-section [data-widget-id] ul li {
  font-size: 13px !important; }

.custom-aftercare-guide .custom-third-section [data-widget-id] ul {
  list-style: none; }

.custom-aftercare-guide .custom-third-section [data-widget-id] ul li {
  display: flex;
  align-items: start;
  gap: 20px; }

.custom-aftercare-guide .custom-third-section [data-widget-id] ul li .content p {
  margin: 0; }

.custom-aftercare-guide .custom-third-section [data-widget-id] ul li + li {
  margin-top: 20px; }

.custom-aftercare-guide .custom-forth-section [data-sub-layout]:nth-child(2) p {
  max-width: 400px; }

@media screen and (max-width: 767px) {
  .custom-length-guide .header-bottom-section [data-layout-name],
  .custom-texture-guide .header-bottom-section [data-layout-name],
  .custom-method-comparison .header-bottom-section [data-layout-name],
  .custom-hair-density-guide .header-bottom-section [data-layout-name],
  .custom-colour-guides .header-bottom-section [data-layout-name],
  .custom-aftercare-guide .header-bottom-section [data-layout-name],
  .custom-brunette-colour-guide .header-bottom-section [data-layout-name],
  .custom-blonde-colour-guide .header-bottom-section [data-layout-name],
  .custom-balayage-colour-guide .header-bottom-section [data-layout-name],
  .custom-red-colour-guide .header-bottom-section [data-layout-name] {
    min-height: 350px; }
  .custom-method-comparison .custom-first-section .grid, .custom-method-comparison .custom-third-section .grid {
    grid-template-columns: repeat(1, 1fr);
    padding-right: 0;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .custom-method-comparison .custom-first-section {
    padding-block: 40px;
    padding-inline: 15px; }
  .custom-method-comparison .custom-second-section, .custom-method-comparison .custom-forth-section {
    padding-block: 40px; }
  .custom-method-comparison .custom-second-section [data-sub-layout] + [data-sub-layout] {
    margin-top: 30px; }
  .custom-method-comparison .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    border: 1px solid #f4f4f4; }
  .custom-method-comparison .custom-third-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) {
    padding-inline: 20px; }
  .custom-method-comparison .custom-fifth-section [data-content-region="custom-fifth-section-layout"] [data-sub-layout-container] {
    padding-block: 40px; }
  .banner-content h1.heading {
    margin-top: 0; }
  .custom-in-person-training .custom-second-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) {
    padding-left: 0;
    padding-top: 30px; }
  .custom-in-person-training .custom-second-section {
    padding-block: 40px 40px; }
  .custom-in-person-training .custom-third-section {
    padding-block: 40px; }
  .custom-in-person-training .custom-fifth-section {
    padding: 40px 0px; }
  .custom-in-person-training .custom-forth-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) {
    padding-right: 0;
    padding-bottom: 30px; }
  .custom-hair-quality-guide .custom-eightth-section [data-widget-id] ul {
    margin-top: 30px;
    margin-left: 0; }
  .custom-hair-quality-guide .custom-sixth-section [data-sub-layout] [data-widget-id] img {
    height: auto !important; }
  .custom-hair-quality-guide .custom-nineth-section, .custom-hair-quality-guide .custom-eightth-section {
    padding-block: 0; }
  .custom-hair-quality-guide .custom-sixth-section {
    padding-block: 40px; }
  .custom-length-guide .custom-second-section [data-widget-id] ul {
    margin: 0;
    margin-top: 30px; }
  .custom-hair-quality-guide .custom-second-section [data-sub-layout] + [data-sub-layout]:after {
    opacity: 0; }
  .custom-hair-quality-guide .custom-sixth-section [data-sub-layout-container] [data-sub-layout]:nth-child(3) {
    padding-left: 0;
    padding-top: 30px; }
  .custom-hair-quality-guide .custom-forth-section .container {
    padding-inline: 20px; }
  .custom-hair-quality-guide .custom-forth-section {
    padding-block: 40px; }
  .custom-length-guide .custom-second-section [data-widget-id] ul li {
    gap: 20px; }
  .custom-length-guide .custom-third-section .heading {
    margin-bottom: 20px; }
  .custom-length-guide .custom-third-section {
    padding-block: 40px; }
  .custom-hair-quality-guide .custom-nineth-section [data-content-region="custom-nineth-section-layout"] [data-sub-layout-container] {
    padding-block: 50px; }
  .custom-hair-quality-guide .custom-second-section {
    padding-block: 40px; }
  .custom-length-guide .custom-third-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    padding-left: 0px;
    padding-top: 30px; }
  .custom-hair-quality-guide .custom-nineth-section .heading.center.white-color {
    font-size: 28px;
    margin-top: 0;
    padding-inline: 20px; }
  .custom-hair-quality-guide .custom-nineth-section [data-widget-id] p em {
    padding-inline: 20px;
    font-size: 18px; }
  .custom-hair-quality-guide .header-bottom-section [data-layout-name] {
    padding-block: 50px;
    min-height: 350px; }
  .custom-hair-quality-guide .custom-banner-bottom-content {
    padding: 20px; }
  .custom-hair-quality-guide .custom-banner-bottom-content [data-sub-layout] + [data-sub-layout] {
    margin-top: 15px; } }

/* 1 june 2026 css */
.custom-aftercare-guide .custom-first-section {
  background-color: #f4f4f4;
  padding-block: 60px; }

.custom-aftercare-guide .custom-first-section table.extensions-table {
  border-collapse: collapse;
  margin-top: 25px; }

.custom-aftercare-guide .custom-first-section table.extensions-table th,
.custom-aftercare-guide .custom-first-section table.extensions-table td {
  border-bottom: 1px solid #fff;
  padding: 12px;
  font-size: 12.1px; }

.custom-aftercare-guide .custom-first-section table.extensions-table th {
  border-color: #c7bbcd;
  text-align: left; }

.custom-aftercare-guide .custom-first-section table.extensions-table .habit-content {
  display: flex;
  align-items: center;
  gap: 10px; }

.custom-aftercare-guide .custom-first-section [data-sub-layout] {
  justify-content: start; }

.custom-aftercare-guide .custom-first-section [data-sub-layout] + [data-sub-layout] {
  border-left: 2px solid #c7bbcd;
  padding-left: 30px;
  padding-top: 30px; }

.custom-aftercare-guide .custom-first-section [data-sub-layout] p strong {
  display: block;
  margin-bottom: 20px; }

.custom-aftercare-guide .custom-first-section [data-test-id="product-set-widget-name"] a {
  font-size: 13px;
  line-height: 0;
  font-family: 'Open Sans'; }

.custom-aftercare-guide .custom-first-section [data-test-id="product-set-widget-name"] {
  line-height: normal;
  margin-block: 10px 20px;
  font-size: 13px; }

.custom-aftercare-guide .custom-first-section [data-widget-id] p {
  font-size: 13px !important; }

.custom-aftercare-guide .custom-first-section .habit-content span {
  font-size: 12.1px; }

.custom-aftercare-guide .custom-first-section [data-widget-id] [aria-label] {
  padding: 6px; }

.custom-aftercare-guide .custom-fifth-section [data-widget-id] + [data-widget-id] {
  margin-top: 15px; }

.custom-aftercare-guide .custom-fifth-section [data-widget-id] ul {
  margin: 0;
  padding: 0 10px;
  list-style: none;
  max-width: 400px; }

.custom-aftercare-guide .custom-fifth-section [data-widget-id] ul li {
  display: flex;
  justify-content: space-between;
  padding-inline: 20px 40px;
  padding-block: 10px 5px; }

.custom-aftercare-guide .custom-fifth-section [data-widget-id] ul li + li {
  border-top: 1px solid #c7bbcd; }

.custom-aftercare-guide .custom-fifth-section [data-widget-id] ul li p {
  margin: 0;
  min-width: 105px; }

.custom-aftercare-guide .custom-first-section [data-widget-id] [aria-label] a {
  padding-bottom: 150px !important; }

.custom-aftercare-guide .custom-first-section [data-widget-id] [aria-label] img {
  filter: brightness(1.05) contrast(1.05); }

.custom-aftercare-guide .custom-fifth-section [data-sub-layout] + [data-sub-layout] {
  padding-left: 60px; }

.custom-aftercare-guide .custom-fifth-section .text-box {
  padding: 15px 30px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px; }

.custom-aftercare-guide .custom-fifth-section .text-box p {
  margin: 0; }

.custom-shipping-delivery .custom-first-section,
.custom-shipping-delivery .custom-third-section,
.custom-shipping-delivery .custom-fifth-section {
  padding-block: 60px; }

.custom-shipping-delivery .custom-second-section,
.custom-shipping-delivery .custom-forth-section {
  background-color: #f4f4f4;
  padding-block: 60px; }

.custom-shipping-delivery .custom-forth-section .container {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0; }

.custom-shipping-delivery .custom-first-section [data-content-region],
.custom-shipping-delivery .custom-third-section [data-content-region],
.custom-shipping-delivery .custom-forth-section [data-content-region] {
  max-width: 850px;
  padding-inline: 20px;
  margin-inline: auto; }

.custom-shipping-delivery .custom-second-section [data-sub-layout-container]:first-child p {
  max-width: 850px;
  margin-inline: auto;
  width: 100%; }

.custom-shipping-delivery .custom-second-section [data-sub-layout] + [data-sub-layout] {
  padding-left: 40px; }

.custom-shipping-delivery .custom-first-section .heading,
.custom-shipping-delivery .custom-second-section .heading,
.custom-shipping-delivery .custom-third-section .heading,
.custom-shipping-delivery .custom-forth-section .heading,
.custom-shipping-delivery .custom-fifth-section .heading,
.custom-online-training .custom-third-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 40px; }

.custom-shipping-delivery .custom-fifth-section [data-widget-id] .h3 {
  margin-block: 12px 20px; }

.custom-shipping-delivery .custom-fifth-section [data-widget-id] ul {
  margin: 0 0 20px 0;
  padding: 0px 0 0 20px; }

.custom-shipping-delivery .custom-fifth-section [data-widget-id] ul li + li {
  margin-top: 12px; }

@media screen and (max-width: 1024px) {
  .custom-aftercare-guide .custom-first-section table.extensions-table th, .custom-aftercare-guide .custom-first-section table.extensions-table td {
    padding: 8px 6px; }
  .custom-aftercare-guide .custom-first-section [data-sub-layout] + [data-sub-layout] {
    padding-left: 20px;
    padding-top: 20px; }
  .custom-aftercare-guide .custom-fifth-section [data-sub-layout] + [data-sub-layout] {
    padding-left: 20px; } }

@media screen and (max-width: 767px) {
  .custom-shipping-delivery .custom-first-section, .custom-shipping-delivery .custom-third-section, .custom-shipping-delivery .custom-fifth-section {
    padding-block: 40px; }
  .custom-shipping-delivery .custom-second-section, .custom-shipping-delivery .custom-forth-section {
    padding-block: 20px 40px; }
  .custom-shipping-delivery .custom-second-section [data-sub-layout] + [data-sub-layout] {
    padding-left: 0; }
  .h1 {
    font-size: 28px; }
  h1.heading {
    font-size: 24px; }
  .custom-shipping-delivery .custom-first-section [data-content-region], .custom-shipping-delivery .custom-third-section [data-content-region], .custom-shipping-delivery .custom-forth-section [data-content-region] {
    padding-inline: 0; }
  .custom-shipping-delivery .custom-fifth-section .heading {
    margin-bottom: 20px; }
  .custom-aftercare-guide .custom-fifth-section [data-sub-layout] + [data-sub-layout] {
    padding-left: 0; }
  .custom-aftercare-guide .custom-first-section {
    padding-block: 40px; }
  .custom-aftercare-guide .custom-first-section .container {
    padding-inline: 10px; }
  .custom-aftercare-guide .custom-first-section [data-sub-layout] + [data-sub-layout] {
    border-left: 0px solid #c7bbcd;
    padding-left: 10px;
    padding-top: 40px; }
  .custom-aftercare-guide .custom-second-section, .custom-aftercare-guide .custom-forth-section {
    padding-block: 40px; }
  .custom-aftercare-guide .custom-third-section {
    padding-block: 40px; }
  .custom-aftercare-guide .custom-third-section [data-widget-id] ul {
    margin: 0; }
  .custom-aftercare-guide .custom-forth-section h1.heading {
    margin-top: 0;
    margin-bottom: 15px; }
  .custom-aftercare-guide .custom-forth-section [data-widget-id] .accordion {
    margin-top: 25px; }
  .custom-aftercare-guide .custom-fifth-section .heading {
    margin-top: 25px;
    font-size: 24px; }
  .custom-aftercare-guide .custom-fifth-section {
    padding-bottom: 40px; } }

/* june 02 css */
.custom-online-training .custom-first-section .heading {
  position: relative;
  padding-bottom: 15px;
  margin-top: 0;
  margin-bottom: 15px; }

.custom-online-training .custom-first-section .heading:after {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-online-training .custom-first-section [data-widget-id] .container {
  max-width: 450px;
  margin-left: 0;
  padding-inline: 0; }

.custom-online-training .custom-first-section [data-widget-id] + [data-widget-id],
.custom-online-training .custom-fifth-section [data-widget-id] + [data-widget-id] {
  margin-top: 10px; }

.custom-online-training .custom-first-section [data-widget-id] p,
.custom-online-training .custom-fifth-section [data-widget-id] p {
  font-weight: 300 !important; }

.custom-online-training .custom-first-section [data-widget-id] p + p,
.custom-online-training .custom-fifth-section [data-widget-id] p + p {
  margin-top: 10px; }

.custom-online-training .custom-first-section [data-sub-layout]:nth-child(2) [data-widget-id],
.custom-online-training .custom-fifth-section [data-sub-layout-container]:nth-child(2) [data-widget-id] {
  max-width: 450px; }

.custom-online-training .custom-third-section {
  padding-block: 0 60px; }

.custom-online-training .custom-third-section .container {
  max-width: 1050px; }

.custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) [data-sub-layout] {
  width: 100%;
  max-width: 1000%; }

.custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px; }

.custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) [data-sub-layout] {
  justify-content: start;
  box-shadow: 0 0 15px 0 #ddd;
  padding: 0 0 20px 0; }

.custom-online-training .custom-third-section .buttonLink a {
  background-color: #545454 !important;
  border: none !important;
  padding: 10px 25px !important;
  font-size: 13.1px !important;
  color: #fff !important;
  font-family: 'Open Sans' !important;
  margin: 0 !important;
  border-radius: 6px !important;
  width: 100% !important; }

.custom-online-training .custom-third-section .buttonLink {
  width: 100%;
  padding-inline: 40px;
  margin: 0; }

.custom-online-training .custom-third-section [data-widget-id] p {
  padding-inline: 40px; }

.custom-online-training .custom-third-section [data-widget-id] h4 {
  padding-inline: 40px;
  margin: 20px 0 15px; }

.custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) [data-widget-id] ul {
  margin-top: 15px;
  padding-inline: 40px;
  margin-inline: 0; }

.custom-online-training .custom-third-section [data-sub-layout-container]:first-child [data-widget-id] ul {
  margin-bottom: 70px; }

.custom-online-training .custom-third-section [data-sub-layout-container]:first-child [data-widget-id] ul li + li {
  margin-top: 32px; }

.custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) [data-widget-id] ul li {
  font-weight: 300; }

.custom-online-training .custom-forth-section [data-content-region="custom-forth-section-layout"] {
  max-width: 1080px;
  margin-inline: auto; }

.custom-online-training .custom-forth-section .container {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0; }

.custom-online-training .custom-forth-section {
  background-color: #f4f4f4;
  padding-block: 50px; }

.custom-online-training .custom-forth-section [data-sub-layout] + [data-sub-layout] {
  border-left: 2px solid #c7bbcd;
  padding-left: 0;
  padding-top: 0; }

.custom-online-training .custom-forth-section .heading {
  font-size: 26px;
  padding-right: 40px; }

.custom-online-training .custom-forth-section [data-sub-layout] + [data-sub-layout] [data-widget-id] p {
  font-weight: 300 !important;
  max-width: 158px; }

.custom-online-training .custom-forth-section [data-widget-id] + [data-widget-id] {
  margin-top: 15px; }

.custom-online-training .custom-fifth-section [data-sub-layout-container]:nth-child(2),
.custom-online-training .custom-sixth-section [data-sub-layout-container]:nth-child(2) {
  margin-top: 40px; }

.custom-online-training .custom-fifth-section {
  padding-block: 60px 30px; }

.custom-online-training .custom-sixth-section {
  padding-block: 60px; }

.custom-online-training .custom-fifth-section h1.heading,
.custom-online-training .custom-sixth-section h1.heading {
  margin-top: 0; }

.custom-online-training .custom-fifth-section .text-box {
  margin-top: 12px;
  max-width: 480px;
  padding: 20px;
  text-align: center; }

.custom-online-training .custom-sixth-section {
  box-shadow: 0 0 20px 0 #dddddd61; }

.custom-online-training .custom-third-section [data-sub-layout-container]:first-child [data-widget-id] ul {
  position: relative;
  margin: 40px 0 70px;
  padding: 0; }

.custom-online-training .custom-third-section [data-sub-layout-container]:first-child [data-widget-id] ul:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #c7bbcd;
  left: 20px;
  top: 0;
  z-index: -1; }

.custom-online-training .custom-second-section .content.center h1 {
  margin-top: 0;
  padding-top: 0; }

.custom-online-training .custom-second-section {
  box-shadow: 0 -10px 20px 0 #dddddd33;
  padding-top: 60px;
  margin-top: 50px; }

.custom-online-training .custom-third-section [data-widget-id] ul li .content p {
  margin: 0;
  padding: 0; }

.custom-online-training .custom-third-section [data-sub-layout-container]:first-child [data-widget-id] ul li {
  display: flex;
  gap: 30px;
  align-items: center; }

.custom-online-training .custom-third-section [data-widget-id] ul li .content p + p {
  margin: 0; }

.custom-online-training .custom-third-section [data-widget-id] ul li span {
  font-size: 24px;
  border: 1px solid;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 36px;
  min-width: 40px;
  background-color: #fff; }

.custom-online-training .custom-sixth-section [data-widget-id] ul {
  padding-left: 10px;
  margin-block: 10px 20px; }

.custom-online-training .custom-first-section {
  padding-top: 50px; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-inline: 40px; }
  .custom-online-training .custom-forth-section .heading {
    font-size: 24px;
    padding-right: 10px; } }

@media screen and (max-width: 767px) {
  .custom-online-training .custom-third-section [data-sub-layout-container]:nth-child(3) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding-inline: 0; }
  .custom-online-training .custom-second-section {
    box-shadow: 0 -10px 20px 0 #dddddd33;
    padding-top: 40px;
    margin-top: 40px; }
  .custom-online-training .custom-first-section [data-sub-layout] + [data-sub-layout] {
    margin-top: 32px; }
  .custom-online-training .custom-third-section {
    padding-block: 0 40px; }
  .custom-online-training .custom-forth-section [data-sub-layout] {
    max-width: 80%;
    margin-inline: auto;
    text-align: center; }
  .custom-online-training .custom-forth-section [data-sub-layout] + [data-sub-layout] {
    border-left: 0px solid #c7bbcd;
    padding-left: 0px;
    padding-top: 0;
    border-bottom: 2px solid #c7bbcd;
    padding-bottom: 24px; }
  .custom-online-training .custom-fifth-section {
    padding-block: 40px 30px; }
  .custom-online-training .custom-sixth-section {
    padding-block: 40px; }
  .custom-online-training .custom-fifth-section [data-sub-layout-container]:nth-child(2), .custom-online-training .custom-sixth-section [data-sub-layout-container]:nth-child(2) {
    margin-top: 20px; }
  .custom-online-training .custom-forth-section .heading {
    font-size: 26px;
    padding-right: 0; }
  .custom-online-training .custom-forth-section [data-sub-layout]:last-child {
    border: none; } }

/* 4 june css */
.custom-method-comparison .custom-forth-section [data-widget-id] ul li img {
  width: 24px; }

.custom-method-comparison .custom-forth-section [data-widget-id] ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-family: 'Open Sans';
  color: #545454;
  font-weight: 400;
  line-height: 24px; }

.custom-aftercare-guide .custom-fifth-section {
  background-color: #f4f4f4;
  padding-block: 60px; }

.custom-aftercare-guide .custom-fifth-section .text-box {
  background-color: #fff !important; }

.custom-terms-conditions p b {
  font-size: 13px;
  color: #000;
  display: block;
  margin-top: 12px; }

.custom-terms-conditions p {
  font-size: 13px !important;
  color: #000 !important;
  margin-bottom: 25px; }

.custom-terms-conditions .header-bottom-section .h1 {
  font-size: 40px;
  margin-top: 0; }

.custom-terms-conditions .header-bottom-section [data-layout-name] {
  padding-block: 70px; }

.custom-terms-conditions .header-bottom-section .h-center-line {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 30px; }

.custom-terms-conditions .custom-first-section {
  padding-block: 40px; }

.custom-terms-conditions .custom-first-section .container,
.custom-terms-conditions .custom-second-section .container,
.custom-terms-conditions .header-bottom-section .container {
  max-width: 900px;
  margin-inline: auto;
  padding-inline: 20px; }

.custom-terms-conditions .custom-second-section {
  background-color: #f4f4f4;
  padding-block: 40px; }

@media screen and (max-width: 767px) {
  .custom-aftercare-guide .custom-fifth-section {
    padding-block: 40px; }
  .custom-aftercare-guide .header-bottom-section .banner-content {
    max-width: 250px; }
  .custom-terms-conditions .header-bottom-section [data-layout-name] {
    padding-block: 40px; }
  .custom-terms-conditions .header-bottom-section .h1 {
    font-size: 28px;
    margin-top: 0; }
  .custom-terms-conditions .custom-first-section {
    padding-block: 30px; }
  .custom-terms-conditions p {
    margin-bottom: 20px; }
  .custom-terms-conditions .custom-second-section {
    padding-block: 30px; } }

/* 05 june css */
.custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  width: 100%;
  max-width: 100%;
  padding-inline: 0; }

.custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px; }

.custom-method-comparison .custom-first-section .item img, .custom-method-comparison .custom-third-section .item img {
  height: 70px; }

.custom-method-comparison .custom-first-section .container, .custom-method-comparison .custom-third-section .container {
  max-width: 100%; }

.custom-method-comparison .custom-first-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) {
  padding-right: 60px;
  margin-left: auto;
  max-width: 750px; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(3, 1fr); } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(2, 1fr); } }

@media screen and (max-width: 575px) {
  .custom-method-comparison .custom-second-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(1, 1fr); } }

@media screen and (max-width: 767px) {
  section.header-bottom-section [data-content-region="header_bottom"] [data-sub-layout-container] {
    position: relative; }
  section.header-bottom-section [data-content-region="header_bottom"] [data-sub-layout-container]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 0;
    opacity: .6; } }

.custom-returns-exchanges .custom-first-section,
.custom-returns-exchanges .custom-third-section,
.custom-returns-exchanges .custom-nineth-section {
  padding-block: 60px; }

.custom-returns-exchanges .custom-first-section .heading {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 24px;
  margin-top: 0; }

.custom-returns-exchanges .custom-first-section .heading:before {
  position: absolute;
  width: 150px;
  left: 0;
  bottom: 0;
  content: '';
  height: 2px;
  background: #c7bbcd; }

.custom-returns-exchanges .custom-first-section [data-sub-layout-container],
.custom-returns-exchanges .custom-nineth-section [data-sub-layout-container] {
  padding-top: 0; }

.custom-returns-exchanges .custom-first-section [data-sub-layout-container] [data-sub-layout]:last-child,
.custom-returns-exchanges .custom-nineth-section [data-sub-layout-container] [data-sub-layout]:last-child {
  padding-left: 60px; }

.custom-returns-exchanges .header-bottom-section [data-layout-name] {
  padding-block: 60px; }

.custom-returns-exchanges .custom-fifth-section,
.custom-returns-exchanges .custom-seventh-section {
  padding-block: 60px; }

.custom-returns-exchanges .custom-second-section,
.custom-returns-exchanges .custom-forth-section,
.custom-returns-exchanges .custom-sixth-section,
.custom-returns-exchanges .custom-eightth-section {
  padding-block: 60px;
  background-color: #f4f4f4; }

.custom-returns-exchanges .custom-forth-section .heading,
.custom-returns-exchanges .custom-sixth-section .heading {
  margin-top: 0; }

.custom-returns-exchanges .custom-forth-section [data-content-region],
.custom-returns-exchanges .custom-sixth-section [data-content-region] {
  max-width: 850px;
  margin-inline: auto; }

.custom-returns-exchanges .custom-forth-section [data-content-region] ul,
.custom-returns-exchanges .custom-sixth-section [data-content-region] ul {
  max-width: 350px;
  margin-inline: auto;
  margin-block: 10px; }

.custom-returns-exchanges .custom-forth-section [data-content-region] ul li,
.custom-returns-exchanges .custom-sixth-section [data-content-region] ul li {
  font-weight: 300; }

.custom-returns-exchanges .custom-forth-section [data-content-region] p,
.custom-returns-exchanges .custom-sixth-section [data-content-region] p {
  font-weight: 300 !important;
  font-size: 13px !important; }

.custom-returns-exchanges .custom-forth-section [data-sub-layout] [data-widget-id] + [data-widget-id],
.custom-returns-exchanges .custom-sixth-section [data-sub-layout] [data-widget-id] + [data-widget-id] {
  margin-top: 10px; }

.custom-returns-exchanges .custom-second-section [data-sub-layout-container]:nth-child(2),
.custom-returns-exchanges .custom-forth-section [data-sub-layout-container]:nth-child(2),
.custom-returns-exchanges .custom-sixth-section [data-sub-layout-container]:nth-child(2),
.custom-returns-exchanges .custom-seventh-section [data-sub-layout-container]:nth-child(2) {
  margin-top: 40px; }

.custom-returns-exchanges .custom-forth-section [data-content-region] ul li + li,
.custom-returns-exchanges .custom-sixth-section [data-content-region] ul li + li {
  margin-top: 5px; }

.custom-returns-exchanges .custom-fifth-section [data-widget-id] ul,
.custom-returns-exchanges .custom-third-section [data-widget-id] ul {
  padding-inline: 0;
  margin-block: 10px 15px; }

.custom-returns-exchanges .header-bottom-section .container {
  max-width: 580px; }

.custom-returns-exchanges .header-bottom-section .container .h1 {
  font-size: 40px;
  margin-top: 0; }

.custom-returns-exchanges .custom-second-section .policy-table {
  margin-inline: auto;
  border: 1px solid; }

.custom-returns-exchanges .custom-second-section .policy-table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #222;
  max-width: 800px; }

.custom-returns-exchanges .custom-second-section .policy-table td,
.custom-returns-exchanges .custom-second-section .policy-table th {
  border: 2px solid #222;
  padding: 10px 10px;
  font-size: 13px; }

.custom-returns-exchanges .custom-additional-form-section .heading {
  margin-top: 0; }

.custom-returns-exchanges .custom-additional-form-section {
  padding-block: 60px; }

.custom-returns-exchanges .custom-additional-form-section [data-widget-id] p {
  max-width: 900px; }

.custom-returns-exchanges .custom-additional-form-section .additional-form {
  max-width: 750px;
  margin-top: 40px; }

.custom-returns-exchanges .custom-additional-form-section .form-label {
  font-size: 13px; }

.custom-returns-exchanges .custom-additional-form-section .additional-form .form-field .form-input {
  height: 50px;
  border: none;
  border-radius: 0; }

.custom-returns-exchanges .custom-additional-form-section .additional-form .form-field textarea {
  min-height: 100px; }

.custom-returns-exchanges .custom-additional-form-section .additional-form .form-actions {
  text-align: left; }

.custom-returns-exchanges .custom-additional-form-section .additional-form .form-actions input {
  height: 45px;
  border-radius: 0; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-returns-exchanges .custom-first-section [data-sub-layout-container] [data-sub-layout]:last-child, .custom-returns-exchanges .custom-nineth-section [data-sub-layout-container] [data-sub-layout]:last-child {
    padding-left: 30px; } }

@media screen and (max-width: 767px) {
  .custom-returns-exchanges .header-bottom-section .container .h1 {
    font-size: 28px;
    margin-top: 0; }
  .custom-returns-exchanges .header-bottom-section [data-layout-name] {
    padding-block: 40px; }
  .custom-returns-exchanges .custom-first-section, .custom-returns-exchanges .custom-third-section, .custom-returns-exchanges .custom-nineth-section {
    padding-block: 40px; }
  .custom-returns-exchanges .custom-first-section [data-sub-layout-container] [data-sub-layout]:last-child, .custom-returns-exchanges .custom-nineth-section [data-sub-layout-container] [data-sub-layout]:last-child {
    padding-left: 10px;
    padding-top: 20px; }
  .custom-returns-exchanges .custom-second-section, .custom-returns-exchanges .custom-forth-section, .custom-returns-exchanges .custom-sixth-section, .custom-returns-exchanges .custom-eightth-section {
    padding-block: 40px;
    background-color: #f4f4f4; }
  .custom-returns-exchanges .custom-first-section [data-sub-layout-container], .custom-returns-exchanges .custom-nineth-section [data-sub-layout-container] {
    padding-top: 0;
    padding-bottom: 0; }
  .custom-returns-exchanges .custom-fifth-section, .custom-returns-exchanges .custom-seventh-section {
    padding-block: 40px; }
  .custom-returns-exchanges .custom-additional-form-section {
    padding-block: 40px 20px; }
  .custom-returns-exchanges .custom-additional-form-section .additional-form .form-field .form-input {
    height: 45px; }
  .custom-hair-quality-guide .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout]:last-child {
    border-left: 0px solid #c7bbcd;
    padding-left: 10px;
    padding-top: 20px; }
  .custom-hair-quality-guide .custom-seventh-section {
    padding-block: 40px;
    background-color: #f4f4f4; }
  .custom-hair-quality-guide .custom-seventh-section .heading {
    margin-top: 20px; }
  .custom-method-comparison .custom-fifth-section [data-sub-layout-container]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 0;
    opacity: .6; }
  section.header-bottom-section [data-content-region="header_bottom"] [data-sub-layout-container]:after {
    background-position-x: 85% !important; } }

/* june 8  css */
.custom-aftercare-guide .custom-forth-section .accordion-item-body-content ul {
  padding-left: 5px; }

.custom-aftercare-guide .custom-first-section table.extensions-table .habit-content img {
  width: 40px;
  vertical-align: middle;
  object-fit: contain; }

.custom-shipping-delivery .header-bottom-section p {
  max-width: 500px;
  margin-inline: auto; }

.custom-in-person-training .custom-sixth-section [data-widget-id] p {
  max-width: 390px;
  margin: 0 auto; }

.custom-in-person-training .custom-sixth-section [data-widget-id] + [data-widget-id] {
  margin-top: 20px; }

.custom-education .custom-second-section [data-widget-id] {
  margin-bottom: 20px; }

.custom-hair-quality-guide .custom-seventh-section .buttonLink a,
.custom-hair-quality-guide .custom-eightth-section .buttonLink a {
  padding-inline: 20px !important;
  font-size: 13px !important;
  padding-block: 14px !important; }

/* 10 june css */
.custom-before-afters .header-bottom-section [data-layout-name] {
  padding-block: 100px;
  min-height: 550px; }

.custom-before-afters .custom-first-section,
.custom-before-afters .custom-third-section,
.custom-before-afters .custom-fifth-section {
  padding-block: 70px; }

.custom-before-afters .custom-second-section,
.custom-before-afters .custom-forth-section {
  padding-block: 70px;
  background-color: #f4f4f4; }

.custom-before-afters .custom-first-section .before-after-grid .card,
.custom-before-afters .custom-third-section .before-after-grid .card {
  margin: 0;
  background-color: #f4f4f4; }

.custom-before-afters .custom-second-section .before-after-grid .card,
.custom-before-afters .custom-forth-section .before-after-grid .card {
  margin: 0;
  background-color: #fff; }

.custom-before-afters .before-after-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 80px; }

.custom-before-afters .custom-first-section [data-sub-layout-container]:nth-child(2),
.custom-before-afters .custom-second-section [data-sub-layout-container]:nth-child(2),
.custom-before-afters .custom-third-section [data-sub-layout-container]:nth-child(2),
.custom-before-afters .custom-forth-section [data-sub-layout-container]:nth-child(2) {
  margin-top: 20px; }

.custom-before-afters .custom-fifth-section [data-sub-layout-container]:nth-child(2) {
  margin-top: 20px; }

.custom-before-afters .custom-fifth-section [data-sub-layout-container]:nth-child(2) p {
  max-width: 550px;
  margin-inline: auto; }

.custom-before-afters .before-after-grid .card .image {
  position: relative; }

.custom-before-afters .before-after-grid .card .label-group span {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #545454;
  color: #fff;
  font-size: 9px;
  font-family: 'Open Sans';
  font-weight: 700;
  padding: 3px 12px;
  letter-spacing: 0px; }

.custom-before-afters .before-after-grid .card .label-group span:last-child {
  left: 50%; }

.custom-before-afters .before-after-grid .card .content h5 {
  margin: 0;
  font-size: 15px;
  font-family: 'Playfair Display';
  text-transform: capitalize;
  font-weight: 700; }

.custom-before-afters .before-after-grid .card .content p {
  margin: 0;
  font-size: 13px !important;
  margin-top: 5px;
  font-weight: 500 !important; }

.custom-before-afters .before-after-grid .card .content {
  padding: 18px 15px 15px; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .custom-before-afters .before-after-grid {
    gap: 20px;
    margin-top: 40px; } }

@media screen and (min-width: 481px) and (max-width: 767px) {
  .custom-before-afters .before-after-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 30px; } }

@media screen and (max-width: 480px) {
  .custom-before-afters .before-after-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 30px; } }

@media screen and (max-width: 1024px) {
  .custom-before-afters .custom-first-section, .custom-before-afters .custom-third-section, .custom-before-afters .custom-fifth-section {
    padding-block: 40px; }
  .custom-before-afters .custom-second-section, .custom-before-afters .custom-forth-section {
    padding-block: 40px; }
  .custom-before-afters .header-bottom-section [data-layout-name] {
    min-height: 360px; } }

/* 12 june css */
.custom-pro-educations-vault .header-bottom-section [data-layout-name] {
  padding-block: 40px; }

.custom-pro-educations-vault .header-bottom-section h1.heading {
  margin-top: 0; }

.custom-pro-educations-vault .header-bottom-section .short-desc {
  text-transform: uppercase;
  letter-spacing: 2.6px;
  font-family: 'Open Sans'; }

.custom-pro-educations-vault .header-bottom-section .long-desc {
  max-width: 520px;
  margin-inline: auto;
  font-size: 16px !important; }

.custom-pro-educations-vault .custom-second-section [data-sub-layout]:nth-child(2) {
  padding-left: 50px;
  padding-right: 30px; }

.custom-pro-educations-vault .custom-second-section [data-sub-layout]:nth-child(2) h2 {
  margin-top: 0;
  font-weight: 700;
  max-width: 320px;
  font-size: 26px; }

.custom-pro-educations-vault .custom-second-section [data-sub-layout]:nth-child(2) .buttonLink a {
  border-radius: 6px !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  margin-block: 10px 5px;
  width: 100%;
  max-width: 180px; }

.custom-pro-educations-vault .custom-second-section [data-sub-layout]:nth-child(2) .buttonLink {
  margin-top: 0;
  width: 100%; }

.custom-pro-educations-vault .custom-third-section,
.custom-pro-educations-vault .custom-forth-section,
.custom-pro-educations-vault .custom-fifth-section {
  padding-block: 60px; }

.custom-pro-educations-vault .custom-fifth-section [data-sub-layout-container]:nth-child(3) {
  margin-top: 30px; }

.custom-pro-educations-vault .custom-third-section h1.heading,
.custom-pro-educations-vault .custom-forth-section h1.heading {
  margin-top: 0;
  margin-bottom: 50px; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] [data-widget-id],
.custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] [data-widget-id] {
  background-color: #f4f4f4; }

.custom-pro-educations-vault .custom-third-section p, .custom-pro-educations-vault .custom-forth-section p {
  padding-inline: 20px;
  padding-bottom: 20px; }

.custom-pro-educations-vault .custom-third-section h4.h4, .custom-pro-educations-vault .custom-forth-section h4.h4 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  padding-inline: 20px;
  padding-block: 20px 0; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2) .buttonLink,
.custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) .buttonLink {
  width: 100%;
  padding-inline: 40px;
  margin: 0;
  padding-bottom: 20px; }

.custom-pro-educations-vault .custom-forth-section {
  box-shadow: 0 0 15px 0 #dddddd6e; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2) .buttonLink a,
.custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) .buttonLink a {
  background-color: #545454 !important;
  border: none !important;
  padding: 10px 25px !important;
  font-size: 13.1px !important;
  color: #fff !important;
  font-family: 'Open Sans' !important;
  margin: 0 !important;
  border-radius: 6px !important;
  width: 100% !important; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(3) .buttonLink a,
.custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(3) .buttonLink a {
  border-bottom: 1px solid #c7bbcd !important;
  padding-bottom: 12px !important;
  margin-top: 20px !important; }

.custom-pro-educations-vault .custom-sixth-section .container {
  max-width: 100%;
  padding-inline: 0; }

.custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout] {
  padding-inline: 0; }

.custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout]:last-child {
  padding-left: 50px;
  max-width: 480px; }

.custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout]:last-child ul {
  margin: 15px 0;
  padding: 0;
  list-style: none; }

.custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout]:last-child ul li img {
  width: 30px; }

.custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout]:last-child h3 {
  margin-top: 0;
  font-weight: 700;
  margin-bottom: 15px; }

.custom-pro-educations-vault .custom-sixth-section .buttonLink a,
.custom-pro-educations-vault .custom-eightth-section .buttonLink a {
  border-radius: 6px !important;
  padding-block: 12px !important;
  padding-inline: 24px !important; }

.custom-pro-educations-vault .custom-sixth-section .buttonLink {
  margin-top: 20px; }

.custom-pro-educations-vault .custom-eightth-section [data-content-region="custom-eightth-section-layout"] {
  padding: 50px 30px;
  background-color: #f4f4f4; }

.custom-pro-educations-vault .custom-eightth-section [data-content-region="custom-eightth-section-layout"] .h3 {
  margin-top: 0;
  font-size: 23px;
  max-width: 400px; }

.custom-pro-educations-vault .custom-seventh-section .img-with-content {
  display: flex;
  align-items: start;
  gap: 15px; }

.custom-pro-educations-vault .custom-seventh-section .img-with-content img {
  width: 64px;
  vertical-align: middle; }

.custom-pro-educations-vault .custom-seventh-section,
.custom-medical-hair-loss-toppers .custom-forth-section {
  padding-block: 50px; }

.custom-pro-educations-vault .custom-seventh-section .img-with-content p b {
  font-size: 13px;
  margin-bottom: 0;
  display: block; }

.custom-pro-educations-vault .custom-seventh-section [data-sub-layout] {
  justify-content: start; }

.custom-pro-educations-vault .custom-seventh-section .img-with-content p {
  margin-bottom: 8px; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2) [data-sub-layout], .custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  padding: 0;
  justify-content: start;
  width: 100%;
  max-width: 100%;
  background-color: #f4f4f4; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] [data-widget-id]:last-child,
.custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] [data-widget-id]:last-child {
  margin-top: auto; }

.custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2),
.custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) {
  gap: 20px;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); }

.custom-medical-hair-loss-toppers .header-bottom-section [data-layout-name] {
  padding-block: 100px;
  min-height: 550px; }

.custom-medical-hair-loss-toppers .button--primary {
  background-color: #545454;
  border-color: #545454;
  color: white;
  margin-top: 20px; }

.custom-medical-hair-loss-toppers .custom-first-section,
.custom-medical-hair-loss-toppers .custom-third-section,
.custom-medical-hair-loss-toppers .custom-seventh-section {
  padding-block: 60px;
  background-color: #f4f4f4; }

.custom-medical-hair-loss-toppers .custom-fifth-section {
  background-color: #f4f4f4; }

.custom-medical-hair-loss-toppers .custom-second-section {
  padding-block: 50px 30px; }

.custom-medical-hair-loss-toppers .custom-first-section p em,
.custom-medical-hair-loss-toppers .custom-second-section p em {
  max-width: 490px !important;
  display: block;
  font-size: 13px;
  margin-block: 25px 20px; }

.custom-medical-hair-loss-toppers .custom-second-section [data-widget-id] ul.list {
  margin-block: 20px; }

.custom-medical-hair-loss-toppers .custom-second-section [data-widget-id] ul li + li {
  margin-top: 10px; }

.custom-medical-hair-loss-toppers .custom-second-section [data-widget-id] p strong {
  display: block;
  margin-block: 0 10px; }

.custom-medical-hair-loss-toppers .custom-third-section [data-sub-layout]:nth-child(2) [data-widget-id]:nth-child(2) {
  margin-bottom: 15px; }

.custom-medical-hair-loss-toppers .custom-third-section .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  gap: 10px;
  border-left: 1px solid #c7bbcd;
  padding-left: 30px; }

.custom-medical-hair-loss-toppers .custom-third-section [data-sub-layout]:nth-child(2) [data-widget-id] {
  max-width: 400px; }

.custom-medical-hair-loss-toppers .check-mark-list {
  list-style: none;
  margin-block: 25px 20px;
  max-width: 450px;
  margin-inline: 0;
  padding-inline: 0 !important; }

.custom-medical-hair-loss-toppers .check-mark-list li {
  display: flex;
  align-items: start;
  gap: 12px; }

.custom-medical-hair-loss-toppers .check-mark-list li p {
  margin: 0;
  margin-bottom: 4px; }

.custom-medical-hair-loss-toppers .check-mark-list li + li {
  margin-block: 12px; }

.custom-medical-hair-loss-toppers .custom-forth-section h1.heading.h-start-line {
  max-width: 450px; }

.custom-medical-hair-loss-toppers .custom-sixth-section .img-title {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  gap: 8px;
  padding-block: 12px; }

.custom-medical-hair-loss-toppers .custom-sixth-section .img-title p {
  margin: 0; }

.custom-medical-hair-loss-toppers .custom-sixth-section {
  padding-block: 60px; }

.custom-medical-hair-loss-toppers .custom-sixth-section [data-widget-id] p {
  max-width: 360px; }

.custom-medical-hair-loss-toppers .custom-seventh-section .grid {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  text-align: center;
  gap: 20px;
  max-width: 900px;
  margin-inline: auto;
  justify-content: center;
  margin-top: 40px; }

.custom-medical-hair-loss-toppers .custom-seventh-section .grid .item p {
  max-width: 150px;
  margin-inline: auto; }

.custom-medical-hair-loss-toppers .custom-seventh-section .grid .item img {
  vertical-align: middle; }

.custom-medical-hair-loss-toppers .custom-seventh-section [data-sub-layout-container]:nth-child(2) p {
  margin-top: 25px; }

.custom-medical-hair-loss-toppers .custom-eightth-section {
  padding-block: 50px; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-top: 40px; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  width: 100%;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 20px; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li + li {
  margin-top: 15px; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
  font-size: 13px;
  font-weight: 300;
  color: #222; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] h5 {
  margin-top: 0;
  margin-bottom: 15px; }

.custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  justify-content: start; }

.custom-medical-hair-loss-toppers .custom-nineth-section .img-with-text-list {
  margin: 0;
  list-style: none;
  padding-inline: 30px; }

.custom-medical-hair-loss-toppers .custom-nineth-section .img-with-text-list li {
  display: flex;
  align-items: center;
  gap: 12px; }

.custom-medical-hair-loss-toppers .custom-nineth-section .img-with-text-list li p {
  margin: 0;
  font-size: 13px !important; }

.custom-medical-hair-loss-toppers .custom-nineth-section .container {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 0; }

.custom-medical-hair-loss-toppers .custom-nineth-section [data-sub-layout]:nth-child(2) {
  max-width: 340px;
  margin-left: auto;
  padding-right: 20px; }

.custom-medical-hair-loss-toppers .custom-nineth-section [data-sub-layout]:nth-child(2) .buttonLink a {
  border-radius: 6px !important;
  font-size: 14px !important;
  padding: 12px 20px !important;
  margin-block: 10px 5px;
  width: 100%;
  max-width: 230px; }

.custom-medical-hair-loss-toppers .custom-nineth-section [data-sub-layout-container]:first-child [data-sub-layout] [data-widget-id]:nth-child(2) {
  margin-bottom: 0; }

@media screen and (max-width: 1024px) {
  .custom-pro-educations-vault .custom-second-section {
    background-color: #f4f4f4;
    padding-block: 40px; }
  .custom-pro-educations-vault .custom-sixth-section {
    padding-block: 30px;
    background-color: #f4f4f4; }
  .custom-pro-educations-vault .custom-seventh-section, .custom-medical-hair-loss-toppers .custom-forth-section {
    padding-block: 40px; }
  .custom-pro-educations-vault .custom-second-section [data-sub-layout]:nth-child(2) {
    padding-left: 0;
    padding-right: 20px; }
  .custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout]:last-child {
    padding-left: 20px;
    padding-right: 20px; }
  .custom-pro-educations-vault .custom-third-section,
  .custom-pro-educations-vault .custom-forth-section,
  .custom-pro-educations-vault .custom-fifth-section {
    padding-block: 40px; }
  .custom-pro-educations-vault .custom-seventh-section .img-with-content {
    flex-direction: column; }
  .custom-pro-educations-vault .custom-eightth-section [data-content-region="custom-eightth-section-layout"] {
    padding: 30px 20px; }
  .custom-medical-hair-loss-toppers .header-bottom-section [data-layout-name] {
    padding-block: 50px;
    min-height: 350px; }
  .custom-medical-hair-loss-toppers .custom-first-section, .custom-medical-hair-loss-toppers .custom-seventh-section, .custom-medical-hair-loss-toppers .custom-third-section {
    padding-block: 40px; }
  .custom-medical-hair-loss-toppers .custom-second-section {
    padding-block: 40px 20px; }
  .custom-medical-hair-loss-toppers .custom-forth-section, .custom-pro-educations-vault .custom-seventh-section {
    padding-block: 40px; }
  .custom-medical-hair-loss-toppers .custom-fifth-section {
    padding-block: 30px; }
  .custom-medical-hair-loss-toppers .custom-sixth-section {
    padding-block: 30px; }
  .custom-medical-hair-loss-toppers .custom-eightth-section {
    padding-block: 40px; }
  .custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) {
    gap: 20px; }
  .custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
    padding: 15px; }
  .custom-medical-hair-loss-toppers .custom-third-section .grid {
    grid-template-columns: repeat(2, 1fr);
    padding-left: 30px; }
  .custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) {
    margin-top: 30px; }
  .custom-medical-hair-loss-toppers .custom-nineth-section .container {
    padding-inline: 20px; }
  .custom-nineth-section [data-sub-layout-container] {
    display: grid;
    grid-template-columns: 100%;
    gap: 0; }
  .custom-medical-hair-loss-toppers .custom-nineth-section .img-with-text-list {
    margin: 0;
    list-style: none;
    padding-inline: 20px;
    padding-block: 20px; }
  .custom-medical-hair-loss-toppers .custom-nineth-section [data-sub-layout] {
    max-width: 100%;
    margin-left: auto;
    padding-right: 20px;
    width: 100%;
    margin-bottom: 0; }
  .custom-medical-hair-loss-toppers .custom-nineth-section [data-sub-layout]:nth-child(2) {
    max-width: 100%;
    margin-left: auto;
    padding-right: 20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 576px) and (max-width: 767px) {
  .custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2),
  .custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(2, 1fr); }
  .custom-medical-hair-loss-toppers .custom-seventh-section .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
  .custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; } }

@media screen and (max-width: 575px) {
  .custom-pro-educations-vault .custom-third-section [data-sub-layout-container]:nth-child(2),
  .custom-pro-educations-vault .custom-forth-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(1, 1fr); }
  .custom-medical-hair-loss-toppers .custom-third-section .grid {
    grid-template-columns: repeat(1, 1fr);
    padding-left: 0; }
  .custom-medical-hair-loss-toppers .custom-seventh-section .grid {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .custom-medical-hair-loss-toppers .custom-eightth-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px; } }

@media screen and (max-width: 767px) {
  .custom-pro-educations-vault .custom-second-section [data-sub-layout]:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 25px; }
  .custom-pro-educations-vault .custom-sixth-section {
    padding-block: 0 30px;
    background-color: #f4f4f4; }
  .custom-pro-educations-vault .custom-sixth-section .container [data-sub-layout]:last-child {
    padding-top: 25px; }
  .custom-medical-hair-loss-toppers .custom-third-section .grid {
    border-left: none;
    padding-left: 0; }
  .custom-medical-hair-loss-toppers .custom-forth-section h1.heading.h-start-line {
    margin-top: 25px; } }

/* 18 june 2026 css */
.custom-salon-partners .header-bottom-section .content {
  max-width: 430px; }

.custom-salon-partners .header-bottom-section .content .h1 {
  font-size: 35px; }

.custom-salon-partners .custom-first-section .list li img {
  width: 24px; }

.custom-salon-partners .header-bottom-section .content .button {
  font-family: 'Open Sans';
  font-size: 13px; }

.custom-salon-partners .custom-banner-bottom-content [data-layout-name] [data-sub-layout] img {
  width: 44px !important; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .grid .item p {
  margin: 0; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .grid .item img {
  width: 50px;
  height: 50px;
  object-fit: contain; }

.custom-salon-partners .custom-banner-bottom-content [data-layout-name] [data-sub-layout] {
  gap: 20px; }

.custom-salon-partners .custom-first-section {
  padding-block: 70px; }

.custom-salon-partners .custom-first-section .content-part {
  display: grid;
  grid-template-columns: 550px auto;
  gap: 50px;
  align-items: center; }

.custom-salon-partners .custom-first-section .title-with-content {
  border-right: 1px solid #c7bbcd;
  padding-right: 110px; }

.custom-salon-partners .custom-first-section .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
  margin-left: 0; }

.custom-salon-partners .custom-first-section .list li {
  display: flex;
  align-items: center;
  gap: 14px; }

.custom-salon-partners .custom-first-section .list li p {
  margin: 0; }

.custom-salon-partners .custom-first-section .title-with-content p {
  margin-top: 25px; }

.custom-salon-partners .custom-first-section .img-with-content {
  padding-left: 40px; }

.custom-salon-partners .custom-second-section {
  background-color: #f4f4f4; }

.custom-salon-partners .custom-second-section .container {
  max-width: 100%;
  padding-inline: 0; }

.custom-salon-partners .custom-second-section [data-sub-layout] {
  padding: 0; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] {
  max-width: 440px;
  margin-inline: auto; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 60px; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .grid .item {
  display: flex;
  align-items: center;
  gap: 13px; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .grid .item p {
  max-width: 80px; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .text-box {
  padding: 30px; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .text-box h4 {
  margin-top: 0; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .text-box p {
  margin-bottom: 0; }

.custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id]:nth-child(3) {
  margin-top: 15px;
  margin-bottom: 20px; }

.custom-salon-partners .custom-third-section {
  padding-block: 50px; }

.custom-salon-partners .custom-third-section [data-sub-layout]:nth-child(3) {
  padding-inline: 45px; }

.custom-salon-partners .custom-third-section .grid .item p {
  margin: 0; }

.custom-salon-partners .custom-third-section .grid .item {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 15px; }

.custom-salon-partners .custom-forth-section .grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0px;
  margin-top: 70px; }

/* Tablet */
@media (max-width: 1024px) {
  .custom-salon-partners .custom-forth-section .grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; } }

/* Mobile */
@media (max-width: 767px) {
  .custom-salon-partners .custom-forth-section .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px; } }

.custom-salon-partners .custom-forth-section .grid .item:nth-child(3) p,
.custom-salon-partners .custom-forth-section .grid .item:nth-child(7) p {
  max-width: 100%;
  padding-inline: 10px; }

.custom-salon-partners .custom-forth-section .grid .item {
  text-align: center; }

.custom-salon-partners .custom-forth-section {
  padding-block: 50px;
  background-color: #f4f4f4; }

.custom-salon-partners .custom-forth-section .grid .item + .item {
  border-left: 1px solid #c7bbcd; }

.custom-salon-partners .custom-forth-section .grid .item p {
  max-width: 100px;
  margin-inline: auto; }

.custom-salon-partners .custom-forth-section [data-widget-id] p em {
  margin-top: 25px;
  display: block; }

.custom-salon-partners .custom-sixth-section {
  padding-block: 30px;
  background-color: #f4f4f4; }

.custom-salon-partners .custom-third-section .grid .item img {
  width: 30px; }

.custom-salon-partners .custom-forth-section .grid .item img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 20px; }

.custom-salon-partners .custom-sixth-section .content {
  max-width: 400px; }

.custom-salon-partners .custom-sixth-section .contact-item p {
  margin-bottom: 6px;
  display: block; }

.custom-salon-partners .custom-sixth-section .contact-item {
  display: flex;
  align-items: center;
  gap: 13px; }

.custom-salon-partners .custom-sixth-section .button {
  margin: 0;
  width: 100%; }

.custom-salon-partners .custom-fifth-section {
  padding-block: 60px; }

.custom-salon-partners .custom-fifth-section .buttonLink a {
  border-radius: 6px !important;
  padding: 12px 40px !important; }

.custom-salon-partners .custom-fifth-section .custom-salon-certification {
  position: relative; }

.custom-salon-partners .custom-fifth-section .custom-salon-certification .button.button--primary {
  position: absolute;
  top: 20px;
  border-radius: 0;
  padding: 5px 10px;
  font-size: 11px;
  text-transform: uppercase; }

.custom-salon-partners .custom-sixth-section .contact-item img {
  width: 80px; }

.custom-salon-partners .custom-fifth-section [data-test-id="product-widget-name"] a,
.custom-salon-partners .custom-fifth-section [data-test-id="product-widget-price"] {
  font-size: 13px;
  font-weight: 700;
  color: #545454;
  padding: 0; }

.custom-salon-partners .custom-fifth-section [aria-label="Salon Certification Workshop"] {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  gap: 5px 16px;
  margin-bottom: 15px; }

.custom-salon-partners .custom-fifth-section [data-test-id="product-widget-ratings"] {
  order: 3;
  display: flex;
  align-items: center; }

.custom-salon-partners .custom-fifth-section .custom-salon-certification img {
  width: 100%;
  height: 400px;
  object-fit: cover; }

.custom-salon-partners .custom-fifth-section [data-test-id="product-widget-name"] {
  padding: 0;
  margin-right: auto; }

.custom-salon-partners .custom-fifth-section [data-sub-layout]:last-child {
  max-width: 270px;
  padding-top: 20px; }

.custom-salon-partners .custom-fifth-section ul.list {
  padding: 0;
  margin: 20px 0 0 0;
  list-style: none; }

.custom-salon-partners .custom-fifth-section [data-test-id="product-widget-image"] {
  display: none; }

.custom-salon-partners .custom-fifth-section [data-test-id="product-widget-brand"] {
  display: none; }

.custom-salon-partners .custom-fifth-section ul.list li + li {
  margin-top: 5px; }

.custom-salon-partners .custom-fifth-section ul.list li {
  display: flex;
  align-items: center;
  gap: 5px; }

.custom-blend-builder .custom-third-section .container {
  max-width: 100%;
  padding-inline: 0; }

.custom-blend-builder .custom-third-section [data-sub-layout] {
  padding: 0; }

.custom-blend-builder .custom-third-section [data-widget-id] .container {
  max-width: 1180px;
  margin-inline: auto; }

.custom-blend-builder .custom-third-section [data-sub-layout-container] {
  min-height: 550px; }

.custom-blend-builder .custom-third-section [data-sub-layout-container] .banner-content {
  max-width: 450px;
  padding-inline: 20px; }

.custom-blend-builder .custom-third-section [data-sub-layout-container] .banner-content p {
  max-width: 300px; }

.custom-blend-builder .custom-third-section [data-sub-layout-container] .banner-content .button.button--primary {
  border-radius: 0;
  text-decoration: underline;
  width: 100%;
  max-width: 220px;
  padding-block: 18px;
  margin-top: 20px; }

.custom-blend-builder .custom-second-section [data-sub-layout] {
  padding: 0; }

.custom-blend-builder .custom-second-section {
  padding-block: 70px; }

.custom-blend-builder .custom-second-section .hfbb-step {
  padding: 20px;
  margin: 12px 0;
  background: #f4f4f4; }

.custom-blend-builder .custom-second-section .hfbb-wrap {
  max-width: 100%;
  padding: 0; }

.custom-blend-builder .custom-first-section [data-sub-layout-container]:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px;
  margin-top: 70px;
  max-width: 925px;
  margin-inline: auto; }

.custom-blend-builder .custom-first-section .heading.center {
  margin-top: 0; }

.custom-blend-builder .custom-first-section {
  padding-block: 60px;
  box-shadow: 0 0 30px -5px #dddddd87; }

.custom-blend-builder .custom-first-section [data-sub-layout-container]:nth-child(2) [data-sub-layout] {
  width: 100%;
  max-width: 100%;
  padding: 10px  30px 20px; }

@media (max-width: 1279px) {
  .custom-blend-builder .custom-second-section {
    padding-block: 40px; }
  .custom-blend-builder .custom-third-section [data-sub-layout-container] {
    min-height: 450px; }
  .custom-blend-builder .custom-first-section [data-sub-layout-container]:nth-child(2) {
    gap: 20px;
    margin-top: 30px; }
  .custom-blend-builder .custom-first-section {
    padding-block: 40px; }
  .custom-salon-partners .custom-first-section .content-part {
    display: grid;
    grid-template-columns: 100%;
    gap: 0;
    align-items: center; }
  .custom-salon-partners .custom-first-section .title-with-content {
    border-right: none;
    padding-right: 0; }
  .custom-salon-partners .custom-first-section {
    padding-block: 40px; }
  .custom-salon-partners .custom-first-section .img-with-content {
    padding-left: 0; }
  .custom-salon-partners .custom-second-section {
    padding-block: 40px; }
  .custom-salon-partners .custom-third-section [data-sub-layout]:nth-child(3) {
    padding-inline: 10px; }
  .custom-salon-partners .custom-third-section [data-sub-layout-container] {
    gap: 20px; }
  .custom-salon-partners .custom-third-section [data-sub-layout]:nth-child(4),
  .custom-salon-partners .custom-third-section [data-sub-layout]:nth-child(3),
  .custom-salon-partners .custom-third-section [data-sub-layout]:nth-child(2) {
    padding-inline: 10px;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%; }
  .custom-salon-partners .custom-fifth-section [data-sub-layout]:nth-child(2) {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%; }
  .custom-salon-partners .custom-forth-section .grid {
    margin-top: 40px; }
  .custom-salon-partners .custom-forth-section {
    padding-block: 40px; }
  .custom-salon-partners .custom-fifth-section {
    padding-block: 40px; }
  .custom-salon-partners .custom-sixth-section .button {
    padding-inline: 10px; }
  .custom-salon-partners .custom-banner-bottom-content [data-layout-name] [data-sub-layout] img {
    width: 30px !important; }
  .custom-salon-partners .custom-banner-bottom-content [data-layout-name] [data-sub-layout] p {
    min-height: auto;
    font-size: 13px !important; }
  .custom-salon-partners .custom-first-section .title-with-content p {
    margin-top: 0; }
  .custom-salon-partners .custom-fifth-section .heading {
    font-size: 26px; }
  .custom-salon-partners .custom-forth-section .grid .item + .item {
    border-left: none; }
  .custom-salon-partners .custom-fifth-section .buttonLink {
    margin-bottom: 30px; }
  .custom-salon-partners .custom-sixth-section [data-sub-layout-container] {
    gap: 20px 0; } }

@media (min-width: 768px) and (max-width: 1279px) {
  .custom-salon-partners .custom-fifth-section [data-sub-layout-container] {
    gap: 20px 0; }
  .custom-salon-partners .custom-fifth-section [data-sub-layout]:nth-child(3),
  .custom-salon-partners .custom-fifth-section [data-sub-layout]:nth-child(4) {
    width: 50%;
    max-width: 50%;
    padding-inline: 0;
    flex-basis: 50%; }
  .custom-salon-partners .custom-fifth-section [data-sub-layout]:nth-child(4) [data-widget-id] {
    padding-inline: 20px; } }

@media (max-width: 767px) {
  .custom-blend-builder .custom-first-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: 1fr 1fr; }
  .custom-salon-partners .custom-banner-bottom-content {
    padding-block: 10px;
    background-color: #f4f4f4; }
  .custom-salon-partners .custom-banner-bottom-content [data-layout-name] [data-sub-layout] + [data-sub-layout] {
    margin-top: 12px; }
  .custom-salon-partners .custom-first-section .img-with-content {
    padding-left: 0;
    padding-top: 20px; }
  .custom-salon-partners .custom-first-section .list {
    display: grid;
    grid-template-columns: 100%;
    gap: 15px;
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 0; }
  .custom-salon-partners .custom-second-section .container {
    padding-inline: 20px; }
  .custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .grid {
    margin-bottom: 30px; }
  .custom-salon-partners .custom-second-section [data-sub-layout]:nth-child(2) [data-widget-id] .text-box {
    padding: 20px;
    margin-bottom: 20px; } }

@media (max-width: 480px) {
  .custom-blend-builder .custom-first-section [data-sub-layout-container]:nth-child(2) {
    grid-template-columns: 1fr; } }

.header .navPages .navPages-item.custom-navPage-Education .mega-promo__list {
  max-width: 100%; }

.custom-navPage-Pros .navPages-action svg {
  fill: transparent;
  stroke: transparent; }

.alertBox.alertBox--success {
  background-color: #545454;
  border-color: #545454;
  color: white; }

.alertBox-column.alertBox-icon svg path {
  fill: #fff; }

.instafeed-section h1.main-heading {
  margin-top: 0; }

.instafeed-section [data-widget-id] p {
  margin-bottom: 0px; }

.instafeed-section {
  padding-block: 80px; }

@media (max-width: 1024px) {
  .instafeed-section {
    padding-block: 40px; }
  .instafeed-section [data-widget-id] p {
    margin-bottom: 30px; }
  .footer .header-logo__link .header-logo-image-unknown-size {
    max-height: 54px; } }

body.custom-colour-guides, body.custom-texture-guide,
body.custom-hair-density-guide,
body.custom-brunette-colour-guide,
body.custom-blonde-colour-guide,
body.custom-balayage-colour-guide,
body.custom-red-colour-guide {
  overflow-x: hidden; }

.custom-returns-exchanges .custom-sixth-section [data-content-region] p {
  font-size: 13px !important;
  color: #545454;
  font-weight: 400 !important;
  max-width: 480px; }

.custom-returns-exchanges .custom-sixth-section [data-content-region] ul li {
  font-weight: 400 !important; }

li.navPages-item:has(> a[href="https://shop.hairflair.ca/classes/"]) {
  display: none !important; }

.custom-pro-act-page [data-sub-layout-container]:after {
  background-position-y: top; }

.custom-method-comparison .custom-first-section [data-sub-layout] [data-widget-id] [data-edit-mode],
.custom-method-comparison .custom-third-section [data-sub-layout] [data-widget-id] [data-edit-mode] {
  background-position-y: top !important; }

.custom-pro-grid-section [data-edit-mode] p + p {
  margin-top: 12px; }

.custom-toppers-vs-other-section [data-sub-layout-container]:nth-child(2) [data-sub-layout]:nth-child(2) [data-widget-id] > h5 {
  text-align: left; }

.custom-extension-routine-section .image-with-content .content p.bold {
  font-weight: 700 !important; }

.custom-extension-routine-section .image-with-content .content p {
  font-weight: 300 !important; }

.custom-hair-quality-guide .custom-eightth-section [data-sub-layout-container] [data-sub-layout]:nth-child(2) p {
  max-width: 420px; }

@media screen and (min-width: 1025px) {
  .custom-main-header {
    padding-inline: 20px; } }

.custom-aftercare-guide .custom-forth-section [data-sub-layout] h1 {
  margin-top: 0; }

.custom-aftercare-guide .custom-forth-section [data-sub-layout] {
  justify-content: start; }

.custom-shipping-delivery .custom-first-section p a strong {
  max-width: 200px !important;
  display: block;
  font-size: 13px !important; }