@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
/* font-family: "Libre Bodoni", serif; --> Use a value from 400 to 700 */
/* font-family: "Raleway", sans-serif; --> Use a value from 100 to 900 */
/* font-family: "Roboto", sans-serif; */
/* CSS letter-spacing (px) = (Font Size in px) × (Figma letter-spacing %) / 100 */

/* hp-style.css  */

:root {
  --green: #1E595C;
  --pink: #E01D77;
  --pink2: #E48D92;
  --cream: #E2D5C4;
  --black: #000000;
  --white: #fff;
  --libre: "Libre Bodoni", serif;
  --raleway: "Raleway", sans-serif;
}
body {
    font-family: "Raleway", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Libre Bodoni", serif;
}
button, a, .swiper-button-next, .swiper-button-prev {
    touch-action: manipulation; 
}
a {
    text-decoration: none !important;
}
.search-bar-form .search-submit svg path, .search-bar-form .search-submit svg polygon{ fill:#fff;}
.search-bar-form .search-submit {margin-left: 0;}
.search-overlay-container input.search-input {
    border: 1px solid var(--green);
    padding: 15px 15px 15px 25px;
    border-radius: 50px;
    color: var(--green);
    font-weight: 500;
}
.search-bar-form .search-submit {
    margin-left: 20px;
    border-radius: 34px;
    padding: 15px 35px;
}
.search-overlay-container input.search-input::placeholder {
    color: var(--green);
}
:focus-visible {    
    outline: 1px solid rgba(255, 255, 255)!important;    
    box-shadow: 0 0 0 2px #000;    
    outline-offset: 2px;
    border-radius:4px;    
    outline: -webkit-focus-ring-color auto 1px;
}
.search-overlay .icon-close {
    fill: var(--pink);
}
.search__suggestions li .auto__title {
    color: var(--green);
}
.search__autocomplete-action, .search__suggestions li .auto__price {
    color: var(--pink);
}
.search__suggestions li .auto__price {
    font-size: 16px;
}
.two-line {  
  position: relative;  
}
.pattern-title {
    font-size: clamp(3rem, 7vw, 6.3rem);
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    color: transparent;
    background: url('/cdn/shop/files/pattern-title-img.png?v=1756376344') center center, linear-gradient(104.37deg, #FC3C95 5.7%, #974F7D 28.3%, #005365 44.08%, #207A85 56.64%);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;    
    letter-spacing: 2px;
    display:inline-block;
  }

#e-gift-card-for-online-use.template-product .product-reviews__container,
#e-gift-card-for-online-use.template-product .product__details .product-description-container:last-child {
    display:none;
}

/* ------- Optional fallback: plain gradient if pattern fails ------- */
@supports not (-webkit-background-clip: text) {
    .pattern-text {
        background: linear-gradient(104.37deg, #FC3C95 5.7%, #974F7D 28.3%, #005365 44.08%, #207A85 56.64%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }
}

.section-sub-title {    
    font-family: "Raleway", sans-serif;
    font-size: 34px;
    color: var(--green);
    margin-bottom: 24px;
    font-weight: 400;
}
.hp-btn, .template-product .kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__button {
    display: inline-block;
    padding: 20px 40px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background-color: var(--green);
    background-image: url(/cdn/shop/files/white-bg-520x100.png?v=1755599183);
    background-repeat: repeat;
    background-size: cover;
    background-blend-mode: color-burn;
    transition: all .3s ease-in-out;
    text-align: center;
}
.hp-btn:hover, .template-product .kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__button:hover {
  background-color: var(--pink);  
  background-blend-mode: color-burn;
  color: var(--white);
  transform: translateY(-3px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.25);
}
body.template-page-hp-our-story .hp-btn.hp-global-btn,
body.template-page-hp-our-team .hp-btn.hp-global-btn,
body.template-page-vaginal.dryness.treatments .hp-get-touch--section .hp-btn.hp-global-btn,
body.template-page-water.retention .hp-get-touch--section .hp-btn.hp-global-btn,
body.template-page-weight.gain .hp-get-touch--section .hp-btn.hp-global-btn,
body.template-page-Facial.Balancing .hp-get-touch--section .hp-btn.hp-global-btn,
body.template-page-biohacking .hp-get-touch--section .hp-btn.hp-global-btn {
    display: none;
}
.hp-footer-title {
    font-size: 25px; 
    font-weight: 700;
    line-height: 1.2;    
    color: var(--white);        
}
.hp-background-line {
    height: 36px;
}
.sldier-container-outer {
    margin-left: -20px;
    margin-right: -20px;
}
.sldier-container {
    padding: 0 20px !important; 
}
.sldier-container .swiper-button-prev {
    left: 0; 
}
.sldier-container .swiper-button-next {
    right: 0; 
}

/* Top header Section */
.hp-promo--bar .promo-bar {
    background-color: transparent !important;
}
@media (min-width:1300px) {
 .hp-promo--bar .promo-bar {
    padding-left: 0;
    padding-right: 0;
}
}
.hp-promo--bar .promo-bar-text {
    font-size: 14px; 
    font-weight: 600;
    line-height: 1.65;
    text-align: center;
    color: var(--white) !important;
    text-decoration: none;
    letter-spacing: 1.8px;
}
.hp-header-phone i {
    font-size: 18px;
    color: var(--white);
    margin-right: 3px;
}
.hp-header-phone a {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    color: var(--white);
    font-weight:400;
    line-height:35px;
    letter-spacing: 1.2px;    
}
.hp-show-search .js-show-search,
.hp-header-cart a.header__cart {
    height: auto !important;
    width: auto !important;
}
.hp-show-search .js-show-search:focus-visible {
    outline-offset: 2px;
    outline: 1px solid rgba(255, 255, 255)!important;    
    border-radius:4px;
    box-shadow: 0 0 0 2px #000;    
    outline: -webkit-focus-ring-color auto 1px;
}
.has-dropdown, .hp-show-search, .hp-header-cart {
    padding: 0 5px !important;
} 
.hp-promo--bar .header__utility-menu .has-dropdown:hover .submenu {
    width: 100%;
    max-width: 120px;
    min-width: 120px;
    padding: 10px 15px;
    top: 30px;
    z-index: 9999;    
    box-shadow: 3px 3px 8px rgba(0,0,0,.15)
}
.hp-promo--bar .header__utility-menu .has-dropdown:hover:after {
    bottom: -6px;
}
.hp-promo--bar .cart-item-count,
.hp-mobile-icons .cart-item-count {
    color: var(--white);
    background-color: var(--green);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    right: -12px;
    top: -10px;
}
/* End Top Header Section*/

/* Main Header Section */
.hp-header-main.header-main {
    position: fixed;
    background-color: transparent !important;
    border: none !important;
    transition: .6s ease;
    top:0 !important;
}
.hp-header-main.header-main.hp-header-main-white {
    background-color: var(--white) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}
.hp-header-container {
    background-color: var(--white);
    border-radius: 20px;        
}
.hp-header-logo .header-logo {
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
}
.hp-header-logo .header-logo img {
    width:100%;
    max-width: 156px;
}
.hp-header-nav div.main-menu {
    margin-bottom:0; 
    padding:0; 
    align-items: center;
}
.hp-header-nav div.main-menu > li.px-3 {
    padding: 10px 20px !important;
    cursor: pointer;
}
.hp-header-nav div.main-menu > li.px-3:first-child {
    padding-left:0 !important;
}
.hp-header-nav div.main-menu > li.px-3:last-child {
    padding-right:0 !important;
}
.hp-header-nav div.main-menu > li.px-3 > a {
    font-size: 14px;
    font-weight:600;
    color: var(--green);
    text-align: center;
    letter-spacing:0;
}
.hp-header-nav div.main-menu li.has-dropdown svg {
    display: none !important;
}
.header-main .hp-header-nav .submenu.has-submenus {
    top: 110px !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.25);
    max-width: 1280px;
    border-radius:20px;
}

.header-main .hp-header-nav .header-right>ul>li .submenu.has-submenus {
    max-width: 850px;    
}
.header-main .hp-header-nav .header-right>ul>li .submenu.has-submenus {
    -moz-column-count: 3;
    column-count: 3;
}
.header-main .hp-header-nav .header-left>ul>li #subMenuItem_2 {
    max-width: 960px;  
    -moz-column-count: 4;
    column-count: 4;
    left:auto;
    right:auto;
}
.header__utility-menu .has-dropdown:after, .main-menu .has-dropdown:after {
    border-bottom: 7px solid var(--green);
}
.hp-header-nav .mobile-menu-trigger {
    margin-left: auto !important;
    justify-content: end !important;
    align-items: end !important;
}
/* End Main Header Section */

/* HP Footer Section */
.hp-footer-top {
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 80px; 
    padding-bottom: 80px; 
    position: relative;
}
.hp-relative {
    position: relative;
    width:100%;
    max-width: 1800px;
    margin:0 auto;
}
.hp-footer-logo img {
    width: 100%;
    max-width: 220px;    
}
.footer-contact-methods.hp-footer-contact .contact-method {
    align-items: flex-start;
}
.footer-contact-methods.hp-footer-contact .contact-method img {
    margin-top: 5px;
    width: 16px;
}
.footer-contact-methods.hp-footer-contact {
    margin-left:0 !important;
    max-width: 258px;
}
.hp-footer-contact .contact-details a {
    font-size: 19px; 
    font-weight: 400;
    line-height:1.48;
    color: var(--white);
}
.hp-footer-contact .contact-details a:hover {
    color: var(--cream);
} 
ul.hp-footer-nav {
    padding:0;
}
ul.hp-footer-nav li a {
    font-size: 19px; 
    font-weight: 400;
    line-height:2.28;
    color: var(--white);
}
ul.hp-footer-nav li a:hover {
    color: var(--cream);
}
.hp-border-right {
    border-right: 1px solid var(--white);
}
.hp-powered-by {
    position: absolute;
    right: 20px;
    top: 80px;
    z-index:9;
}
.hp-powered-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hp-powered-logo span {
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
    color: var(--white);
    margin-right: 6px;
}
.hp-powered-logo img {
    
}
/* END Footer Section*/

/* HP Gray Placeholder Container */
.hp_image-placeholder-wrapper {
  background-color: #f2f2f2; /* Light Gray */
  position: relative;
  overflow: hidden;
  display: block;
  transition: background-color 0.4s ease-in-out;
}

/* HP Shimmer Animation Effect */
.hp_image-placeholder-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(
    90deg, 
    rgba(255, 255, 255, 0) 0, 
    rgba(255, 255, 255, 0.3) 20%, 
    rgba(255, 255, 255, 0.6) 60%, 
    rgba(255, 255, 255, 0)
);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
}
}

/* Image loaded than hide Placeholder Shimmer */
.hp_image-placeholder-wrapper.hp_image-loaded {
  background-color: transparent !important;
}

.hp_image-placeholder-wrapper.hp_image-loaded::after {
  display: none !important;
}

/* Smooth fade-in for image */
.hp_image-placeholder-wrapper img {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.hp_image-placeholder-wrapper.hp_image-loaded img {
  opacity: 1;
}
/* End HP Gray Placeholder Container */

/* Inner Pages CSS */
.ourstories-section div.paragraph_style p {
    color: var(--white);
}
div.paragraph_style p {
    font-size: 18px;
    color: var(--green);
}
.tm-work-process-card {
    border-radius: 100px;
}
.tm-work-process-card .cards-inner {
    padding: 60px 40px 60px;
}
.tm-work-process-number {
    display: inline-block;
    background-color: var(--pink);
    width: 48px;
    height: 48px;
    border-radius: 50%;    
    outline: 7px solid var(--pink);
    outline-offset: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.tm-work-process-number span {
    font-size: 30px;
    font-weight:700;
    font-family: var(--libre);
    color: var(--white);
}
#shopify-section-template--17178437943430__hp_clients_say_section_xGzkNj {
    margin-bottom: 3rem;
}
.tm-pdo-icons img {
    width:100%;
    max-width: 74px;
}
/* Area of Concern */
#areas-of-concern .cta-section_outer .pattern-title {
    max-width: 1024px !important;
}
.areas-of-concern--cards {
    background-image: linear-gradient(210deg, #FFF7EC 0%, rgba(255, 247, 236, 0) 100%), url(//helloprfct.com/cdn/shop/files/areas-of-concern-bg-min.png?v=1756102907&width=1024);
    border-radius: 50px; 
    padding: 30px;
}
.areas-of-concern--title {
    color: var(--green);
    line-height: 1.2;
    font-size: 42px;
}
.areas-of-concern--list {
    padding: 30px 0;
}

/*
.areas-of-concern--list ul,
.areas-of-care--list ul {
    padding-left:68px; 
}
.areas-of-concern--list ul li,
.areas-of-care--list ul li {
    position: relative;
    padding-top: 0;
    margin-bottom: 24px;
    color: var(--green);
    font-size: 17px;
}
.areas-of-concern--list ul li::before,
.areas-of-care--list ul li::before {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: -64px;
    top: 5px;
    background-image: url('/cdn/shop/files/agrea-of-concern-list-icon.svg?v=1756104570');
    background-size: 48px;
    background-repeat: no-repeat;
}
*/

.areas-of-concern--list ul, .areas-of-care--list ul {
    padding-left: 0;
    margin-left: -15px;
    position: relative;
}
.areas-of-concern--list ul li, .areas-of-care--list ul li {
    position: relative;
    padding-top: 0;
    padding-left: 60px;
    margin-bottom: 30px;
    color: var(--green);
    font-size: 17px;
    display: block;            
}
.areas-of-concern--list ul li:before, .areas-of-care--list ul li:before {
    content: "";
    width: 48px;
    height: 48px;
    background-image: url('/cdn/shop/files/agrea-of-concern-list-icon.svg?v=1756104570');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    bottom:50%;
    left:0;
    transform: translate(0%, -50%);
}

.areas-of-concern--list ul li strong,
.areas-of-care--list ul li strong {
    font-size: 24px;
    font-weight: 600;
    color: var(--green);
}
.list-of-concern.discover-skincare-section .areas-of-concern--cards .areas-of-care--list ul li strong {
    font-size: 17px;
    font-weight: 800;
}
.list-of-concern.discover-skincare-section .areas-of-concern--cards .areas-of-care--list ul li a {
    color: var(--pink);
}
.list-of-concern.discover-skincare-section .areas-of-concern--cards .areas-of-care--list ul li a:hover {
    color: var(--green);
}
.areas-of-care--title {
    font-size: 34px;
    color: var(--green);
    font-weight: 700;
}
.areas-of-care--list {
    padding: 30px 0 0;
}


/* AquaGold Microchanneling */
.hero_section_AquaGold {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;    
    overflow: hidden;
    padding: 180px 30px 0;
}
.hero_section_AquaGold .corevalue_outer::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    transform: scale(1.3);
    pointer-events: none;
    z-index: 9;
}
.hero_section_AquaGold .container-fluid {
    position: relative;
    z-index: 11;
}
.hero_section_AquaGold .corevalue_outer {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
}
.hero_section_AquaGold .corevalue_outer::before {
    border-radius: 50px;
    overflow: hidden;
    transform: unset;
}

.hp-inner-banner-1--section .hero_section_AquaGold .who-is-treatment-section .corevalue_outer::before {
    display: none;
}
.hp-inner-banner-1--section .who-is-treatment-section .corevalue_outer .section-title,
.hp-inner-banner-1--section .who-is-treatment-section .corevalue_outer .paragraph_style p,
.hp-inner-banner-1--section .who-is-treatment-section .corevalue_outer .values_cards h4 {
    color: var(--green) !important;
}
.hp-inner-banner-1--section .who-is-treatment-section .corevalue_outer p {
    text-align: center;
    color: var(--green) !important;
}

img.aquagold_banner_img {
    position: relative;
    right: -60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 3px 3px 0 var(--cream);
    border: 2px solid var(--cream);
}
@media (min-width: 768px) {
    img.aquagold_banner_img { object-fit: cover; height: 320px; object-position: center center; }
}
@media (min-width: 992px) {
    img.aquagold_banner_img { height: 400px; }
}
@media (min-width: 1024px) {
    img.aquagold_banner_img { height: 480px; }
}
@media (min-width: 1200px) {
    img.aquagold_banner_img { height: 580px; }
}
.AquaGoldBannerContent .font-40, .AquaGoldBannerContent p, .AquaGold_banner_Video p {
    color: var(--green);
}
.AquaGold_banner_Video iframe {
    width: 100%;
    height: 500px;
    max-width: 1200px;
    border-radius: 50px;  
}
.AquaGold_banner_Video::before, .AquaGold_banner_Video::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 80%;
    width: 100%;
    background: 
    linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),
    url('/cdn/shop/files/AquaGold_banner_Video.jpg?v=1762256641') center/cover no-repeat;
    border-radius: 50px;
    z-index: -1;
}
.AquaGold_banner_Video::after {
    border: 2px solid #E2D5C4;
    background: #FFF7EC;
    background: linear-gradient(170deg, rgba(255, 247, 236, 0.75) 0%, rgba(255, 247, 236, 0.65) 100%);
    box-shadow: 3px 3px 0 var(--cream);
}

.AquaGoldConcerns {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;    
    padding: 0 30px;
}
.AquaGoldConcerns::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #D8897E;
    opacity: 0.85;
}
.AquaGoldConcerns_img {
    box-shadow: 3px 3px 0 var(--cream);
    border: 2px solid var(--cream);
    transform: scaleY(1.02);
}
.whatto_expect_inner li img {
    margin-right: 8px;
    width: 28px; height: 28px;
}
.whatto_expect_inner li {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 20px;
}
.whatto_expect_inner li:last-child  {
    margin-bottom: 0px;
}
.whatto_expect_inner p {
    color: #fff;
}


.letterspacing5{letter-spacing: -0.05em;}
.letterspacing3{letter-spacing: -0.03em;}
.letterspacingn{letter-spacing: normal;}
.main--lasers-devices .hp-inner-banner-1--section .hero_section_AquaGold .corevalue_outer:before {
    background:rgba(169,121,92,0.9) !important;
}
.main--hair-restoration-in-la-jolla-ca .hp-who-is-treatment--section .who-is-treatment-section{border-radius:50px;}
.main--hair-restoration-in-la-jolla-ca .hp-get-touch--section{margin-top:60px;}
.main--hair-restoration-in-la-jolla-ca .hp-tm-what-expect--section .corevalues-section{padding-top:0 !important;}
.hp-Servicessection-women{padding:60px 30px 0;}
.hp-whatwehelp-section .areas-of-concern--cards .areas-of-concern--list li{display:flex;font-weight:600;font-size:19px;}
.hp-whatwehelp-section .areas-of-concern--list ul li:before{background-image: url(/cdn/shop/files/Group_1171275210.png?v=1764073748);}
.hp-whatwehelp-section .areas-of-concern--list{padding: 20px 0 0;}
.hp-whatwehelp-section .areas-of-concern--title{color:#fff;max-width:360px;width:100%;}
.hp-whatwehelp-section .areas-of-concern--cards .paragraph_style, .hp-whatwehelp-section .areas-of-concern--list ul li{color:#fff;}
.hp-whatwehelp-section .list-of-concern .col-md-6::first-child{align-items: center;display: flex;}
.hp-whatwehelp-section .list-of-concern-firstcol{max-width: 520px;margin: 0 auto;width:100%;}
.hp-team-drvalrie-section .container{max-width:980px;width:100%;}
.hp-team-drvalrie-section.hp-team-expertise--section img.d-md-block {
    max-width: 380px;transform: translateY(0);-webkit-transform: translateY(0);margin:0 auto;}
.hp-Servicessection-women .hp-service-section{border-radius:50px;}
.hp-inner-banner-6-section .AquaGoldBannerContent{padding-bottom:0 !important;}
.main--vi-peel-in-la-jolla-ca .hero_section_AquaGold .whatto_expect_inner .section-title.letterspacing5.fontsize95{max-width:460px;width:100%;}
.main--vi-peel-in-la-jolla-ca .hero_section_AquaGold .AquaGoldBannerContent .col-md-10{width:100%}
.main--vi-peel-in-la-jolla-ca .hero_section_AquaGold .AquaGoldBannerContent .paragraph_style{max-width:1140px;width:100%;margin-left:auto;margin-right:auto;}
@media (min-width: 992px) {
    .main--lasers-devices .hp-inner-banner-1--section .col-lg-3 {
        flex: 0 0 auto;
        width: 20%;
    }
    .hp-whatwehelp-section .areas-of-concern--cards{padding:50px 12%;}
    .main--hair-restoration-in-la-jolla-ca .hp-who-is-treatment--section .mb-lg-5 {
        margin-bottom: 0 !important;
    }
    .main--hair-restoration-in-la-jolla-ca .hp-who-is-treatment--section{padding:0 30px;}
    .main--vi-peel-in-la-jolla-ca .hp-faq--section{padding-top:60px;}
}

@media (min-width: 1023px) {
    .main--lasers-devices .card-title{font-size:30px;}
    .main--lasers-devices .cta-section_outer .paragraph_style{max-width:650px !important;}
    .main--lasers-devices .corevalue_outer h2.section-title{max-width:920px !important;}
}
@media (max-width: 1024px) {
    .AquaGold_banner_Video iframe { height: 400px; }
    .whatto_expect_inner li { font-size: 18px; }
}

@media (max-width: 991px) {
    .hero_section_AquaGold { padding-top: 180px; }
    .AquaGoldConcerns_img { transform: unset; }
    .main--vi-peel-in-la-jolla-ca .hp-faq--section{padding-top:40px;}
}
@media (max-width: 767px) {
    .hero_section_AquaGold { padding-top: 145px; }
    /* .hero_section_AquaGold .section-title { word-wrap: break-word; } */
    .AquaGold_banner_Video::before, .AquaGold_banner_Video::after { height: 100%; }
    .whatto_expect_inner li { font-size: 16px; }
.tm-work-process-number {
    width: 40px;
    height: 40px;
}
.hp-Servicessection-women {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.hp-team-drvalrie-section {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media (max-width: 575px) {
    .hero_section_AquaGold, .AquaGoldConcerns { padding-left:15px; padding-right: 15px; }
    .AquaGold_banner_Video iframe { height: 300px; }
    .faq__details_outer .faq-description-header{position:relative;padding-right:35px;}
    .faq__details_outer .faq-description-header i{position:absolute;right:0;}
    .hp-whatwehelp-section .areas-of-concern--cards .areas-of-concern--list li {font-size: 17px;}
}
@media (max-width: 400px) {
    .AquaGold_banner_Video iframe { height: 250px; }
}

/* End AquaGold Microchanneling */


@media only screen and (min-width: 1024px) {
    .mobile-menu-container {
       display: block !important;
    }
}
@media only screen and (min-width: 1200px) {
    .mobile-menu-container {
        display: none !important;
    }
}
@media (min-width: 1400px) {
    .hp-header-nav div.main-menu > li.px-3 {
        padding: 10px 22px !important;
    }
    .hp-header-nav div.main-menu > li.px-3 > a {
        font-size: 16px;
    }
    .areas-of-concern--cards { padding: 40px 36px; }
    .areas-of-concern--title { font-size: 42px; }
}
@media (min-width: 1600px) {
    .hp-header-nav div.main-menu > li.px-3 {
        padding: 10px 28px !important;
    }
    .hp-header-nav div.main-menu > li.px-3 > a, .hp-promo--bar .promo-bar-text {
        font-size: 17px;
    }    
    .areas-of-concern--title { font-size: 46px; }
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px !important;
    }
    .areas-of-concern--cards { padding: 60px 56px; }
    .areas-of-concern--title { font-size: 56px; }
}
@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px !important;
    }
    .areas-of-concern--cards { padding: 65px 80px; }
    .areas-of-concern--title { font-size: 64px; }
    
}




/* Responsive CSS */
@media (max-width: 1199px) {
    .hp-header-nav div.main-menu > li.px-3 { padding-left: 10px !important; padding-right: 10px !important; }        
    .hp-mobile-icons .mobile-menu-trigger { height:40px !important; width: 60px !important; }
    .hp-mobile-icons .menu-open, .hp-mobile-icons .menu-close { padding: 0 !important; height: 40px;
        width: 60px; }
    .hp-mobile-icons .mobile-menu-trigger svg { height: 36px !important; }
    .mobile-menu-container, .search-overlay { top: 160px; }
    .mobile-menu-container > ul.mobile-menu { padding:0 !important; }  
    .mobile-menu-container {top: 124px;}  
    .mobile-menu .has-dropdown .grandchildmenu {padding-left: 10px;}
    
}
@media (max-width: 991px) {
    .pattern-title { line-height: 1.2; }
    .mobile-menu-container, .search-overlay { top: 140px; }
    .hp-background-line { height: 20px; }
    .faq-description-header { line-height: 42px; }
    .areas-of-concern--list ul { padding-left: 48px; }
    .areas-of-concern--list ul li { font-size: 16px; margin-bottom: 20px; }
    .areas-of-concern--list ul li strong { font-size: 18px; }
    .areas-of-concern--list ul li:before { width: 40px; height: 40px; left: 0px; background-size: 38px; }
}
@media (max-width: 767px) {
    .hp-header-logo .header-logo img { max-width: 115px; }
    .hp-promo--bar .promo-bar-text { font-size: 12px; }
    .mobile-menu-container, .search-overlay { top: 124px; }    
    .areas-of-care--title {font-size: 26px;}
    .areas-of-concern--list ul li:before, .areas-of-care--list ul li:before { width: 38px;height: 38px;}
    .areas-of-concern--list ul li, .areas-of-care--list ul li {margin-bottom: 20px;}
}
@media (max-width: 576px) {
    .hp-promo--bar .promo-bar-text { font-size: 10px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .hp-promo--bar .col-md-6 {
        flex: 0 0 auto;
        width: 55%;
    }
    .hp-promo--bar .col-md-4 {
        flex: 0 0 auto;
        width: 28%;
    }
}

@media (min-width: 1400px) and (max-width: 1799px) {
    .hp-promo--bar .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .hp-promo--bar .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .hp-promo--bar .promo-bar-text{font-size:15px;padding:5px 0;}
}
@media (min-width: 1800px) {
    .hp-promo--bar .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .hp-promo--bar .col-xxl-2{
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .hp-promo--bar .promo-bar-text{font-size:20px;padding:5px 0;}
}

/* End Hp Style.css  */

/* hp-style1.css */
/* font-family: "Libre Bodoni", serif; --> Use a value from 400 to 700 */
/* font-family: "Raleway", sans-serif; --> Use a value from 100 to 900 */
/* CSS letter-spacing (px) = (Font Size in px) × (Figma letter-spacing %) / 100 */
/*
:root {
  --green: #1e595c;
  --pink: #E01D77;
  --cream: #E2D5C4;
  --black: #000;
  --white: #fff;
  --raleway: Raleway, sans-serif;
}*/

#shopify-section-sections--17178439483526__promo-bar:not(body.template-index #shopify-section-sections--17178439483526__promo-bar) {
    background-color: #fff7e9;
}
div#shopify-section-sections--17643211718790__promo-bar {
    background-color: #d8897e;
    position: relative;
    z-index: 9999;
}

.hp-header-container-new {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}

.split-header>nav>ul>li>a {
    font-size: 17px;
    max-width: 108px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0;
    padding: 13px 0;
}
.header-main .submenu-item a {
    color: var(--green);
}

.split-header>nav>ul>li>a:hover {
    color:var(--pink)
}

.header-main .submenu-item:hover span, .header-main .submenu-item .submenu-item-link a {
    text-decoration: none !important;    
    text-wrap: auto;
}
@media (min-width: 1200px) {
    .hp-header-container-new .main-menu .menu-item-link { line-height: 1.3 !important; min-height: 78px; }
    .header-main .hp-header-nav .submenu.has-submenus { top: 128px !important; }
}
.header-main li.grandchildmenu-item a {
    padding: 5px 10px;
    text-decoration: none !important;
}

.header-left ul.flex.items-center>li, .header-right ul.flex.items-center>li{
    margin: 0 1em;
}
header .submenu.submenu--about span.submenu-item-link.dropdown-btn:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #1e595c;
    right: 8px;
    top: 11px;
}
.mobile-menu-container .mobile-menu .menu-item a {
    color: var(--green);
}
.header-main .submenu.submenu--about {
    min-width: 190px;
}

.submenu-item-link.hp-cursor-context-menu {
    cursor: context-menu !important;
}
.hp-header-icons img {
    filter: invert(1);
}

/* mobile menu icon */
.mobile-menu-container .mobile-menu .menu-item.has-dropdown .menu-item-link {
    padding: 0;
    height:48px;
}
.mobile-menu-container .mobile-menu .menu-item-link a {
    padding: 0 15px;
}
.menu-item.has-dropdown button.menu-item-link.dropdown-btn span {
    height: 48px;
    width: 60px;
    position: absolute;
    right: 0;
    top:0; 
}
.mobile-menu-container .mobile-menu .menu-item-link svg.mobile-dropdown-icon {
    display: block;
    margin-right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 9px;
    width: 30px;
    transform: translate(-50%, -50%);
    cursor: pointer !important;
    touch-action: manipulation;
}
.mobile-menu-container .mobile-menu .menu-item.active .menu-item-link .mobile-dropdown-icon {
    transform: rotateX(180deg) translateY(-50%) translateX(-50%);
}
.submenu-item.has-dropdown button.submenu-item-link.dropdown-btn span {
    height: 40px;
    width: 60px;
    position: absolute;
    right: 0;
    top:0; 
}
.submenu-item.has-dropdown button.submenu-item-link.dropdown-btn span svg.mobile-dropdown-icon {
    display: block;
    margin-right: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 9px;
    width: 30px;
    transform: translate(-50%, -50%);
    cursor: pointer !important;
    touch-action: manipulation;
}
.mobile-menu-container .mobile-menu .menu-item .submenu-item.active .submenu-item-link .mobile-dropdown-icon {
    transform: rotateX(180deg) translateY(-50%) translateX(-50%);
}
.menu-item.has-dropdown button.menu-item-link.dropdown-btn span:active, 
.submenu-item.has-dropdown button.submenu-item-link.dropdown-btn span:active {
    opacity: 0.9;
    transform: scale(0.96); 
    transition: transform 0.1s ease;
    background-color: rgba(0,0,0,0.1);
}
/* mobile menu icon end*/

.hp-header-logo { position:relative;}
.logo_outer:before, .logo_outer:after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    height: 165px;
    position: absolute;
    width: 90%;
    top:-80px;
    left:10px;
    z-index:-1;
}
.has-dropdown .account-link span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 1.6;
}
.logo_outer:before {
    background-image: url(/cdn/shop/files/logo-bg2.jpg?v=1763529582),
linear-gradient(252.8deg, rgba(255, 247, 236, 0.2) -11.14%, rgba(255, 247, 236, 0.4) 38.13%, #FFF7EC 58.47%, #E2D5C4 90.54%);
top:-81px;

}
.logo_outer:after {
  background-image: url(/cdn/shop/files/logo-bg1.jpg?v=1763529581);
  height: 162px;
  width:88%;
  transform: translateX(2px);
}
.logo_outer .header-logo {z-index:1;}

.hp-header-logo .header-logo img {
    margin: 0 auto;
}

header .shopify-section-group-header-group {
    padding-left: 3rem;
    padding-right: 3rem;
}

.color-green {color:var(--green);}
.raleway {font-family: var(--raleway);}
.hero-section {
    padding: 100px 0;
    padding-top:190px;
    background-color:var(--pink);
    padding-left:15px;
}
.section-padding {padding:100px 15px;}
.hero-content {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}
body#our-story .hero-content {
    max-width: 740px;
    margin-right:0;
}
.heroimg {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border: 2px solid var(--cream);
    box-shadow: 3px 3px 0 var(--cream);
    position:relative;
    max-width:88%;
}
.hp-herobanner--section {
    position: relative;
    top: 45px;
    overflow:hidden;
}
.hero_content_outer {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 2;
}
.hero_content_innerr {
    max-width: 570px;
    margin-left: 10rem;
}
.hp-herobanner--section .swiper-pagination {
    transform: translateY(-25px);
}
.hp-herobanner--section .swiper-pagination span.swiper-pagination-bullet {
    background: #fff;
    height: 15px;
    width: 15px;
    opacity: 1;
}
.hp-herobanner--section .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FC3C95;
    outline: 4px solid #fff;
    outline-offset: -4px;
}
@media (min-width: 1200px) {  
.hero_content_innerr h1.home-hero--title { font-size: 42px; line-height:1.2; }
}
@media (min-width: 1400px) {  
.hero_content_innerr h1.home-hero--title { font-size: 54px; line-height:1.2; }
}
@media (min-width: 1920px) {
.hero_content_outer .hero_content_innerr { max-width: 768px; }  
.hero_content_innerr h1.home-hero--title { font-size: 74px; line-height:1.2; }
}
@media (min-width: 2400px) {
.hero_content_outer .hero_content_innerr { max-width: 1024px; }  
.hero_content_innerr h1.home-hero--title { font-size: 94px; line-height:1.2; }
}
#shopify-section-template--17975206510726__hp_melanostop_treatments_mWejBb .bg-image-props {
    position: relative;
}
#shopify-section-template--17975206510726__hp_melanostop_treatments_mWejBb .bg-image-props:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    background: #bf9d90d9;
    left: 0;
    right: 0;
    height: 100%;
}
#shopify-section-template--17975206510726__hp_melanostop_treatments_mWejBb .heading_area {
    position: relative;
    z-index: 9;
}
.bg-image-props {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hero-content p {
    font-size: 26px;
    color: var(--green);
    margin-bottom: 30px;
}
.section-title, .template-product .kl_reviews__summary__header,
#shopify-section-template--17613824098438__hp_get_in_touch_UG8fMV h2.pattern-title{
    font-size: 67px;
    color: var(--green);
    line-height: 1.1;
    font-weight: 700;
}

.template-product .section-title {    
    font-size: 32px;
    color: var(--green);
    line-height: 1.2;
    font-weight: 400;
}
.template-product .section-title strong {
   font-weight: 600;
   color:var(--green); 
   font-family:Libre Bodoni,serif;
}
.template-product .section-title span {
    color: var(--pink);
    font-weight:700;
}
#shopify-section-template--17613824098438__hp_get_in_touch_UG8fMV h2.pattern-title {max-width:800px;}
.section-title span, .font-40 span, .font-40 strong{
    color: var(--pink);
    font-weight:700;
}
.perfect-section {
    padding-left: 30px;
    padding-right: 30px;
}
.perfect-sectionbg {
    background-position: bottom center;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-size: cover;
    border-radius: 50px;
    margin-top:300px;
    padding-bottom:50px;
}
.cards_style, .template-product .pwzrswiper-slide {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
linear-gradient(253.56deg, rgba(255, 247, 236, 0.75) 18.78%, rgba(255, 247, 236, 0.65) 59.85%), url(/cdn/shop/files/perfect-card-bg1.jpg?v=1755686943);
/*
border: 2px solid var(--cream);
box-shadow: 3px 3px 0px var(--cream);
*/
border-radius: 50px;
position:relative;
}
.service-cards { border-radius:200px 200px 50px 50px;}
.perfect-cards.cards_style {
    border-radius: 50px;
}
.ourteam_section .service-cards {
    border-radius: 100px;
}
.ourteam_section .service-image img {
    border-radius: 100px 100px 0 0;
}
.perfect-cards .cards-inner {
    padding: 30px 20px 42px;
    margin-top: -340px;
}
.service-cards  .cards-inner{
 padding: 30px 40px;
 padding-bottom: 60px;   
}
.cards-inner p, .cards-inner p strong {
    font-size: 18px;
    color: var(--green);
    line-height: 1.65;
}
.perfect-cards .cards-inner p strong {
    display: block;
}
.hp-why-prfct--section .perfect-cards .cards-inner p strong {
    display: unset;
}
.oval-image {
    transform: translateY(-340px);
}
@media (min-width: 575px) {
.oval-image.hp_image-placeholder-wrapper { width: 100%; min-height: 480px; border-radius: 480px; }
}
.card-title {
    font-size: 32px;
    color: var(--green);
    font-weight: 700;
}
.paragraph_style, .paragraph_style a, .paragraph_style p, .career_inner p  {
    font-size:18px;
    color: var(--green);
}
.paragraph_style a:hover,
.paragraph_style a:hover strong {color:var(--pink)}

.service-image img {
    border-radius: 200px 200px 0 0;
}
.hp-btn2 {
    font-weight: 800;
    letter-spacing: 0.5em;
    color: var(--pink);
    position: relative;
    text-transform: uppercase;
    transition:all .3s ease-in-out;
}
.hp-btn2:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid var(--pink);
    right: -18px;
    top: 2px;
}
.hp-btn2:hover {
    color: var(--green);
    transform:translateX(-10px)
} 
.hp-btn2:hover:after {
   border-left: 8px solid var(--green); 
}
.service-cards {
    margin-bottom: 40px;
}
.hp-reviews-section:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    background: #BF9D90D9;
    left: 0;
    right: 0;
    height: 100%;
}
.ourstories-section::before {
    background: #D8897EF2;
}
.review-cards {
    padding: 125px 50px 50px 80px;
    position: relative;
    border-radius:50px;
}
.reviews-inner p strong, .paragraph_style strong, .reviews-inner p  {
    color: var(--green);
}
.swiper.reviewsswiper {
    overflow-y: visible;
}
.hp-reviews-section .swiper-pagination {
    bottom: -50px !important;
}
.hp-reviews-section .swiper-pagination-bullet, .discover-skincare-section .swiper-pagination-bullet, .hp-our-blog--section .swiper-pagination-bullet{
    background: var(--pink);
    opacity: 0.7;
}
.hp-reviews-section .swiper-pagination-bullet-active, .discover-skincare-section .swiper-pagination-bullet-active, .hp-our-blog--section .swiper-pagination-bullet-active{
    background: var(--pink);
    outline: 2px solid var(--pink);
    outline-offset: 2px;
    opacity: 1;
}

.hp-reviews-section .swiper-slide, .discoverswiper .swiper-slide{
    padding: 25px 15px;
}
.review-cards:before {
    content: "";
    position: absolute;
    left: -10px;
    top: -28px;
    width: 155px;
    height: 120px;
    background-image: url(/cdn/shop/files/quote-left.png?v=1755761161);
    background-size: contain;
    background-repeat: no-repeat;
}
.discover-cards  {
border-radius: 50px;
position:relative;
}
.discover-img {
    padding: 15px 20px;
    transform: scale(1.0123);
    border-radius:50px;

}
.discovercard-inner {
    padding: 25px 40px;
    padding-top:0;
}
.discover-cards .discovercard-inner  .paragraph_style strong {display:block;}

.hp-btn3 {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 32px;
    width: 80px;
    justify-content: center;
    background-color: var(--pink);
    background-size: auto;
}
.hp-btn3:hover {
    background-color: var(--green);
}
.mb-minus {
    margin-bottom: 45px;
}
.swiper-button-next,  .swiper-button-prev {
    color: var(--pink) !important;
}
.form-bgupper {
    border-radius: 50px;
}
.newhp_form_area {
    padding: 60px 70px;
    border-color: var(--green);
    box-shadow: 3px 3px var(--green);
}
.form-contentarea p {
    font-size: 24px;
    max-width: 365px;
}
.form-section {padding:0 30px;}
.form-section:before {
    content: "";
    height: calc(100% - 170px);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 0px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:-1;
}
.hp-get-touch--section .form-section:before {
    height: calc(100% - 100px);
}
div.paragraph_style.text-white p {
    color: #fff;
}
.paragraph_style.author {
    font-weight: 600;
}
.instagram-feed-section:before {
    content: "";
    background-image: linear-gradient(
182deg, #fff7ec00 18.33%, #eadecd 91.72%);
    opacity: .5;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
}
.social_share li {
    display: inline-block;
    margin-right: 25px;
}
.social_share li a {
    color:var(--pink);
    font-size:20px;
}
.instagram-feed-section .instafeed-new-layout-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px !important;
}
.instagram-feed-section .instafeed-lazy-image {
    border-radius: 25px !important;
    height: 100%;
    width: 100%;
}

.instagram-feed-section .instafeed-new-layout-item {
    width: 31.3%!important;
    height: 100% !important;
    aspect-ratio: 1/1;
}
.instagram-feed-section .instafeed-hover-layer {
    border-radius: 25px !important;
}
.instagram-feed-section .container {padding-left:0; padding-right:0;}
.template-page-facials #shopify-section-template--17643209588870__hp_skin_conditions_treated_mxgQMg .ConcernsList li:before {
    background-image: url('/cdn/shop/files/agrea-of-concern-list-icon.svg');
}


/* Acne page */
.what-causes-acne-section {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    z-index: 0;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .pattern-title {
    font-size: 56px;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .section-sub-title {
    font-size: 35px;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .hero-content p {
    font-size: 19px;
}
.hero-content p strong {
    color: var(--green);
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .col-md-6.text-right.d-md-block {
    position:relative;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .col-md-6.text-right.d-md-block:before {
    width: 80%;
    height: 114%;
    content: "";
    background: #E48D92;
    top: -7%;
    right: 0;
    position: absolute;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.what_causes_acne_content {
    border-radius: 50px;
    padding: 50px 100px;
    max-width: 900px;
    margin: 0 auto;
}
.what-causes-acne-section .right_col {
    background: linear-gradient(91.06deg, rgba(222, 210, 205, 0) -4.12%, #E2D5C4 38.43%);
}

.acnetreat_img {
    height: 100%;
    z-index: 0;
}
.hp-acne-treatment-section .column3 {
    margin-right: 25%;
}

.hp-pairswell--section:before {
    content: "";
    position: absolute;
    bottom: -2.6em;
    left: -16em;
    background-image: url('/cdn/shop/files/border-gate-img.png?v=1761910528');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    z-index: 0;
}
.footer_card {
    border-top: none !important;
    padding-top: 0 !important;
}

.hp-collection-products.collection-products .product-grid .paragraph_style,
.search__products .product-grid-item .paragraph_style {
    font-size: 24px;
    font-weight:500;
}

.blog_img {
    border-radius: 50px;
}
#shopify-section-template--17178436927622__hp_get_in_touch_9inq6L .cta-section.pb-5 {
    padding-bottom: 0!important;
}
.skinconcern .cards_style {
    padding: 70px 40px;
}
.hp-shopby-category--section .font-35 p, #the-prfct-shop .hp-skincare-concern--section .paragraph_style.align_adj p {
    font-size: 32px;
    line-height: 1.33;
}
#the-prfct-shop .cards_style .font-40 {
    font-size: 32px;
    
}
/* Refund policy */
body#prfct section.rc-login {
    padding-top: 190px;
}
body#refund-policy .shopify-policy__container {
    width: 100%;
    max-width: 100%;
    padding:0;
}
body#refund-policy .shopify-policy__title {
    width: 100%;
    background-color: var(--cream);
    padding: 190px 15px 20px 15px;
}
body#refund-policy .shopify-policy__title h1 { 
    font-size: 64px;
    line-height: 1;
    color: var(--green);
    font-weight: 700;
    letter-spacing: -.05em;
    text-transform: capitalize;
}
body#refund-policy .shopify-policy__body {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 15px;
}
body#refund-policy .shopify-policy__body p {
    font-size: 18px;
    color: var(--green);
}



/*Collections Shop Pages */
.hp-hero-collection--section {
    background-color: #ffffff;
    background-image: url(/cdn/shop/files/blog-postbanner_1.jpg?v=1769579991);
}
.hp-hero-collection--section .section-padding {
    padding: 50px 15px;
}
.hp-hero-collection--section h1.section-title.fontsize95 {
    font-size: 60px;
}
.hp-collection-products.collection-products .product-grid .product-grid-item,
.hp-search-all-results.search-results .product-grid .product-grid-item {
    padding:0 10px;
}
.hp-collection-products.collection-products .cards_style,
.hp-search-all-results.search-results .cards_style {
    width: calc(50% - 15px);
    margin-bottom: 20px;
}
.hp-product-image-wrap {
    border-radius: 0;
    padding: 0;
    background-color: var(--cream);
}
.hp-product-image-wrap img {
    border-radius: 0;
}
.hp-product-image-wrap img.product-grid-item-hover {
    top: 10px; 
}
/*.hp-collection-products.collection-products .product-grid .hp-product-image-wrap {
    border-radius: 0;
    padding: 0;
    background-color: var(--cream);
}
 .hp-collection-products.collection-products .product-grid .hp-product-image-wrap img {
    border-radius: 0;
}*/
.hp-product-grid-item-title.product-grid-item-title {
    font-size: 12px;
    color: var(--green);
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
}
.hp-product-grid-item-title.product-grid-item-title:hover {
    color: var(--pink);
} 
.hp-product-grid-item-price .hp-regulator-price {
    color: var(--pink);
}
.hp-product-grid-item-price.footer_card {
    padding-top: 10px;
    border-top: 1px solid var(--cream);
    border-bottom: 1px solid var(--cream);
    padding-bottom: 10px;
}
.hp-product-grid-item-reviews.product-grid-item-reviews {
    padding-bottom: 15px;
}
.hp-product-grid-item-reviews.product-grid-item-reviews .klaviyo-star-rating-widget svg {
    width: 12px !important;
    height: 12px !important;
}
.hp-collection__utility-bar .filter-panel .dropdown-btn {
    font-weight: 500;
}
.hp-main-collections--section .hp-main-collections {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center center;
}
.hp-collection-list-bar.collection-list-bar {
    border: none !important;
}
.hp-collection-all-list a.collection-all-list-link {
    display: inline-block;
    padding: 8px 15px;    
    font-size: 16px;    
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--pink);    
    transition: all .3s ease-in-out;
    cursor: pointer;
}

/* responsive Collections Shop Pages */
@media only screen and (min-width: 768px) {
    .hp-collection-products.collection-products .cards_style,
    .hp-search-all-results.search-results .cards_style { width: calc(33.33% - 15px); }
    .hp-product-grid-item-title.product-grid-item-title { font-size: 14px; }
    .hp-product-grid-item-reviews.product-grid-item-reviews .klaviyo-star-rating-widget svg { width: 16px !important; height: 16px !important; }
    .hp-main-collections--section .hp-main-collections { height: 380px; }
}
@media only screen and (min-width: 992px) {
    .hp-collection-products.collection-products .cards_style,
    .hp-search-all-results.search-results .cards_style { width: calc(25% - 15px); }
    .hp-product-grid-item-title.product-grid-item-title { font-size: 18px; }
    .hp-product-grid-item-reviews.product-grid-item-reviews .klaviyo-star-rating-widget svg { width: 20px !important; height: 20px !important; }
}
/* 404 Page */
.hp-hero-section {
    background-color: var(--cream);
    padding: 190px 0 100px 15px;
}
#hp-404-page-banner .section-sub-title a {
    color: var(--pink);
}
#hp-404-page-banner .section-sub-title a:hover {
    color: var(--green);
}

/* Serch Pages */
.hp-search__page-result-title.search__page-result-title a {
    font-size: 16px;
    color: var(--green);
}
.hp-search__page-result-title.search__page-result-title a:hover { 
    color: var(--pink);
}
.search__page-result.hp-search__page-result p {
    font-size: 16px;
}
.search-results.hp-search-results .slick-slider .product-grid-item {
  margin: 0 10px 10px;
}
/* responsive Collections Shop Pages */
@media only screen and (min-width: 992px) {
    .hp-search__page-result-title.search__page-result-title a { font-size: 18px; }
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    padding: 10px 0;
}
/* Cart Page */
.hp-cart--section .cart-container {
    border-top: 1px solid var(--cream);
    border-bottom: 1px solid var(--cream);
}
.hp-cart--section .cart-container .cart-line-item:first-child .cart-line-item-price:before {
    font-size: 16px;
    top: -40px;
}
.hp-cart--section .cart-container .cart-line-item-description .cart-line-item-title {
    color: var(--green);
    font-size: 17px;
}
.hp-cart--section .cart-container .cart-line-item-variant {   
    font-size: 15px;
}
.hp-cart--section .cart-container .qty-wrapper {
    border: 2px solid var(--green);
    display: inline-flex;
    border-radius: 50px;
    box-shadow: 3px 3px 0 var(--green);
    background: #fff;
}
.hp-cart--section .cart-container .qty-wrapper .qty-total {
    font-size: 24px;      
    color: var(--green);
    line-height: 36px; 
}
.hp-cart--section .cart-container button.qty-minus {
    color: var(--pink);
    border-radius: 32px 0 0 32px;
}
.hp-cart--section .cart-container button.qty-plus {
    color: var(--pink);
    border-radius: 0 32px 32px 0;
}
.hp-cart--section .cart-container .qty-wrapper {
    width: 120px;
}
.hp-cart--section .cart-container .qty-wrapper button svg {
    height: 18px;
    width: 18px;
}
.hp-cart--section .cart-container button.qty-plus:hover svg,
.hp-cart--section .cart-container button.qty-minus:hover svg {
    fill: var(--white);
}
.hp-cart--section .cart-container .qb-price-item {
    font-size: 18px;
    color: var(--green);
}
.hp-cart--section .cart-container .cart-line-compare-price {
    color: var(--cream);
}
.hp-cart--section .cart-container .cart-line-item-remove {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background-color: var(--green);
    transition: all .3s ease-in-out;
    text-align: center;
}
.hp-cart--section .cart-container .cart-line-item-remove:hover {
    background-color: var(--pink);
    border: 1px solid var(--pink);
}
.cart-bottom note-enabled .cart-total-container .cart-total {    
    color: var(--green);
}
/* Login,  Register pages*/
.hp-account-form-wrapper.account-form-wrapper {
    max-width: 480px;
    padding: 32px;
}
.hp-account-form-wrapper.account-form-wrapper label,
.hp-account-form-wrapper.account-form-wrapper p {
    font-size: 18px; 
    color: var(--green);
    font-weight:500;
}
.hp-account-form-wrapper.account-form-wrapper .hp-account-title.account-title {
    color: var(--green);
    font-weight:500;
}
.hp-account-form-wrapper.account-form-wrapper input {
    font-size: 18px; 
    font-weight:500;
    line-height:1.6;
    border: 1px solid var(--cream);    
}
.hp-account-form-wrapper.account-form-wrapper a,
.hp-account-form-wrapper.account-form-wrapper button.hp-account-forgot-password {
    color: var(--pink);
    font-size: 16px; 
    font-weight:500;
}
.hp-account-form-wrapper.account-form-wrapper a:hover,
.hp-account-form-wrapper.account-form-wrapper button.hp-account-forgot-password:hover {
    color: var(--green);
}
.hp-account-form-wrapper.account-form-wrapper .account-disclaimer {
    color: var(--black);
    font-size: 16px; 
    font-weight:500;
}
.hp-account-info__sidebar.account-info__sidebar ul {
    padding:0;    
}
.hp-account-info__sidebar.account-info__sidebar ul li {
    padding: 8px 0;
    border-bottom: 1px solid var(--cream);
}
.hp-account-info__sidebar.account-info__sidebar ul li a {
    font-size: 18px; 
    color: var(--green);
    font-weight:500;    
    text-transform: capitalize;
}
.hp-account-info__sidebar.account-info__sidebar ul li a:hover {
    color: var(--pink);
}
.hp-account-info {
    padding: 0 40px !important;
}
.hp-account-info .account-table::after {
    border-bottom: 1px solid var(--cream);
}
.hp-account-info h4 {
    font-size: 24px;
    color: var(--green);    
    font-weight: 700;
    font-family: var(--raleway);
}
.hp-account-info .table-data,
.hp-account-info .table-data p {
    font-size: 18px;
    color: var(--black);
    font-weight: 500;
}
.hp-account-info strong {    
    color: var(--green);    
    font-weight: 700 !important;    
}
.hp-account-info a {
    font-size: 18px; 
    color: var(--pink);
    font-weight:500;   
}
.hp-account-info a:hover {
    color: var(--green);
}
.hp-account-info .table-row .table-data {
    font-size: 18px; 
    color: var(--green);
    font-weight:500; 
    text-align: left !important;
}
.hp-account-info .account-info-page__title {
    font-size: 40px;
    color: var(--green);
    line-height: 1.4;
    font-weight: 700;
    text-align: left !important;
}
.hp-account-info button.hp-btn {
    font-weight: 800;
    font-family: var(--raleway);
}
.hp-account-info .address-form h4 {
    font-size: 24px;
    color: var(--green);    
    font-weight: 500;
    text-transform: capitalize;
    font-family: var(--raleway);
}
.hp-account-info .hp-text-btn {
    color: var(--pink) !important; 
    font-size: 18px !important; 
    font-weight:500 !important; 
}
.hp-account-form label  {
    font-size: 18px !important; 
    color: var(--green) !important;
    font-weight:500 !important;
    margin-bottom: 3px !important;
}
.hp-account-form input {
    font-size: 18px !important; 
    font-weight:500 !important; 
    line-height:1.6 !important; 
    border: 1px solid var(--cream) !important; 
}
.hp-account-form select {
    color: var(--green) !important; 
    font-size: 18px !important; 
    font-weight:500 !important; 
    line-height:1.6 !important; 
    border-bottom: 1px solid var(--cream) !important; 
}
.hp-no-orders-header.no-orders-header {
    font-size: 20px;
    color: var(--green);    
    font-weight: 500;
    font-family: var(--raleway);
}
.header-main .submenu.has-submenus .submenu-item {
    padding: 10px 15px !important;
}




/*Skincare Shop */
.title-white {
    font-size: clamp(3rem, 7vw, 7rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 2px;
}
.hp-skincare-banner--section .story_img{
    max-width:480px;
}

.hp-skincare-bestselling--section .align_adj {
transform: translateY(-8px);
-webkit-transform: translateY(-8px);
}
.hp-skincare-bestselling--section .cards_style, .discover-skincare-section  .cards_style{
background:#fff;
}
.hp-skincare-bestselling--section .discovercard-inner .hp-btn {
padding-top:15px;
padding-bottom:15px;
}
.hp-skincare-routine--inner:before {
    content: "";
    border: 2px solid #E2D5C4;
    box-shadow: 3px 3px 0px #E2D5C4;
    border-radius: 200px 100px 100px 200px;
    height: 100%;
    width: 120%;
    position: absolute;
    z-index: 0;
    left: 0px;
}
.content_area {
    padding: 4rem 0;
}
.image_area img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-16px,-60px);
    max-width: 400px;
}
#skincare .image_area img {
    max-width: 340px;
}
.btnbg-none {
    padding: 0 !important;
    background: transparent !important;
    color: var(--pink) !important;
}
.btnbg-none:hover {
  box-shadow:none;
}
.hp-skincare-bundle--section del {
    margin-left: 10px;
}
.hp-skincare-bundle--section h4 {
    font-size:19px;
}
.hp-skincare-concern--section h4 {
    max-width: 260px;
}
.cta-section .paragraph_style ul li {
    list-style: inside;
    margin-bottom: 15px;
}
#shopify-section-template--17586839748742__hp_get_in_touch_tqDGD7.hp-get-touch--section .pattern-title {
    max-width:700px;
}

.gafori-conversatn-container { 
  border-radius:50px;
}
.hp-gafori-conversation--section .flyout_img {
    max-width: 420px;
}

.hp-career-current--section {
    position: relative;
}
.career_inner ul li {
    list-style: disc;
    font-size: 18px;
}
.career_inner h5 span {
    font-weight: 600;
}
.apply_btn {
    font-size: 15px;
    color: var(--pink);
    font-weight: 800;
    letter-spacing: .37em;
}
.apply_btn svg {
    width: 60px;
    padding: 0;
}
.apply_btn:hover {
    color: var(--green);
}
.apply_btn:hover svg{transform:none;}

.hp-career-current--section:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(
164deg, rgba(255, 247, 236, 0) 18.33%, #EADECD 91.72%);
    height: 100%;
    opacity: .5;
}
.career_inner h5, .career_inner h5 strong, .career_inner p, .career_inner ul li {
    color: var(--green);
    font-family: var(--raleway);
}


.hp-inner-banner-2--section .AquaGoldBannerContent.section-padding {
    padding-top:50px;
    padding-bottom: 50px
}
#the-prfct-gift-card-e-gift-card-for-beauty-aesthetics-amp-wellness .product__details_outer, 
#the-prfct-gift-card-e-gift-card-for-beauty-aesthetics-amp-wellness .product-reviews__container {display:none;}


@media (min-width:1200px) {
.header-logo {
    width: 100%;
    max-width: 264px;
}
section#promoBar {height: 45px;}
.promo-bar--col .promo-bar {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    width: 100%;
    transform: translateX(-35px);
    -webkit-transform: translateX(-35px);
    max-width: 1100px;
    margin: 0 auto;
}
.hp-mobile-icons {
    height: 45px;
    position: relative;
    z-index: 1;
    background:#d8897e;
}
}


@media (min-width:1400px) and (max-width:1699px) { 
.image_area img {
    max-width: 325px;
}
#skincare .image_area img {
    max-width: 260px;
}
}
@media (min-width:1300px) and (max-width:1399px) { 
.image_area img {
    transform: translate(-16px,-45px);
    max-width: 320px;
}
#skincare .image_area img {
    max-width: 266px;
}
}
@media (min-width:1248px) and (max-width:1299px) {
.image_area img {
    transform: translate(-16px,-50px);
    max-width: 320px;
}
#skincare .image_area img {
    max-width: 266px;
}
}

@media (min-width:1200px) and (max-width:1400px) {
#the-prfct-shop  .hp-btn3 {
    width: 58px;

}
}

@media (min-width:1200px) and (max-width:1247px) {
.image_area img {
    max-width: 290px;
}
#skincare .image_area img {
    max-width: 270px;
}
}
@media (min-width:1200px) and (max-width:1280px) {
.split-header>nav>ul>li>a {
    font-size: 15px;
}
}
@media (min-width:992px) and (max-width:1199px) {
.image_area img {
    transform: translate(-16px, -45px);
    max-width: 270px;
}
#skincare .image_area img {
    max-width: 246px;
}
}

@media (min-width:768px) and (max-width:991px) {
.container.hp-skincare-routine--inner {
    max-width: 100%;
}  
.content_area {
    padding: 2rem 0;
}
.image_area img {
    transform: translate(-16px,-50px);
    max-width: 325px;
}
#skincare .image_area img {
    max-width: 260px;
}
.hp-before-after--section .container {
    max-width: 100%;
}
}

@media (max-width:1400px) {
.hero_content_innerr {
    margin-left: 4rem;
    padding: 20px 0;
}
.prfct_specials_hero .treat_pricicing_card {
    padding: 40px !important;
}    
.hp-skincare-banner--section .story_img{
    max-width:430px;
}
header .shopify-section-group-header-group {
    padding-left: 2rem;
    padding-right: 2rem;
}
.header-left ul.flex.items-center>li, .header-right ul.flex.items-center>li{
    margin: 0 .3em;
}
.hp-shopby-category--section .skinconcern .cards_style {
    padding: 50px 25px;
}
.hp-shopby-category--section .font-35 p, #the-prfct-shop .hp-skincare-concern--section .paragraph_style.align_adj p {
    font-size: 28px;
}
#the-prfct-shop .cards_style .font-40 {
    font-size: 30px;
}
.hp-get-touch--section .form-section:before {
    height: calc(100% - 90px);
}

}
@media (min-width:768px) and (max-width:1100px) {
.hp-skincare-banner--section .story_img{
    max-width:370px;
}
.hp-skincare-img {
    transform: translateX(-15px);
}
}

/*Team page css */

.hp-gafori-banner--container:before, .hp-gafori-banner--container:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 50px;
}

.hp-gafori-banner--section img {
    max-width: 450px;
}
.hp-gafori-banner--section .section-sub-title {
    font-family: 'Libre Bodoni';
}


/*About Page Css */
.team-col-content .section-title {
    max-width: 500px;
}
.team-col-content .paragraph_style {
    max-width: 650px;
}
.font-24 {font-weight:600; color:var(--green); font-family: var(--raleway)}
.plr {padding-left:15px;padding-right:15px;}
.corevalue_outer {border-radius:50px;}
.values_cards p {max-width: 300px;margin: 0 auto;}
.story_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 340px;
    width: 100%;
}
#about-us .ourstories-section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#about-us .membersip-section .corevalue_outer {
    box-shadow: 16px 4px 0 #E2D5C4;
}
.main--about-us .hp-get-touch--section .cta-section_outer {
    border: 1px solid var(--cream);
    box-shadow: 3px 3px 0 var(--cream);
}
.ourstories-content p {
    max-width:890px;
}
.paragraph_style.text-white strong {
    color: var(--white);
}
.hp-btn.btn-white {
    background: var(--white);
    color: var(--black);
}
.hp-btn.btn-white:hover {
    background: var(--pink);
    color: var(--white);
}
.ba-img img {
    border-radius: 25px;
    margin-bottom: 20px;
}
.bacard-inner a {
    color: var(--green);
    text-decoration: underline !important;
}
.bacard-inner a:hover {
    color: var(--pink);
}
.bacard-inner {
    padding: 0 50px;
}
.bacard-inner p {
    margin-bottom: 0;
}
.listnum {
    height: 36px;
    display: inline-flex;
    width: 36px;
    background: var(--pink);
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.membership_col li {
    margin-bottom: 10px;
}
.radius-ls-50 {
    border-radius: 50px 0 0px 50px;
}
.radius-rs-50 {
   border-radius: 0px 50px 50px 0px; 
}
.inner-content {
    max-width: 710px;
    margin: 0 auto;
}
.reverse_section .inner-content {
    max-width: 470px;
    margin: 0 auto;
}

.blogarea-section .heading_area p {max-width:900px;}
.provider_wrapper {
    background: linear-gradient(0deg,#ffffff80,#ffffff80),linear-gradient(253.56deg,#fff7ecbf 18.78%,#fff7eca6 59.85%),url(/cdn/shop/files/provider_rowbg1.jpg?v=1755925296);
    border-radius: 100px;
    margin-bottom: 100px;
    border: 2px solid var(--cream);
    box-shadow: 3px 3px 0 var(--cream);
}
.provider_wrapper:last-child{
    margin-bottom:0;
}
.provider_inner {
    max-width: 860px;
    margin: 0 auto;
    padding: 70px 20px;
}
.flex-row-reverse.provider_wrapper .provider_inner{margin-right:auto;margin-left:0;}
.flex-row-reverse.provider_wrapper .story_img {margin-left: 50px;}
.font-40 {
    font-size: 40px;
    font-weight: 700;
    color: var(--green);
    line-height: 1;
}

.team_cards .font-24 {
    max-width: 315px;
    margin: 15px auto;
}
.ourprovider_section .heading_area p {max-width:850px}
.ourteam_section .heading_area p {
    max-width:1040px;
}
.cta-section:before {
    background-image: url('/cdn/shop/files/cta-bgback.jpg?v=1755867150');
}
.img_offset {
    transform: translateY(75px);
    max-width: 450px;
}
.font-50 {
    font-size: 48px;
    color: var(--green);
    line-height: 1.2; 
}
.hero_singlepage .font-50 { max-width: 400px;}
.text-black {color:var(--black)}
.social_infobox i {
    color: var(--pink);
    font-size: 28px;
    margin-bottom: 15px;
}
.social_infobox a:hover {color:var(--pink)}
.pro_highlight {
    color: var(--pink);
    max-width: 1160px;
    margin: 50px;
}

#shopify-section-template--17178438074502__hp_treatments_works_process_HiJtqe .heading_area {
    max-width: 880px !important;
}
section#shopify-section-template--17178438074502__hp_get_in_touch_J7ywxT .pattern-title, #shopify-section-template--17178437943430__hp_trearments_who_is_this_KcbwJ8 .section-title,
#shopify-section-template--17178437943430__hp_get_in_touch_qREBch .pattern-title {
    max-width: 100% !important;
}
#shopify-section-template--17178438467718__hp_our_service_section_7bNrDi {position:relative;}
#shopify-section-template--17178438467718__hp_our_service_section_7bNrDi:before {
    content: "";
    height: 25px;
    width: 100%;
    position: absolute;
    background-image: url('/cdn/shop/files/service-border-bg.jpg?v=1762414785');
    top: 0;
    background-size:cover;
}
#services .service-cards {
    border-radius: 100px 100px 50px 50px;
}
#services .service-image img {
  border-radius: 100px 100px 0 0;
}

.hp-list-boxes--section .areas-of-concern--list ul{margin-bottom:0;}
.hp-list-boxes--section .areas-of-concern--list ul li {font-weight:600;}
.hp-list-boxes--section .areas-of-concern--list ul li:last-of-type {margin-bottom:0;}
.hp-list-boxes--section .areas-of-concern--cards {background-image:none;}

/*product page css */
.template-product .product-top {
    background-image: linear-gradient(235deg,#fff7ec00 18.33%,#eadecd 91.72%);
}
/* section.product-top:before {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/productsingle-bg1.jpg?v=1763984588) no-repeat;
    height: 100%;
    width: 30%;
    background-position: top left;
    background-size:cover;
} */
/* .product-top .product-left {
    width: 35%;
    padding-top: 250px;
    padding-bottom:80px;
}*/
.product-top .product-left {
    width: 50%;
    padding-top: 250px;
    padding-bottom:80px;
}
.product-top .product-right {
    padding-top: 250px;
    padding-bottom:80px;
    width: 50%;
}
/* .product__subscriptions.cards_style {
    padding: 40px 80px;
    border-radius: 50px;
    border: 2px solid var(--cream);
    max-width: 650px;
} */
.hp-product__subscriptions.product__subscriptions {
    border:none !important;    
}
@media only screen and (min-width: 768px) {
    .hp-product__subscriptions.product__subscriptions {margin-top: -20px; }
}
.hp-product-subscribe-title {
    margin-right: 25px;
    margin-top:-3px;
}
.product__subscriptions.cards_style {
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid var(--cream);    
}
.hp-radio-subscription-logic {
    border: 1px solid var(--cream);  
    padding: 10px !important;
    transition: all 0.2s ease-in-out;
} 
.hp-radio-subscription-logic .subscription-option {    
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.hp-radio-subscription-logic .subscription-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
}
.hp-radio-subscription-logic .subscription-radio-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: 10px;
}
.hp-radio-subscription-logic .subscription-radio-label span,
.hp-radio-subscription-logic .product-subscription__dropdown-container .dropdown-label {
    color: var(--green);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
}
.hp-radio-subscription-logic .subscription-radio-label .radio-price {
    color: var(--green);
    font-weight: 600;    
    font-size: 17px;
}
.hp-radio-subscription-logic .subscription-radio-content .radio-price .old-price {
  color: var(--green);
  font-size: 17px;
  margin-right: 5px;
  opacity:0.7;
}
.hp-radio-subscription-logic .product-subscription__dropdown-container p {
    font-size: 16px;
}
.hp-radio-subscription-logic .product-subscription__dropdown-container a {
    color: var(--pink);
}











.template-product .pwzrswiper-slide {
    border-radius: 50px !important;
}

template-product div#pwzrswiper-container-wrapper {
    padding: 10px;
}
.template-product .pwzrswiper-slide:before {
    content: none !important;
}
.template-product .pwzrjss111 {
    border-radius: 50px;
}
/*.kl_reviews__stars_badge svg path {
    fill: var(--pink);
}*/
.template-product .kl_reviews__star_rating_widget__label {font-size:18px !important}
.template-product .product-subscription__purchase-text, .template-product .product__replenishment {
    color: var(--green);
    font-weight: normal;
    font-size: 18px;
}
.product__price div {color:var(--green)}
.product__price strong, .product__price a {
    font-weight: bold;
    color: var(--pink);
}
.product-price span::after {
    color: var(--pink) !important;
}
.subscription__discount-price {color:var(--pink) !important}
.template-product .product__price a, .template-product .product__replenishment a {
    text-decoration: underline !important;
    color: var(--pink) !important;
    font-weight: bold;
}
.template-product .product-subscriptions__note {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    position:relative
}
.product-subscriptions__note:before {
    content: "";
    width: 5px;
    height: 5px;
    background: var(--green);
    position: absolute;
    top: 12px;
    border-radius: 50%;
    left: -15px;
}
.template-product .product-subscriptions__note p {
    color: var(--green);
}
.template-product .add-to-cart-container {
    border: 2px solid var(--green);
    display: inline-flex;
    border-radius: 50px;
    box-shadow: 3px 3px 0 var(--green);
    background: #fff;
}
.add-to-cart-container .dropdown-select-wrap {
    margin-right: 0;
}
.add-to-cart-container .button:after {
    content:none;
}
.qty-selector { font-size: 32px; padding:0 30px;}
.qty-input {
    border: none;
    outline: none;
    color: var(--green);
    font-weight: 500;
    text-align: center;
}
.qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button, .qty-input[type=number] {
    -webkit-appearance: none;
    margin: 0;
}
button.qty-btn {
    color: var(--pink);
}
.add-to-cart-container .hp-btn:hover {
    transform: translateY(0px);
}
/*.template-product .PwzrGrid-container div[role="button"] {
    border-radius: 20px !important;
    box-shadow: 3px 3px 0 var(--green);
    border: 2px solid var(--green) !important;
}*/
.product__replenishment a {
    text-transform: uppercase;
}
.faq-description-container {
    border: 2px solid var(--green);
    border-radius: 50px;
    box-shadow: 3px 3px 0 var(--green);
    padding: 0 40px;
    background:var(--white)
}
/* .template-product .product-description-container {
    border: 2px solid var(--green);
    border-radius: 50px;
    box-shadow: 3px 3px 0 var(--green);
    padding: 0 40px;
    background:var(--white)
} */
.template-product .product-description-container.open, .faq-description-container.open {
    background: transparent;
}
.template-product .product-description-header, .faq-description-header {
    font-size: 23px;
    line-height: 1.3;
    padding-top: 16px;
    padding-bottom: 16px;
    color: var(--green);
    text-align:left;
}
.template-product .product-description p:first-of-type, .template-product .product-description.product-content p  {
    color: var(--green);
    font-size: 15px;
}
 .template-product .product-description li, .template-product .product-description  em, .template-product .product-description li strong {
    font-size: 15px;
    color: var(--green) !important;
}
.template-product .product-description li a {
    color:var(--pink)
}
.faq__details_outer {
    background-image: linear-gradient(
177deg, rgba(255, 247, 236, 0) 18.33%, rgba(234, 222, 205, 0.5) 91.72%);
}
/*.product__details_outer {
    background-image: linear-gradient(
177deg, rgba(255, 247, 236, 0) 18.33%, rgba(234, 222, 205, 0.5) 91.72%);
}*/
.product-description-header .faq_arrow {
    width: 20px;
}
.product-description-header i, .faq-description-header i {
    font-size: 30px;
    color: var(--white);
    background-color: var(--pink);
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background-image: url(/cdn/shop/files/white-bg-520x100.png?v=1755599183);
    background-repeat: repeat;
    background-blend-mode: color-burn;
    transform: rotate(-90deg);
    transition: transform 0.3s ease-in-out;
}
.faq-description-container.open .faq-description-header i {
    transform: rotate(0deg);
}
.faq-description {
    padding-bottom: 20px;
}
.faq-description-container:last-child {margin-bottom:0 !important;}


.template-product .product-reviews__container {
    max-width: 1280px;
    padding: 0 15px;
}
/*.template-product .kl_reviews__histogram__bar--foreground {
    background-color: var(--pink);
}*/
.template-product .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item p.kl_reviews__review__content {
    font-size: 15px;
    color: var(--green);
    line-height:1.5;
}
.template-product .kl_reviews__review__title {
    font-size: 22px;
    color: var(--green);
}
.template-product .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item {
    border-bottom: 1px solid #E2D5C4;
}
/* .template-product .kl_reviews__summary.kl_reviews__summary.kl_reviews__summary h2 {
    font-size: clamp(2rem,4vw,4rem);
    color: var(--green);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -.03em;
    font-family: Libre Bodoni,serif;
    text-transform: capitalize;
} */
 .template-product .kl_reviews__summary.kl_reviews__summary.kl_reviews__summary h2 {
    font-size: 28px;
    color: var(--green);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -.03em;
    font-family: Libre Bodoni,serif;
    text-transform: capitalize;
} 
.template-product .kl_reviews__review__timestamp {
    color: var(--green);
    font-size: 16px;
}
.template-product .kl_reviews__summary__average_value, .template-product .kl_reviews__summary__average_denominator {
    color: var(--green);
}
.template-product .kl_reviews__summary__stars__count {
    color: var(--green);
    font-size: 17px;
}
/* .template-product .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__list__tab {
    color: var(--pink);
}*/
.template-product .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__list__tab:focus {
    outline: 0;
}
.template-product .kl_reviews__filters input, .template-product .kl_reviews__filters select {
    border: 1px solid #E2D5C4 !important;
    background-color: #fff !important;
    color: #1E595C !important;
    font-size: 16px !important;
    outline:none !important
}
.template-product .kl_reviews__review__author * {
    color: #366a6f;
    font-size: 14px;
}
.template-product .kl_reviews__filters button[role=checkbox] {
    background-color: var(--green) !important;
    color: #fff !important;
    font-size: 14px !important;
}
.template-product .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__list__tab small {
    color: var(--pink);
    font-weight: bold;
    font-size: 15px;
}
.template-product .kl_reviews__histogram__value, .template-product .kl_reviews__histogram__rating {
    color: var(--green);
    font-weight: bold;
}
.template-product .kl_reviews__histogram__row svg {
    fill: var(--green);
}
.template-product .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__filter_info, 
.template-product .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__filter_info *{
    color: var(--green);
    font-size: 14px;
}
.template-product .kl_reviews__list_empty_state__container * {
    color: var(--green);
}
.template-product .product-returns {
    font-size: 17px;
    color: var(--green);
}


.wht_to_expect_list img {
    max-width: 50px;
}
.whatto_expect_inner {
    max-width: 680px;
    margin: 0 auto;
}
#vampire-facial-in-la-jolla-ca .whatto_expect_inner, #pdo-collagen-boosting-threads-in-la-jolla-ca .whatto_expect_inner,
#aquagold-microchanneling .whatto_expect_inner, #skin-boosters-in-san-diego .whatto_expect_inner,
#women-39-s-wellness-in-la-jolla-ca .whatto_expect_inner, #prf-injections-in-la-jolla-ca .whatto_expect_inner{max-width: 770px;}
#hair-restoration-in-la-jolla-ca .whatto_expect_inner, #sclerotherapy-vein-treatment-in-la-jolla-ca .whatto_expect_inner{max-width: 835px;}
@media (min-width:1024px){
#laser-vein-treatment-in-la-jolla-ca .whatto_expect_inner .section-title, #pixie-in-la-jolla-ca .whatto_expect_inner .section-title,
#pdo-thread-lift-in-la-jolla-ca .whatto_expect_inner .section-title {max-width: 550px;width:100%;}
}
@media (max-width:1600px) and (min-width:1024px){
    #laser-hair-removal-in-la-jolla-ca .whatto_expect_inner {max-width: 550px;}
    #laser-hair-removal-in-la-jolla-ca .whatto_expect_inner .section-title{max-width: 390px;}
    #iv-vitamin-therapy-in-la-jolla-ca .whatto_expect_inner .section-title{max-width: 450px;}
}
.border-50 {
    border-radius: 50px;
}
.img_out {
    transform: translateX(6%);
}
#shopify-section-template--17178437943430__hp_inner_page_banner_34MwX8 .hero-content {
    max-width: 645px;
}
#shopify-section-template--17178437943430__hp_treatments_works_process_Xd6NNa .ourteam_section {
    padding-bottom: 0;
}
.template-product .breadcrumb {
    display: none;
}
.treat_pricicing_card {
    padding: 70px 50px 60px;
}
.pricing_middle_box {
    padding: 20px 0;
    border-top: 1px solid var(--cream);
    border-bottom: 1px solid var(--cream);
    margin-bottom:20px;
}
.pricing_bottom_box {
    padding: 15px 0 10px;    
    border-bottom: 1px solid var(--cream);
    margin-bottom:20px;
}
.treat_pricicing_card div.pricing_bottom_box:last-child {
    border-bottom: none;
}
.pricing_bottom_box h4, .hp-skincare-bundle--section h4 {
    font-weight: 600;
    color: var(--green);
    font-family: var(--raleway);
}
.treat_pricicing_card div.pricing_bottom_box p { 
    margin-bottom:4px;
}
.pricing_middle_box .paragraph_style p { 
    margin-bottom:0;
}
.treat_pricicing_card .section-title {
    font-size: 52px;
    max-width: 378px;
}
.treat_pricicing_section:before {
     top: calc(50% - 0px);
}

.treat_pricicing_section .bg-image-props {
    background-position: center!important;
    background-repeat: no-repeat;
    background-size: cover;
}
#shopify-section-template--17178438598790__hp_inner_page_banner_GJLUhC .hero-content {
    max-width: 660px;
}
#shopify-section-template--17178438598790__hp_trearments_pdo_thread_yfPCF3 .cards_style,  #shopify-section-template--17178437976198__hp_trearments_pdo_thread_KW9R3J .cards_style{
    border: 2px solid var(--green);
    box-shadow: 3px 3px 0 var(--green);
}
#shopify-section-template--17178438598790__hp_trearments_who_is_this_dRNJQN .section-title,
#shopify-section-template--17178438598790__hp_get_in_touch_kyqjqT .pattern-title,
#shopify-section-template--17178438795398__hp_treatments_works_process_9JYtbx .heading_area {
    max-width:100% !important;
}
.template-product .pwzrswiper-wrapper {
    padding-bottom: 30px;

}
/*
.template-product .pwzrswiper-slide {
    box-shadow: 0px 3px 0 var(--cream);
}
*/
.template-product .PwzrIconButton-root {
    background-color: var(--white) !important;
    color: var(--pink) !important;
    outline: 1px solid var(--green);
    outline-offset: -4px;
}
.template-product .product-excerpt ol, .dropdown-label{
    padding-left: 0;
    color: var(--green);
    font-size: 18px;
}
/*
.cards_green {
    border-color: var(--green);
    box-shadow: 3px 3px 0 var(--green);
}
*/
.contact_cards {
    background-image: none;
    padding: 40px 30px;
}
.contact_cards a:hover strong{color:var(--pink)}
.contact_cards a:hover {color:var(--green)}
.contact_cards a strong {
    font-size: 20px;
    font-family: 'Raleway';
    font-weight: 600;
    line-height: 1.3;
    color:var(--green)
}
.contact_cards a strong {
    display: block;
}
.pricing_middle_box.boxlist {
    border-top: 0;
    margin-bottom: 0;
}
.pricing_middle_box.boxlist:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.perfect_vault {
    background-color: #1e595cd9;
    border-radius: 0 0 50px 50px;
    width: 101%;
}
section.contact-wrapper {
    display: none;
}
#shopify-section-template--17178438795398__hp_inner_page_banner_yGLMJi .hero-content {max-width: 655px;}
#shopify-section-template--17178436993158__hp_inner_page_banner_hiPJgx .hero-content,
#shopify-section-template--17178438172806__hp_inner_page_banner_TDUh6i .hero-content  {max-width: 630px;}
#shopify-section-template--17178437976198__hp_au_meet_team_bhw4aL .container{max-width: 1000px;}
.hp-what-is-microneedling--section .areas-of-concern--list ul li:before {
    top: -10px;
}
.video_caption p {font-weight:600;}
section#shopify-section-template--17178437386374__hp_get_in_touch_4Miyww, #shopify-section-template--17178438172806__hp_get_in_touch_LLq8Py {margin-top: 40px;}
.faq-description-container.open {
    background: transparent;
    background-image: linear-gradient(0deg, #FFF7EC, #FFF7EC), linear-gradient(253.56deg, rgba(255, 247, 236, 0.75) 18.78%, rgba(255, 247, 236, 0.65) 59.85%),
    url(/cdn/shop/files/perfect-card-bg1.jpg?v=1755686943);
}
#shopify-section-template--17178438172806__hp_trearments_pdo_thread_cGiwpd .heading_area p {font-size: 30px;}
#shopify-section-template--17178438369414__hp_inner_page_banner_tUi4G3 .hero-content h1.pattern-title {padding-bottom: 20px;font-size: clamp(3rem,5.1vw,5.1rem);}
#shopify-section-template--17178438369414__hp_get_in_touch_PFmdaq {overflow: hidden;}
#shopify-section-template--17178438795398__hp_get_in_touch_fKQrnJ .pattern-title, #shopify-section-hp-mut-ready-meet .pattern-title { padding-bottom: 15px;}
#shopify-section-template--17178436927622__hp_skincare_line_section_UAAgnA .pattern-title {font-size: clamp(3rem,5vw,6rem);}
#shopify-section-template--17178438467718__hp_inner_page_banner_qcJrXL .hero-content {max-width: 635px;}
#shopify-section-template--17178438598790__hp_trearments_who_is_this_dRNJQN .who-is-treatment-section {
    padding-bottom: 2px !important;
    padding-top: 70px !important;
}
.has-dropdown .grandchildmenu {padding-left: 0;}
.has-dropdown a:hover, .submenu-item a:hover, .hp-header-nav div.main-menu>li.px-3>a:hover {
    color: var(--pink) !important;
}
.submenu--about .submenu-item {
    position:relative;
}
.submenu--about .submenu-item .grandchildmenu {
    position: absolute;
    background-color: #fff;
    top: 0;
    right: -305px;
    transform-origin: top left;
    transform: translate(-50%);
    margin: 0 auto;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s;
    border-radius: 8px;
    box-shadow: 0 0 16px -2px #00000026;
    padding: 7px;
}
.submenu--about .submenu-item:hover .grandchildmenu {opacity: 1;visibility: visible;}
.submenu--about .grandchildmenu a.grandchildmenu-item-link {
    font-size: 15px;
    color: var(--green);
}
.submenu--about .grandchildmenu li:hover a.grandchildmenu-item-link {text-decoration:underline !important;}
.mobile-menu-container .mobile-menu .menu-item .submenu-item .submenu-item-link, .grandchildmenu-item-link {
    color: var(--green);
}
.mobile-menu-container .mobile-menu .menu-item-link {
    color: var(--green);
    font-weight: 600;
}
.mobile-menu-container .mobile-menu .menu-item:nth-child(odd) {
    background-color: #fdd7d582;
}

.border-20 {
    border-radius: 20px !important;
}
.product-left .swiper-button-next, .product-left .swiper-rtl .swiper-button-prev {
    background: #fff!important;
    height: 50px!important;
    width: 50px!important;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    outline: 2px solid var(--green);
}
#skincare .cta-section ul {
    padding-left: 0;
}
/*blog css */
.blog-pagination.override button {
    background: none !important;
    color: var(--green) !important;
    font-weight: 600;
    font-size: 24px;
    border: 0;
}
.blog-pagination.override .mixitup-page-list:not(.mixitup-control-prev, .mixitup-control-next) button:hover {
    color: var(--pink) !important;
}
.blog-pagination.override .mixitup-page-list {
    gap: 15px;
}
.blog-pagination.override .mixitup-control-prev, .blog-pagination.override .mixitup-control-next {
    background-color: #E01D77 !important;
    border-radius: 50%;
    color: #fff !important;
    background-image: url(/cdn/shop/files/white-bg-520x100.png?v=1755599183);
    background-repeat: repeat;
    background-size: cover;
    background-blend-mode: color-burn;
    transition: all .3s  ease-in-out;
}
.blog-pagination.override .mixitup-page-list button.mixitup-control-active {
    background: #326266 !important;
    color: #fff !important;
    font-weight: 600;
}
.blog-pagination.override .mixitup-page-list button, .blog-pagination.override .mixitup-page-list span {
    border-right: 0;
}
.blog-pagination.override .mixitup-page-list span {
    background: none;
    color: var(--pink);
    font-weight: 900;
}

.main--perfect-vault .hero-content {
    max-width: 710px;
}

.areas-of-concern--cards .areas-of-concern--list li {
    display: block;
    padding-left: 70px;
}
.areas-of-concern--cards .areas-of-concern--list ul li:before {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 8px;
}

.fontsize120 {
    font-size: clamp(3rem, 5.0vw, 6.5rem);
    line-height:1.1;
}
.fontsize95 {
    font-size: clamp(2.8rem, 5.8vw, 5.5rem);
    line-height:1;
}
.fontsize91 {
    font-size: clamp(2.6rem,5.4vw,5.3rem);
    line-height:1;
}
.fontsize85 {
    font-size: clamp(2.6rem,4.4vw,5.2rem);
    line-height:1;
}

#vampire-facial-in-la-jolla-ca .hp-reviews-section .reviewsswiper {
    max-width: 1200px;
}
 #gift-cards .heroimg  {
    max-width: 88%;
}
#our-story-new .heroimg {max-width: 90%;}
#brow-amp-lash-services .hp-tm-works-process--section .bg-image-props {
    background-position: top center;
}
#brow-amp-lash-services .hp-tm-works-process--section .bg-image-props:before, #body-rituals-in-la-jolla-ca .hp-tm-works-process--section .bg-image-props:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #D8897ECC;
}
#brow-amp-lash-services .hp-tm-works-process--section .section-title {
    color: #fff;
}
#brow-amp-lash-services .hp-get-touch--section .cta-section_outer{
   background-image: url('/cdn/shop/files/Brows-lash-CTA-bg.jpg?v=1763966914') !important;
   background-position: top center;
}

.hp-team-expertise--section img.d-md-block {
    max-width: 450px;
    transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
}

#chemical-peels-in-la-jolla-ca .hp-get-touch--section .cta-section {
    padding-top: 48px !important;
}
.What_is_Melasma_sec p {
    color: var(--green);
    width: 100%;
    max-width: 540px;
}
.AquaGold_banner_Video.What_is_Melasma_sec:after {
    border: none;
    box-shadow: none;
    height: 100%;
}
.AquaGold_banner_Video.What_is_Melasma_sec:before {
    height: 100%;
}
.AquaGold_banner_Video.What_is_Melasma_sec:after,
.AquaGold_banner_Video.What_is_Melasma_sec:before {
    width: 98%;
}
.What_is_Melasma_sec img.aquagold_banner_img2 {
    position: relative;
    right: -36px;
}
.whatto_expect_inner {
  margin: 40px auto;
}
.AquaGoldConcerns.Skin_conditoins:before {
    display: none;
}
.AquaGoldConcerns.Skin_conditoins .corevalue_outer {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 60px;
}
.AquaGoldConcerns.Skin_conditoins .corevalue_outer:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: #d8897e;
    opacity: .95;
}
.hero_section_AquaGold .corevalue_outer:before {
    background-color: #D8897ED9;
}
#skin-boosters-in-san-diego .AquaGoldConcerns.Skin_conditoins .corevalue_outer,
#skin-boosters-in-san-diego .cta-section {
    margin-top: 48px;
}
.AquaGoldConcerns.Skin_conditoins .AquaGoldConcerns_img {
    border: none;
    box-shadow: none;
    transform: unset;
    position: relative;
    right: -96px;
}
.hp-publication-banner--section h2, .hp-publication-banner--section p {
    color: var(--green) !important;
}
.hp-publication-banner--section h2 {
    width: 100%;
    max-width: 60%;
}

.hp-Featured--section .team_cards {
    padding: 8px 8px 30px;
    background: #fff;
}

.hp-In-the-Media--section .paragraph_style {
    max-width: 590px;
}
.hp-In-the-Media--section .AquaGold_banner_Video {
    margin: 0 15px;
}
.hp-Recent-Highlights--section .section-padding {
    padding-top: 0 !important;
}
.hp-Recent-Highlights--section .btn_mobcenter {
    display: flex;
    justify-content: space-between;
}
.hp-Recent-Highlights--section .btn_mobcenter p {
    margin-bottom: 0 !important;
}
#vi-peel-in-la-jolla-ca .areas-of-concern--cards .areas-of-care--list ul li:before,
#botox-amp-wrinkle-relaxers-in-san-diego-prfct .areas-of-concern--cards .areas-of-care--list ul li:before,
#dermal-fillers-in-la-jolla-ca .hp-aquagold-care--section .areas-of-care--list ul li:before {
    background-image: url(https://helloprfct.com/cdn/shop/files/Skin_condition-icon.svg?v=1763116388);
}

.hp-aquagold-care--section .areas-of-care--list ul li {
    font-weight: 600;
    font-size:20px;
}
.hp-aquagold-care--section .areas-of-care--list ul li:last-child {
    margin-bottom:0;
}

.hp-get-touch--section h2.pattern-title {
    display:inline-block;
}

.hp-gafori-banner--section {
    padding-top: 180px;
  }
.hp-gafori-banner--container:before { 
    width:79%;
    z-index:2;
}
.hp-gafori-banner--container:after { 
    width:30%;
    right:0;
    z-index:1;
}
.hp-gafori-banner--container:before, .hp-gafori-banner--container:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px;
  }
  
  .hp-gafori-banner--section img {
    max-width: 450px;
  }
  .hp-gafori-banner--section .section-sub-title {
    font-family: 'Libre Bodoni';
  }

/* special page css */

.prfct_specials_hero .treat_pricicing_card {
    padding: 50px;
    text-align: center;
}
.prfct_specials_hero .treat_pricicing_card .card-price-title {
    font-size: 25px;
}
.prfct_specials_hero .treat_pricicing_card .card-price-text {
    border-top: 1px solid #E2D5C4;
    border-bottom: 1px solid #E2D5C4;
    padding-top: 16px;
    margin-bottom: 16px;
}
.see-all-packages {
    text-align: center;
}
.prfct_specials_hero .see-all-packages {
    text-align: center;
    padding-bottom: 40px;
}


/* popup video css*/
.hp-inner-banner-video {
  width: 100%;
  min-height:680px;
  border-radius: 50px;
}
.popup-poster {
    height: 640px;
    border-radius: 50px;
    object-fit: cover;
    object-position: center;
    position: relative;
}
.playicon:before {
    content: "";
    background-image: url('/cdn/shop/files/video-play-icon.png?v=1763537148');
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
}
#popupVideo {
    border-radius: 20px;
}
#videoModal iframe {
height:400px;
border-radius:20px;
width:100%;
}
button.btn-close {
    background-image: url('/cdn/shop/files/close-btn-popup.png?v=1763538311');
    background-size: 30px 30px;
    opacity: 1;
}


.font60 {
    font-size:58px;
}

.pricingcard_outer {
    padding: 50px 70px;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    
}
.pricingcard_outer .col1 {
    width:100px;
}
.table_heading1 { margin-left:200px;}
.pricing_list_outer {border-bottom:1px solid #E2D5C4;}
.pricing_list_inner_mw {
  max-width:600px;
}
.pricing_list_inner ul {
    margin-bottom: 0;
    padding-left: 0;
    width: 180px;
}
.pricing_list_inner {
    gap: 40px;

}
.treat_pricicing_section .pricing_list_outer ul li {
    font-weight: 600;
    margin-bottom: 8px;
}
.pricing_list_outer .pricing, .pricing_list_outer .pricing .dollar {
    color: var(--green);
    font-family: 'Libre Bodoni';
}
.pricing .dollar:before {
    content: "";
    height: calc(100% - 12px);
    width: 2px;
    position: absolute;
    background: var(--green);
    left: 40%;
    top: 0;
}
.pricing .dollar:after {
    content: "";
    height: calc(100% - 12px);
    width: 2px;
    position: absolute;
    background: var(--green);
    right: 37%;
    top: 0;
}
.col3 .paragraph_style p {
    margin-bottom: 0;
    white-space: nowrap;
}

@media (max-width:1611px) {
  .pricingcard_outer {
    padding: 50px 35px;
}
}
@media (min-width:1401px) {
#shopify-section-template--17602248016006__hp_meet_banner_ah6cft h1.pattern-title {
    font-size: 75px;
}

}


@media (min-width:1400px) and (max-width:1700px) {
 .hp-header-nav div.main-menu>li.px-3 {
    padding: 10px 6px!important;
}
}
@media (min-width:1200px) and (max-width:1399px) {
.hp-header-nav div.main-menu>li.px-3 {
    padding: 10px 8px!important;
}
}

@media (min-width:1600px) {
.header-main .submenu-item-link, .submenu--about .grandchildmenu a.grandchildmenu-item-link {
    font-size: 15px;
}
.hp-header-nav div.main-menu>li.px-3 {
    padding: 10px 18px!important;
}
#meet-our-team .heroimg {
    width: auto !important;
    max-width:100%;
}

}


@media (min-width:768px) {
#shopify-section-template--17178437386374__hp_inner_page_banner_aL8aXz h1.pattern-title {padding-left:14px;}
#shopify-section-template--17643211620486__hp_skin_conditions_treated_kbKA37 .whatto_expect_inner li:before {
    width: 40px;
    height: 40px;
    background-size: 40px;
}
#our-story-new .hero-section {
    padding: 165px 0 60px 15px;
}
.hp-reviews-section .swiper-slide, .discoverswiper .swiper-slide{
    display: flex;
    height: auto;
}


}
@media (max-width:1699px) {

.perfect_vault {
    width: 101.5%;
}


}


@media (max-width:1400px) {
.section-title, 
#shopify-section-template--17613824098438__hp_get_in_touch_UG8fMV h2.pattern-title {
    font-size: 64px;
    line-height:1;
}  
.fontsize120 {
    font-size: clamp(3rem,4.8vw,7rem);
}
.fontsize95 {
    font-size: clamp(2.8rem,4.6vw,5.8rem);
}
.fontsize85 {
    font-size: clamp(2.6rem,4.4vw,5.2rem);
}

.perfect-sectionbg {
    margin-top: 215px;
} 
.perfect-cards {
    border-radius: 60px;
} 
.oval-image {
    transform: translateY(-250px);
}
.cards-inner p, .cards-inner p strong {
    font-size: 16px;
}
.perfect-cards .cards-inner {
    padding: 30px 15px;
    margin-top: -250px;
}
.service-cards  .cards-inner {
    padding: 30px 30px; 
    padding-bottom: 60px;
}
.section-padding {padding:80px 15px;}
.review-cards {
    padding: 125px 30px 50px 50px;
}
.review-cards:before {
    width: 130px;  
}
.discovercard-inner {
    padding: 25px 30px;
    padding-top:0;   
}
.ourstories-content p { max-width: 565px;}
.bacard-inner {padding: 0 15px;}

.provider_inner {padding-left: 50px;}
.flex-row-reverse.provider_wrapper .story_img { margin-left: 15px;}

.team_cards .font-24 {
    font-size: 22px;
}
.img_offset {
    transform: translateY(50px);
    max-width: 430px;
}
.font-50 { font-size: 45px;}

.font-40 {
    font-size: 33px;
}
.treat_pricicing_card {
    padding: 40px 25px;
}
.treat_pricicing_card .section-title {
    font-size: 48px;
}
.section-sub-title {
    font-size: 30px;
}
.contact_cards a strong {
    font-size: 19px;
}
.contact_cards {
    padding: 40px 15px;
}
.card-title {
    font-size: 24px;
}
.tm-work-process-card .cards-inner {
    padding: 60px 25px;
}
#shopify-section-template--17178438172806__hp_trearments_pdo_thread_cGiwpd .heading_area p {font-size: 26px; line-height:1;}

.btnbg-none {
    font-size: 13px;
}
.hp-skincare-bundle--section .discovercard-inner {
    padding: 0 20px 25px;
}

.hp-gafori-banner--container:before {
      width: 81%;
}  
.hp-gafori-banner--section img {
   max-width: 400px;
}
.hp-gafori-banner--section .section-sub-title {
   max-width:450px !important;
}
.hp-clients-say--section .hp-review-read-more-btn {
    letter-spacing: 3px;
}    
.hp-gafori-banner--container:before {
    width: 81%;
}  
.hp-gafori-banner--section img {
    max-width: 400px;
}
.hp-gafori-banner--section .section-sub-title {
      max-width:450px !important;
}
#meet-our-team .heroimg {
    max-width: 100%;
}
.pricingcard_outer .col1 {
    width: 130px;
}
.pricing_list_inner {
    gap: 30px;
}
.font60 {
    font-size: 54px;
}
.pricing .dollar:before, .pricing .dollar:after {
    top: 3px;
}
.table_heading1 {
    margin-left: 165px;
}

}

@media (max-width:1200px) {
.treat_pricicing_card .section-title {
    font-size: 38px;
}
.perfect_vault {
    width: 101.5%;
}
.section-title, body#refund-policy .shopify-policy__title h1 {
    font-size:50px;
}
.pricing_list_inner {
    gap: 20px;
}
.pricing_list_inner {
    gap: 10px;
}
.pricing_list_inner ul {
    width: 145px;
}
.treat_pricicing_section .pricing_list_outer ul li {
    font-size: 16px;
}
.font60 {
    font-size: 44px;
}
.col1 strong {
    font-size: 16px;
}

}

@media(max-width:1199px) {
.hp-acne-treatment-section .column3 {
    margin-right: 0;
}
.hp-acne-treatment-section .column2,
.hp-acne-treatment-section .column4 {
    margin-right: 33.33333333%;
}
header .shopify-section-group-header-group {
    padding-left: 1rem;
    padding-right: 1rem;
} 
.hp-header-container-new {
    padding-top: 0;
    padding-bottom: 15px;
}
div#shopify-section-sections--17643211718790__header {
    background: #fff;
} 
.hero_content_outer .hero_content_inner {
    max-width: 440px;
}
.hp-header-phone a, .hp-header-phone i {
    color: var(--green);
}
.template-product .section-title { font-size: 28px; }

}


@media (min-width:981px) and (max-width:1060px) {
.values_cards {
    padding: 0 2px !important;
}

}


@media (max-width:1024px) {
.hp-btn {
    padding: 20px 25px;
}
.hero-content p {
    font-size: 22px;
    margin-bottom: 20px;
}
.section-title,
#shopify-section-template--17613824098438__hp_get_in_touch_UG8fMV h2.pattern-title,
body#refund-policy .shopify-policy__title h1 {
    font-size: 38px;
    line-height:1.2;
}
.inner-content {
    padding-left: 30px;
    padding-right: 30px;
}
.hp-pairswell--section:before {
    bottom: -1em;
    left: -10em;
    background-size: contain;
}
.AquaGoldConcerns.Skin_conditoins .corevalue_outer {
    margin-right: 0 !important;
}
.AquaGoldConcerns.Skin_conditoins .AquaGoldConcerns_img {
    right: 0 !important;
}
.hp-tm-what-expect--section .whatto_expect_inner {
    margin: 0px auto;
}
div#shopify-section-sections--17643211718790__header {
    background: #fff;
} 
.template-product .section-title { font-size: 24px; }
}

#aquagold-microchanneling .fontsize95 {
    font-size: clamp(2.8rem, 5.0vw, 5.4rem);
    line-height: 1;
}
@media (max-width: 1400px) {
    .hp-hero-collection--section .section-padding {padding: 40px 15px;}
    .hp-hero-collection--section h1.section-title.fontsize95 {font-size: 40px;}
    #aquagold-microchanneling .fontsize95 {
        font-size: clamp(2.8rem, 5.0vw, 5.4rem);
    }
}

@media (min-width:992px) and (max-width:1400px) {
#shopify-section-template--17178438598790__hp_trearments_pdo_thread_yfPCF3 .col-lg-3 {
    width: 33.3%;
}
}

@media (min-width:768px) and (max-width:991px){
.prfct_specials_hero .container {max-width: 100%;}
#shopify-section-template--17178438598790__hp_trearments_pdo_thread_yfPCF3 .col-lg-3 {
    width: 48.3%;
}
.hp-why-prfct--section a.hp-btn {
    font-size: 14px;
    padding: 15px 10px;
}
.perfect-cards.cards_style {
    border-radius: 50px;
}
.hp-promo--bar .promo-bar-text {
    font-size: 13px;
    line-height: 1.2;
}
}
@media (max-width:1023px) {
    .hp-account-info { padding: 0 !important; }
    .hp-account-info .account-info-page__title { font-size: 28px; }
    .hp-account-info .account-table .table-row.table-row--heading-center { justify-content: start; }
}
@media (max-width:991px) {
 .hp-hero-collection--section .section-padding {padding: 30px 15px;}   
.hero_content_innerr {
    max-width: 355px;
    margin-left: 3rem;
}
.prfct_specials_hero .form-section {
    padding: 0;
}
.section-padding {padding:60px 15px;}   
.section-sub-title { font-size: 24px; }
.perfect-section {
    padding-left: 15px;
    padding-right: 15px;
}
.perfect-section .prfcard-col:nth-child(3) {
    margin-top: 240px;
}
.card-title {
    font-size: 28px;
}
.service-cards {
    margin-bottom: 30px;
}
.review-cards:before {
    width: 110px;
}
.review-cards {
    padding: 85px 30px 45px 50px;
}
.hp-reviews-section .swiper-pagination {
    bottom: -25px!important;
}
.form-contentarea p {
    font-size: 22px;
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.font-24 {font-size: 19px;}
.img_offset {transform: translateY(50px);max-width: 335px;}
.font-50 {font-size: 36px;}
.hero_singlepage .font-50 {  max-width: 300px;}
.product-top .product-right {
    padding-left: 15px;
}
.product__subscriptions.cards_style {
    padding: 40px 30px;
}
section.product-top:before {
 width: 28%;
}
 
.qty-selector {
    font-size: 26px;
    padding: 0 15px;
} 
.qty-input {
    padding: 10px 0;
}
.perfect_vault_outer.bg-image-props {
    background-position: 70%  !important;
}
.perfect_vault {
    width: 103.5%;
    padding: 30px 20px;
    padding-bottom: 0;
}
.perfect_vault .font-24 {
    font-size: 17px;
}

.hp-acne-treatment-section .column2,
.hp-acne-treatment-section .column4 {
    margin-right: 0;
}
.hp-gafori-banner--section img {
      max-width: 300px;
}
.hp-gafori-banner--section {
    padding-top: 160px;
}
.areas-of-concern--cards .areas-of-concern--list li {
    padding-left: 15px;
}
.areas-of-concern--cards .areas-of-concern--list ul li:before {
    width: 38px;
    height: 38px;
    left: -35px;
    background-size: 38px;
} 
#areas-of-concern .hp-list-of-concern--section .container {
   max-width: 100%;
}
#hair-restoration-in-la-jolla-ca .hp-tm-what-expect--section .areas-of-concern--list ul {
    padding-left: 0px;
}
.hp-gafori-banner--section img {
    max-width: 300px;
}
.hp-gafori-banner--section {
    padding-top: 160px;
}
.hp-cart--section .cart-container .cart-line-item-description .cart-line-item-title { font-size: 15px;}
.hp-cart--section .cart-container .cart-line-item-description select { font-size: 14px;}
.hp-cart--section .cart-container .cart-line-item-remove { font-size: 12px; padding: 6px 12px; }
.hp-cart--section .cart-container .qty-wrapper button svg { height: 15px; width: 15px; }
.hp-cart--section .cart-container .qty-wrapper { width: 100px; }
.hp-cart--section .cart-container .qty-wrapper .qty-total { font-size: 18px; line-height: 32px; }
.hp-cart--section .cart-container .qb-price-item { font-size: 16px; }
.hp-cart--section .cart-container .cart-line-item-description label { font-size: 13px; }


header .shopify-section-group-header-group {
    padding-left: 0;
    padding-right: 0;
}
.logo_outer:before, .logo_outer:after {
    width: 100%;
    max-width: 288px;
}
.logo_outer:after {
    max-width: 283px;
}
.hp-header-logo .header-logo img {
    margin-left: 65px;
}
}

@media (min-width:768px) {
body#prfct-med-spa-amp-skincare-products-la-jolla-ca .hp-why-prfct--section .perfect-cards .cards-inner {
    padding:18px 15px;
}
body#prfct-med-spa-amp-skincare-products-la-jolla-ca .hp-why-prfct--section .cards-inner p {
    font-size: 14px;     
}
body#prfct-med-spa-amp-skincare-products-la-jolla-ca .hp-why-prfct--section .hp-btn {    
    letter-spacing: 2px;
}
}

@media (min-width:768px) and (max-width:1199px) {
body#prfct-med-spa-amp-skincare-products-la-jolla-ca .shopify-section.hp-our-service--section {
    padding-top: 80px;
} 
}

@media (min-width:991px) and (max-width:1199px) {
    .prfct_specials_hero .treat_pricicing_card {
        padding: 40px 20px !important;
    }
}
@media (min-width:768px) and (max-width:1199px) {
.hp-herobanner--section {
    top: 110px !important;
}
section#shopify-section-template--17643208769670__hp_why_prfct_section_ckM9Nf {
    padding-top: 80px;
}
}

@media (min-width:768px) and (max-width:867px) {
    .prfct_specials_hero .hp-btn {font-size: 13px; padding: 20px 15px;}
}

@media (min-width:768px) and (max-width:991px) {
.form-contentarea {
    text-align: center;
}
.pattern-title {
    line-height: 1;
}
}

@media (max-width:767px) {
.hp-hero-collection--section h1.section-title.fontsize95 {font-size: 36px;}
.hp-hero-collection--section .section-padding {padding: 25px 15px;}
.swiperimg_height {
    height: 500px;
    object-fit: cover;
    object-position: center;
}
.hp-herobanner--section .fontsize120 {
    font-size: clamp(3.3rem,7vw,7rem);
}

.hp-herobanner--section {
    padding:20px 0;
}

.hero_content_outer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.hero_content_innerr {
    margin: 0 auto;
    max-width: 100%;
}
.hp-herobanner--section .swiper-pagination span.swiper-pagination-bullet {
    height: 12px;
    width: 12px;
}
.hp-herobanner--section .hp-btn {
    font-size: 14px;
    padding: 16px 35px;
}
.prfct_specials_hero .treat_pricicing_card .card-price-title {
    font-size: 22px;
}
.prfct_specials_hero .see-all-packages {
    padding-bottom: 0px !important;
    margin-top: -20px;
}
#skin-boosters-in-san-diego .AquaGoldConcerns.Skin_conditoins .corevalue_outer,
#skin-boosters-in-san-diego .cta-section {
    margin-top: 24px;
}
.hp-publication-banner--section h2 {max-width: 100%;}
.expertise_meets_section img.d-block {
    max-width: 350px;
    margin: 0 auto;
}
 .cards_style, .provider_wrapper {
    border-radius: 50px;
} 
.perfect-cards.cards_style {
    border-radius: 140px 140px 50px 50px;
}  
.section-padding {padding:50px 15px;}   
.hero-section, .hp-hero-section {
    padding-bottom: 50px;
    padding-left: 0;
}  
.hero-content img {
    border-radius: 50px;
    margin:0 auto;
}
.hero-content p {
    font-size: 20px;
}
#shopify-section-template--17613824098438__hp_get_in_touch_UG8fMV h2.pattern-title {
    font-size: 32px;
}
.section-title:not(main > section:first-of-type h1) {
    font-size: 26px; 
}
.perfect-sectionbg {
    margin-top: 135px;
}
.oval-image {
    transform: translateY(-150px);
}
.perfect-cards .cards-inner {
    margin-top: -150px;
}
.perfect-cards {
    border-radius: 145px 145px 60px 60px;
    margin-bottom: 125px;
}
.perfect-cards .cards-inner a.hp-btn {
    font-size: 12px;
}
.hp-btn, .hp-btn2 {
    font-size: 14px; 
}
.service-cards .cards-inner {
    padding-bottom: 40px;
}
.section-sub-title { 
    font-size: 20px; 
}

.mb-minus {
    margin-bottom: 0;
}
.discover-img {
    padding: 15px 20px;
}
.discoverswiper .swiper-slide {
    padding-bottom: 55px;
}
.newhp_form_area {
    padding: 50px 20px;
    border-radius: 60px;
}
.perfect-section .prfcard-col:nth-child(3) {
    margin-top: 0px;
}
.perfect-section .prfcard-col:nth-child(3) .perfect-cards {
    margin-bottom: 0px;
}
.service-cards {
    border-radius: 200px 200px 60px 60px;
}
.instagram-feed-section .instafeed-new-layout-wrapper {
    gap: 10px !important;
    justify-content: center;
}
.instagram-feed-section .instafeed-new-layout-item {
    width: 47.3%!important;
}

.team-col-content .section-title, .team-col-content .paragraph_style {
    margin:0 auto;
}
.ourstories-content img {
    max-width: 300px;
    margin: 20px auto;
}
.inner-content img {
    max-width: 450px;
    margin: 0 auto;
    border-radius: 25px;
}
.radius-ls-50, .radius-rs-50 {
    border-radius: 50px;
}
.membership_col li {
    text-align: left;
}
body.template-page-about .membership_col li { text-align: center; }
.inner-content ul {
    max-width: 380px;
    margin: 0 auto;
}
.ba-section .swiper-wrapper {
    padding-bottom: 35px;
}
.hp-before-after--section .discover-skincare-section .text-center p {
    max-width: 630px !important;
    margin: 0 auto 0 !important;
}
.inner-content {
    padding:0;
}
.blogcard_inner h4 {
   margin:15px auto;
}
.btn_mobcenter {
    display: flex;
    justify-content: center;
}
.provider_wrapper {
    margin-bottom: 20px;
}
.provider_inner {
    padding: 50px 15px;
}
.provider_inner img {
    max-width: 320px;
    margin: 0 auto;
}
.hero_singlepage .font-50 { margin:0 auto;}
.hero_singlepage .hero-content {}

.font-50 {font-size: 30px;}
.pro_highlight { margin: 30px;}


.template-product .product-top {
    padding-top: 150px !important;
    background-image: linear-gradient(83deg, #fff7ec00 18.33%, #eadecd 91.72%);
}
.product-top .product-left, .product-top .product-right {
    width: 100%;
}
section.product-top:before {
    content: none;
}
.product-top .product-left, .product-top .product-right {
    padding-top: 0;
    padding-left: 0;
}
.qty-selector {
    font-size: 24px;
    padding: 0 10px;
    display: flex;
}
.add-to-cart-container {
    padding: 0 !important;
}
.product__subscriptions.cards_style {
    padding: 40px 20px;
}
div.paragraph_style p, .paragraph_style, .paragraph_style a, .template-product .product-subscription__purchase-text, .template-product .product__replenishment,
.template-product .product-subscriptions__note, .career_inner p {
    font-size: 17px;
}
.hp-collection-products.collection-products .product-grid .paragraph_style,
.search__products .product-grid-item .paragraph_style { font-size: 17px !important; }
.product-subscriptions__notes {
    margin-bottom: 0;
}
.product-description-container, .product-description-container:last-child {
    margin-top: 15px !important;
}
.template-product .product-description-container, .faq-description-container {
    padding: 0 25px;
}
.product-description-header i, .faq-description-header i {
    font-size: 22px;
    height: 28px;
    width: 28px;
    line-height: 28px;
}
.template-product .product-description-header {
    font-size: 20px;
}
.product-description.paragraph_style {
    font-size: 17px;
}
.treat_pricicing_card {
    padding: 40px 15px;
}
.treat_pricicing_card img {
    border-radius: 20px;
}
.hp-footer-top {
    padding-top: 60px;
    padding-bottom: 50px;
}
.hp-footer-logo img {
    max-width: 200px;
}
.treat_pricicing_card .section-title {
    margin: 0 auto;
}
.footer-contact-methods.hp-footer-contact {
    max-width: 295px;
    margin: 0 auto !important;
}
#shopify-section-template--17178438598790__hp_trearments_pdo_thread_yfPCF3 .cards_style {
    width: 100%;
}
.contact_banner.hero-section {
    padding: 170px 15px 50px 15px;
}
.perfect_vault {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 50px 50px;
}

.treat_pricicing_mob .treat_pricicing_card {
    padding-bottom: 200px;
}
.treat_pricicing_mob .perfect_vault_outer {
    border: 0;
}

.hp-tm-pdo-thread--section .cards-inner {
    padding: 30px 15px;
}
#shopify-section-template--17178438172806__hp_trearments_pdo_thread_cGiwpd .heading_area p {
    font-size: 20px;
    line-height: 1.1;
}
.hero-section, .hp-hero-section {
    padding: 175px 0 50px 0;
}
#shopify-section-template--17178438598790__hp_trearments_who_is_this_dRNJQN .who-is-treatment-section {
    padding-bottom: 2px !important;
    padding-top: 50px !important;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .pattern-title {
    font-size: 42px;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .section-sub-title {
    font-size: 26px;
}
.hp-acne-treatment-section .section-title {
    margin: 0 auto;
    text-align: center;
}
.what_causes_acne_content {
    border-radius: 50px;
    padding: 50px 20px;
}
.hp-skincare-banner--section {
    padding-top: 160px;
}
.hp-skincare-bestselling--section .align_adj {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.container.hp-skincare-routine--inner {
    max-width: 100%;
}
.hp-skincare-routine--inner:before {
    border-radius: 50px;
    width: 100%;

} 
.hp-skincare-routine--inner img {
    max-width: 330px;
    margin: 0 auto;
} 
.hp-skincare-concern--section h4 {
    max-width: 100%;
}
.font-40 {  
    font-size:28px;
}

.section-sub-title {
    font-size: 22px;
}  

.hp-gafori-banner--container:after {
  content:none;
}
.hp-gafori-banner--container:before {
    width: 96%;
}

#services .service-cards {
    border-radius: 100px 100px 50px 50px;
}
.hp-gafori-career--section .section-padding {
    padding-bottom: 20px;
    padding-top: 40px;
}
.ourteam_section .service-cards {
    border-radius: 100px 100px 60px 60px;
}
.service-cards {
    margin-bottom: 20px;
}

.hp-our-team--section .col-lg-4:last-child .service-cards {
    margin-bottom: 0;
}
.career_inner ul li {
    font-size: 17px;
}
.logo_outer:before, .logo_outer:after {
    width: 100%;
    left: 0;
    height: 84px;
    top: -25px;
}
.logo_outer:after {
    width: 97%;
    left: 0;
    height: 82px;
}
.promo-bar {padding: 0px;}
.areas-of-concern--title {font-size: 32px;}
.areas-of-concern--cards .areas-of-concern--list {
    padding-bottom: 0;
}
.whatto_expect_inner {
    margin: 0px auto;
}
.hp-whyclient-choose--section .icon-box img, .tm-pdo-icons img {
    max-width: 60px;
    width: 100%;
}
.hp-inner-banner-4--section .corevalue_outer {
    padding: 40px 0;
    padding-bottom: 25px;
}
.main--microneedling-at-prfct .form-section {
    padding: 0 15px !important;
}
.hp-treatment-pricing-details--section {
    padding-top: 40px;
}
.hp-inner-banner-4--section .video_caption p {
    font-size: 14px;
}
.treat_pricicing_card .section-title,
body#refund-policy .shopify-policy__title h1 {
    font-size: 32px;
}
.hp-how-does-microneedling-work--section .areas-of-concern--list ul {
    padding-left: 20px;
}
.hp-how-does-microneedling-work--section .areas-of-concern--list {
    padding: 0px;
}
#co2-laser-skin-rejuvenation-in-la-jolla-ca h1.section-title {
    margin:0 auto;
}
#co2-laser-skin-rejuvenation-in-la-jolla-ca .hp-whyclient-choose--section .discover-skincare-section.section-padding {
    padding-bottom:0;
}
#co2-laser-skin-rejuvenation-in-la-jolla-ca .hp-treatment-pricing--section .container {
    max-width:100%;
}
.hp-aquagold-care--section .areas-of-care--list ul li {
    font-size: 17px;
}
.hp-aquagold-care--section .areas-of-care--list {
    padding: 10px 0 0;
}
.hp-aquagold-care--section .container {
    max-width: 100%;
}
.tm-work-process-card .cards-inner {
    padding: 35px 15px;
}
.hp-melanostop-treatment--section .cards-inner img {
    max-width: 60px;
}
.pattern-title {
    display: block;
}

.hp-gafori-banner--container:after {
      content:none;
}
.hp-gafori-banner--container:before {
      width: 96%;
}
.hp-gafori-banner--section {
    padding-top: 130px;
}
.fontsize120 {
    font-size: clamp(2.3rem,7vw,7rem);
    line-height:1
}
.fontsize95 {
    font-size: clamp(2.3rem,5.8vw,5.8rem);
    line-height:1
}
.pattern-title {
    font-size: clamp(2.2rem,5vw,7rem);
    line-height:1;
}
#our-story-new .heroimg, #gift-cards .heroimg {
    margin:0 auto;
}
.template-product .product-reviews__container {
    margin: 20px auto;
}

.skinconcern .cards_style {
    padding: 30px 20px;
}
.hp-shopby-category--section .font-35 p, #the-prfct-shop .hp-skincare-concern--section .paragraph_style.align_adj p {
    font-size: 22px;
    margin-bottom: 0;
}
#the-prfct-shop .cards_style .font-40 {
    font-size: 25px;
}
.popup-poster {
    height: 325px;
}
.playicon:before {
    width: 55px;
    height: 55px;
}
.pricingcard_outer {
    padding: 40px 20px;
}
.font60 {
    font-size: 35px;
}
.pricing .dollar:before {
    left: 38%;
}
.pricing_list_inner {
    flex-direction: column;
    gap: 0;
}
.pricingcard_outer .col3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.table_heading1 {
    margin-left: 40px;
}
.hp-skin-conditions--section .ConcernsList ul li {
    text-align: left;
}
.What_is_Melasma_sec p {
    margin:0 auto;
}
.hp-treatment-six-icons--section .values_cards {
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: left !important;
}
.hp-treatment-six-icons--section .values_cards img {
    max-width: 40px;
}
.hp-treatment-six-icons--section .values_cards h4 {
    margin-bottom: 15px;
}
#lasers-amp-devices .hp-treatment-six-icons--section .values_cards {
    display: block;
    margin-bottom: 24px;
    text-align: center !important;
}
#lasers-amp-devices .icontitle3 {
    max-width: 100% !important;
}
.values_cards img {
    max-width: 60px;
}

.logo_outer:before {
  height: 102px;
}
.logo_outer:after {
    height: 100px;
}
.logo_outer:before, .logo_outer:after { border-radius: 0px 0 25px 25px;}
.row.hp-mobile-icons {
    transform: translateY(7px);
    --webkit-transform: translateY(7px);
}
.discovercard-inner {
    padding: 5px 15px;
}

section:first-of-type .aquagold_banner_img {
    right: 0;
    border-radius: 30px;
    box-shadow: none;
    border: 1px solid var(--cream);
}
main>section:first-of-type .corevalue_outer .whatto_expect_inner {padding: 0 2rem;}
.hero_section_AquaGold .corevalue_outer:before, .hero_section_AquaGold .corevalue_outer {border-radius: 0 0 50px 50px;}
.hero_section_AquaGold {padding-top: 128px;}
.hp-gafori-banner--container:before, .hp-gafori-banner--container:after {border-radius: 0 0 30px 30px;left:7px;}

}


@media (max-width:575px) {
.hp-hero-collection--section .section-padding {padding: 20px 15px;}
.prfct_specials_hero .treat_pricicing_card .card-price-title {
    font-size: 18px;
}
.section-sub-title {
    font-size: 19px;
}
#shopify-section-template--17613824098438__hp_get_in_touch_UG8fMV h2.pattern-title {
    font-size: 28px;
}
.section-title:not(main > section:first-of-type h1) {
    font-size: 24px;
}
.perfect-section .section-title {
    padding-bottom: 20px;
}
.card-title {
    font-size: 24px;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}
.perfect-sectionbg {
    margin-top: 115px;
}
.perfect-cards {
    max-width: 450px;
    margin: 0 auto 135px;
    border-radius: 150px 150px 40px 40px;
}
.prfcard-col:nth-child(3) .perfect-cards {
margin-bottom:0;
}
.perfect-section .prfcard-col:nth-child(3) {
  margin-top: 0px;
}
.oval-image img {
    height: 340px;
    object-fit: cover;
    object-position: top center;
}
.review-cards:before {
    width: 65px;
    top: 0;
    left: -8px;
}
.review-cards {
    padding: 60px 20px 30px 35px;
}
.form-contentarea p {
    font-size: 20px;
    line-height:27px;
}
.form-section {
    padding: 0 15px;
}
.font-24 {
    font-size: 18px;
}
.listnum {
    height: 30px;
    width: 30px;
}
.membersip-section {
    padding-left: 25px;
    padding-right: 25px;
}
.font-50 {font-size: 23px;}
.hp-border-right {
    border-right: none;
    border-bottom: 1px solid var(--white);
}
.hp-footer-top {
    padding-bottom: 20px;
}
ul.hp-footer-nav {
    padding-top: 15px;
}
.hp-powered-by {
    top: auto;
}
.footer-contact-methods.hp-footer-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hp-footer-contact .contact-details a {
    text-align: center;
}

.acnetreat_img {
    display: none;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .pattern-title {
    font-size: 35px;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .section-sub-title {
    font-size: 22px;
}
#shopify-section-template--17178436927622__hp_inner_page_banner_rLcCxq .hero-content p {
    margin-bottom: 0;
}
.hp-pairswell--section h2.pattern-title {
    font-size: 35px;
}
.hp-skincare-routine--inner h2.pattern-title {
    font-size: 36px;
    line-height: 1;
}
.hp-skincare-bundle--section h4 {
    font-size: 17px;
}
.font-40 {  
    font-size:22px;
}

#services .service-cards {
    border-radius: 60px;
}
#services .service-image img {
    border-radius: 60px 60px 0 0;
}
.hp-btn {
    font-size: 12px;
    padding: 15px 30px;
}
.section-padding {
    padding: 40px 15px;
}
.provider_inner {
    padding: 40px 15px;
}
#shopify-section-template--17602336391302__hp_meet_expertise_text2_qjGynG .pro_highlight {
    margin: 0 !important;
    font-size: 22px;
}
#shopify-section-template--17602024669318__hp_meet_expertise_no_image_8mkxqH .pro_highlight {
    margin-top: 0;
}
.team_cards .font-24 {
    font-size: 20px;
}
.hero-section, .hp-hero-section {
    padding: 160px 0 30px;
}

.blog-pagination.override .mixitup-page-list {
    gap: 0px;
}
.main--perfect-vault .hp-faq--section .section-padding {
    padding-bottom: 90px!important;
    padding-top: 15px !important;
}
.apply_btn .hp-btn {
    padding: 12px 0px;
    width: 45px;
    height: 45px;
}
.AquaGoldBannerContent.section-padding {
    padding-bottom: 10px;
    margin-top: 30px;
}
.hp-whyclient-choose--section .container-fluid {
    padding:0;
}

#co2-laser-skin-rejuvenation-in-la-jolla-ca .microneedling_video_section .container {
    padding:0 15px;
}
.containermob {
    padding: 0 !important;
}
.contact_banner.hero-section {
    padding: 150px 15px 50px;
}
.hp-In-the-Media--section .AquaGold_banner_Video {
    margin: 0;
}
.faq-description-header {
    text-align: left;
}
.perfect_vault .font-24 {
    font-size: 14px;
}
.perfect_vault {
    padding: 30px 10px 0;
}
.treat_pricicing_card .section-title {
    font-size: 28px;
}
.template-product .kl_reviews__button_bar {
    display: block;
}
.hp-shopby-category--section .font-35 p, #the-prfct-shop .hp-skincare-concern--section .paragraph_style.align_adj p {
    font-size: 20px;
}
.pricingcard_outer {
    padding: 40px 15px;
}
.hp-cart--section .cart-container .cart-line-item-image { width: 30%; flex-basis: 30%; }
.hp-cart--section .cart-container .cart-line-item-description { width: 70%; flex-basis: 60%; }
.hp-account-form-wrapper.account-form-wrapper label,
.hp-account-form-wrapper.account-form-wrapper p,
.hp-account-form-wrapper.account-form-wrapper input { font-size: 16px; line-height: 1.4; }
.hp-account-form-wrapper.account-form-wrapper a,
.hp-account-form-wrapper.account-form-wrapper button.hp-account-forgot-password { font-size: 14px; }
.hp-account-form-wrapper.account-form-wrapper .account-disclaimer { font-size: 14px; }
.hp-account-info .account-info-page__title { font-size: 24px; }
.hp-account-info h4 { font-size: 20px; }
.hp-header-logo .header-logo img { margin: 0 auto;}

}

@media (max-width:400px) {
.col3 .paragraph_style p {
    white-space: unset;
    font-size: 14px;
    line-height: 1.2;
}
.table_heading1 {
    margin-left: 0px;
}    
.pricingcard_outer>div>span.paragraph_style, .pricing_list_outer>div>strong,
.treat_pricicing_section .pricing_list_outer ul li {
    font-size: 14px;
}
.treat_pricicing_section .pricing_list_outer ul li {
    margin-bottom: 2px;
    margin-left: 10px;
}
}

@media (max-width:340px) {
.hp-header-phone a { font-size: 15px;}
main > section:first-of-type .corevalue_outer .whatto_expect_inner {
    padding: 0 1rem;
}
.hp-herobanner--section .fontsize120 {
    font-size: clamp(3rem,7vw,7rem);
}
}

/* End hp-style1.css */

/* hp_style.css */

.page-body-wrapper h2, .page-body-wrapper h3, .page-body-wrapper h4, .page-body-wrapper h5, .page-body-wrapper h6, .content-text ul li {
  color:var(--green);
  
}
.page-body-wrapper h2 strong, .page-body-wrapper h2 em, .page-body-wrapper h3 em, .page-body-wrapper h1 strong,
.page-body-wrapper h3 strong, .page-body-wrapper h4 strong, .page-body-wrapper h5 strong, .page-body-wrapper h6 strong,
.procedure__content em, .procedure__content strong{
  font-family: Libre Bodoni,serif;
}
.procedure__container .procedure__content p, .procedure__container .procedure__content ul li {
    font-size: 18px;
    line-height: 1.65;
}
.container-1100 {
    max-width: 1100px;
    margin:0 auto;
}
.template-page  .content-text {
    color: var(--green);
}

#the-prfct-mahj h1, #the-prfct-mahj h2, #the-prfct-mahj h3, #the-prfct-mahj h4 {font-family:Raleway,sans-serif}
.lp-prfctmahjn-banner--section {background-size: cover;background-position: center;background-repeat: no-repeat;text-align:center;padding:50px 30px; background-color:#f5c6d8;}
.p-top {padding-top:180px;}
.lp_banner_wrap {position:relative; z-index:2;}
.banner_outline { position: relative;border: 4px solid #49796b;padding: 40px;}
.banner_outline:before {content: "";width: 99%; height: 104%;position: absolute;border: 4px solid #49796b;left: 0.5%;right: 0.5%;top: -15px;}
.lp-bannerlogo {margin-bottom: 20px;max-width:350px}
.green_heading {font-size: 18px;letter-spacing: 3px;text-transform: uppercase;color: #49796b;font-weight: 700;}
.pink_heading {text-transform: uppercase;color: #e2006c; font-weight: 800;}
.font24 {font-size: 24px;letter-spacing: 2px;line-height: 1.2;}
.lpbanner_txt p {font-size: 22px;line-height: 1.3;color: #49796b;font-weight: 700;text-align: center;}
.lpbanner_txt p em {color: #49796b}
.lpbanner_txt br {display: none;}
.lpbanner_txt {max-width: 560px; margin: 0 auto;margin-bottom:30px}
.lpbutton {background-color: #e2006c;padding: 10px 25px; display: inline-block;font-size: 28px; letter-spacing: 3px;line-height: 36px;color: #ffffff;font-weight: 700;
  width: 100%; max-width: 630px;position:relative; transition:all .2s ease-in-out;text-align:center;}
.lpbutton:before {content: "";height: 100%;width: 100%;border: 2px solid #326266;position: absolute;top: 4px;left: 5px;z-index: -1;} 
.lpbutton.pink:before {border-color:#e2006c;}
.lpbutton:hover {transform:translate(4px, 5px);color:#fff;}
.lpbutton:hover:before {border: 2px solid transparent;}

.desktop-hidden {display:none;}
#the-prfct-mahj .paragraph_style p, #the-prfct-mahj .paragraph_style a {
  font-weight:500;
}
#the-prfct-mahj .paragraph_style a:hover {color: #e2006c;}

.font30 {font-size: 30px;letter-spacing: 3px;line-height:1.2}
#the-prfct-mahj .paragraph_style.mb-md-5 {margin-bottom: 2.5rem;}
.lp-prfctmahjn--section-2 .banner_outline:before {height: 106%;}
.lp_banner_overlay .pink_heading, .lp-prfctmahjn--section-1  .pink_heading{ margin-top: 0;}
.lp_banner_overlay {max-width: 95%;margin: 40px auto;padding: 50px;}
.lp_banner_overlay:before {content: ""; position: absolute;background: rgb(255 255 255 / 80%);width: 100%;height: 100%;left: 0;right: 0;top: 0;z-index: -1;}
.lp-prfctmahjn--section-2 .paragraph_style {max-width: 670px;margin: 0 auto;margin-bottom: 30px;} 
.lp-prfctmahjn--section-3 .column_7 { text-align: right;}
.lp-prfctmahjn--section-3 .column_7 .paragraph_style {margin-left: auto;max-width:560px;}
#the-prfct-mahj-event-ticket .needsclick.kl-private-reset-css-Xuajs1 { display: none !important;}
.floating_img { position: absolute; top: -40px;left: 0; display: block; width: 100%;max-width: 300px; transform:rotate3d(1, 1, 1, -10deg); -webkit-transform:rotate3d(1,1,1,-10deg);}

.button-container {
  display: flex;
  justify-content: center; 
  gap: 20px; 
  flex-wrap: wrap;
}

.button-container .button {
  padding: 10px 20px;
  text-align: center;
  white-space: nowrap; 
}

body#the-prfct-mahj-event-ticket .product-dialog__order-limit .button.button--solid {
    background-color: #e2006c;
    padding: 10px 18px;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 36px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    max-width: 248px;
}
body#the-prfct-mahj-event-ticket .product-dialog__order-limit .button.button--solid:after {
    content: "";
    position: absolute;
    border: 3px solid #326266;
    border-top: none;
    border-left: none;
    width: 100%;
    height: 100%;
    top: 3px;
    left: 3px;
    transition: opacity .2s;
    outline: 0;
}
body#dermaplaning-micro-facial-in-la-jolla-ca .whatto_expect_inner li:before {
    width: 48px;
    height: 48px;
    left: -60px;
    top: 4px;
    background-image: url(https://helloprfct.com/cdn/shop/files/agrea-of-concern-list-icon.svg?v=1756104570);
    background-size: 48px;
}
body#dermaplaning-micro-facial-in-la-jolla-ca .whatto_expect_inner ul {
    padding-left: 60px;
}
@media (min-width: 1401px) {
  .column_7 .paragraph_style {max-width:800px;}
  .lp-prfctmahjn--section-1 .img_hight {height:auto;object-position:top center;object-fit:none;}
  .lp-prfctmahjn--section-3 .img_hight {height:650px;object-fit:cover;object-position:center center;}
  .floating_img {max-width: 350px;}
}

@media (min-width: 768px) {
.section-flex { display: flex;gap: 100px;align-items:center}  
.column_7 {width:58.333333%;}
.lp-prfctmahjn--section-1 .column_7 { padding:50px 30px; }
.column_5 {width:41.666667%}


}

@media (max-width: 1200px) {
.section-flex {gap: 30px; }
.lp-prfctmahjn--section-1 .column_7 {padding-right: 0;}
.lp-bannerlogo {max-width: 300px;}
}

@media (max-width:991px) {
.lp-bannerlogo {max-width: 300px;}
.lpbutton {padding: 10px;font-size: 22px;}
.floating_img {top: -18px;left: -35px;max-width: 215px;}
body#dermaplaning-micro-facial-in-la-jolla-ca .whatto_expect_inner li:before {
    width: 25px;
    height: 25px;
    left: -50px;
    top: 14px;
    background-size: cover;
}
body#dermaplaning-micro-facial-in-la-jolla-ca .whatto_expect_inner ul {padding-left: 50px; text-align: left;}
}
@media (min-width:768px) and (max-width:1023px) {
.lp-prfctmahjn--section-3 .column_7 {padding-right:30px;}
.lp-prfctmahjn--section-3 .font24 {font-size: 20px;}
.lp-prfctmahjn--section-1 .column_7 {padding: 50px 0px;}
.lp-prfctmahjn--section-1, .lp-prfctmahjn-banner--section {padding-left: 15px;padding-right: 15px;}
}

@media (max-width: 767px) {
body#the-prfct-mahj-event-ticket .dialog__entry .dialog__header { font-size: 58px; } 
body#the-prfct-mahj-event-ticket .dialog__entry .product-dialog__order-limit .dialog__contents { font-size: 18px; font-weight: 500; }
body#the-prfct-mahj-event-ticket .product-dialog__order-limit .button.button--solid { font-size: 16px; max-width: 240px; }
.lp-bannerlogo {max-width: 180px;}
.floating_img { top: -50px;left: -35px;  max-width: 170px;}
.lp-prfctmahjn-banner--section { padding: 40px 15px;}
.p-top { padding-top: 135px;}
.banner_outline { border: 2px solid #49796b;}
.banner_outline:before {border: 2px solid #49796b;top: -7px;height:102%;}
.lpbutton {font-size: 20px;}
.lp-prfctmahjn--section-1 {padding:40px 15px 45px 15px;}
.mobile-hidden {display:none;}
.desktop-hidden {display:block;}
.lp-prfctmahjn--section-1 .column_7 img {max-width:450px;}
.lp-prfctmahjn--section-1 * {text-align: center;margin-left: auto;margin-right: auto;}
.lp_banner_overlay {max-width: 100%;margin: 0px auto;padding:30px;}
.font30 {font-size: 24px;}
.lp-prfctmahjn--section-3 .column_7 img {height: 350px;object-fit: cover;}
.lp-prfctmahjn--section-2 .banner_outline:before {height: 103%;}
.lpbanner_txt p {font-size: 19px;}
}


@media (max-width:500px) { 
.banner_outline {padding: 30px 15px;}
.lp-bannerlogo {max-width: 180px;}
.floating_img { top: -40px; left: -18px; max-width: 150px;}
.lp_banner_wrap {padding-top: 100px;}
.green_heading {font-size: 16px;letter-spacing: 2px;}
.font24 { font-size: 20px;}
.lpbanner_txt p {font-size: 17px;}
.lpbanner_txt p br {display:none;}
.lpbutton {font-size: 15px;padding: 5px;}
#the-prfct-mahj .paragraph_style p, #the-prfct-mahj .paragraph_style a {font-size: 17px;line-height: 1.4;}
.lp_banner_overlay { padding: 30px 15PX;}
.font30 {font-size: 20px;}
.lp-prfctmahjn--section-3 .font24 {font-size:18px;}
}

@media (max-width: 480px) {
  .button-container .button {
    flex: 1 1 45%; 
    max-width: 45%; 
  }
}

@media (max-width: 359px) {
.lp-prfctmahjn--section-2 .banner_outline {padding: 20px 7px;}
.lp-prfctmahjn--section-2 .lp_banner_overlay {padding: 30px 10px;}
.lp-bannerlogo {max-width: 145px;}
.font30 {font-size: 18px;}
.lp-prfctmahjn--section-3 .font24 {font-size: 16px;}

}

/* End hp_style2.css */

/* seed.css */

.subscription__discount-price {
    padding-left:7px;
    text-decoration:line-through;
    color:#777
}

.product-subscription__purchase-text {
    margin: 0px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 300;
}

.product__subscriptions {
    margin: 0;
}

.product__subscriptions {
    border: 1px solid #cccccc;
    padding: 7px;
    display: flex;
    gap:12px;
    flex-direction: column;
}

.product-subscriptions__note-icon {
    width: 30px;
    height: 30px;
}

.product-subscriptions__notes {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-subscriptions__note {
    display: flex;
    gap: 4px;
    align-items: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
}

.product-subscriptions__note p {
    margin: 0;
}

.product-subscription__dropdown-container {
    margin-left: 20px;
    margin-bottom: 0px;
    display: none;
}

.product__subscriptions .product-price {
    padding: 0px;
    padding-bottom: 12px;
    display: flex;
}

.product-subscriptions__container {
    padding: 0 15px;
    margin: 10px 0;
    
}

.product-subscriptions__container  .product-subscriptions__input {
    margin-top: 0;
}

@media (min-width: 768px)  {
    .product-subscriptions__container {
        padding: 0;
    }
}

.header__phone {
    display: flex;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.header__phone img {
    display: block;
}

.mobile-menu-trigger {
    padding: 0;
    flex-grow: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    margin-left: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
}

/* @media only screen and (min-width: 1024px) {
    .mobile-menu-trigger {
        display: none;
    }
} */
.header__utility-menu .menu-open {
    padding: 0;
    margin: 0;
}

.button {
    min-width: 75px;
}

.header__book-appointment {
    padding: 10px;
    margin-left: 4px;
    white-space: nowrap;
}

.header__utility-menu .header__phone {
    height: 40px;
    width: 40px;
    padding: 10px;
    margin-left: 0;
    justify-content: center;
    display: flex;
    align-items: center;
}

.header__utility-menu .header__cart {
    height: 40px;
    width: 40px;
    margin-left: 4px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.header__utility-menu .js-show-search {
    height: 40px;
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-left: 0;
}

.header-logo {
    padding: 10px 0;
}

@media (min-width: 1024px)  {
    .header__book-appointment {
        display: none !important;
    }

    .header__phone {
        display: none !important;
    }
    
}

/* End seed.css */

/* styles.css */
body {
  overflow-x: hidden;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-1\/2{top:50%}.top-0{top:0}.-bottom-4{bottom:-1rem}.left-1\/2,.left-2\/4{left:50%}.bottom-6{bottom:1.5rem}.z-0{z-index:0}.m-0{margin:0}.\!m-0{margin:0!important}.my-0{margin-top:0;margin-bottom:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.ml-3{margin-left:.75rem}.mb-4{margin-bottom:1rem}.\!mb-0{margin-bottom:0!important}.mt-8{margin-top:2rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.mt-0{margin-top:0}.mb-12{margin-bottom:3rem}.mb-10{margin-bottom:2.5rem}.mt-\[10px\]{margin-top:10px}.mb-\[5px\]{margin-bottom:5px}.mb-\[10px\]{margin-bottom:10px}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.ml-auto{margin-left:auto}.mr-6{margin-right:1.5rem}.ml-1{margin-left:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.hidden{display:none}.h-auto{height:auto}.h-7{height:1.75rem}.h-full{height:100%}.h-1{height:.25rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-4{height:1rem}.w-6{width:1.5rem}.w-full{width:100%}.w-auto{width:auto}.w-8{width:2rem}.w-2{width:.5rem}.max-w-\[200px\]{max-width:200px}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-\[55\%\]{max-width:55%}.max-w-2xl{max-width:42rem}.max-w-\[65\%\]{max-width:65%}.max-w-\[800px\]{max-width:800px}.max-w-4xl{max-width:56rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-8{gap:2rem}.gap-4{gap:1rem}.gap-2\.5{gap:.625rem}.gap-2{gap:.5rem}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t-0{border-top-width:0}.border-l-0{border-left-width:0}.border-r-0{border-right-width:0}.border-b-\[7rem\]{border-bottom-width:7rem}.border-solid{border-style:solid}.border-aqua{--tw-border-opacity:1;border-color:rgb(50 98 102/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-transparent{background-color:initial}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.pb-12{padding-bottom:3rem}.\!pb-0{padding-bottom:0!important}.pt-2{padding-top:.5rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.pb-5{padding-bottom:1.25rem}.pb-3{padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-raleway{font-family:Raleway,sans-serif}.font-bodoni{font-family:Bodoni,Georgia,sans-serif}.font-helvetica{font-family:Helvetica Neue,sans-serif}.font-momoco{font-family:Momoco}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.\!text-\[0\.9rem\]{font-size:.9rem!important}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\[28px\]{font-size:28px}.text-\[14px\]{font-size:14px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[11px\]{font-size:11px}.font-semibold{font-weight:600}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\!leading-snug{line-height:1.375!important}.leading-\[1\],.leading-none{line-height:1}.\!leading-relaxed{line-height:1.625!important}.tracking-widest{letter-spacing:.1em}.tracking-wide{letter-spacing:.025em}.text-aqua{color:rgb(50 98 102/var(--tw-text-opacity))}.text-aqua,.text-white{--tw-text-opacity:1}.text-white{color:rgb(255 255 255/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width:768px){.md\:static{position:static}.md\:absolute{position:absolute}.md\:top-1\/2{top:50%}.md\:left-\[7\%\]{left:7%}.md\:mb-0{margin-bottom:0}.md\:mr-6{margin-right:1.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mt-0{margin-top:0}.md\:mb-\[15px\]{margin-bottom:15px}.md\:mb-6{margin-bottom:1.5rem}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:w-8{width:2rem}.md\:w-1\/2{width:50%}.md\:w-\[93\%\]{width:93%}.md\:w-16{width:4rem}.md\:max-w-none{max-width:none}.md\:max-w-xs{max-width:20rem}.md\:flex-none{flex:none}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:justify-start{justify-content:flex-start}.md\:gap-6{gap:1.5rem}.md\:gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pr-0{padding-right:0}.md\:pl-16{padding-left:4rem}.md\:pl-0{padding-left:0}.md\:text-left{text-align:left}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-\[50px\]{font-size:50px}.md\:text-\[18px\]{font-size:18px}.md\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.lg\:mb-0{margin-bottom:0}.lg\:mt-12{margin-top:3rem}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mt-20{margin-top:5rem}.lg\:mr-0{margin-right:0}.lg\:ml-0{margin-left:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:max-w-sm{max-width:24rem}.lg\:max-w-none{max-width:none}.lg\:justify-start{justify-content:flex-start}.lg\:gap-14{gap:3.5rem}.lg\:border-b-0{border-bottom-width:0}.lg\:border-l-\[5rem\]{border-left-width:5rem}.lg\:border-r-\[5rem\]{border-right-width:5rem}.lg\:p-10{padding:2.5rem}.lg\:p-12{padding:3rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:px-\[20px\]{padding-left:20px;padding-right:20px}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pt-10{padding-top:2.5rem}.lg\:pl-20{padding-left:5rem}.lg\:pt-8{padding-top:2rem}.lg\:pr-20{padding-right:5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-6xl{font-size:3.75rem}.lg\:text-6xl,.lg\:text-7xl{line-height:1}.lg\:text-7xl{font-size:4.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-inherit{color:inherit}}@media (min-width:1280px){.xl\:mt-16{margin-top:4rem}.xl\:w-20{width:5rem}.xl\:p-16{padding:4rem}.xl\:px-\[40px\]{padding-left:40px;padding-right:40px}.xl\:px-0{padding-left:0;padding-right:0}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:pl-24{padding-left:6rem}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-9xl{font-size:8rem;line-height:1}.xl\:text-\[65px\]{font-size:65px}.xl\:text-xs{font-size:.75rem;line-height:1rem}}
/* === Before & After Pictures Section === */
.before-after-section {
    margin: 2rem 0;
    text-align: center;
}

.before-after-section h2 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.before-after-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.image-pair {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.image-pair img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-pair img:hover {
    transform: scale(1.05);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
}

.image-pair-caption {
    font-size: 0.9rem;
    color: #555;
}

@media (min-width: 768px) {
    .image-pair {
        flex-direction: row;
        gap: 1rem;
    }
}
/* === Services and Products Section === */
.services-products-section {
  padding: 2rem 1rem;
}

.container {
  /*display: flex;*/
  flex-wrap: wrap;
  justify-content: space-between;
}

.container-areas-of-concern {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.services, .products {
  width: 48%; /* Makes the sections sit side by side on larger screens */
}

.services h2, .products h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: left;
}

.services-grid, .products-grid {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.service-card, .product-card {
  width: 100%; /* Full width within their section */
  text-align: center;
  border: 1px solid #ddd;
  padding: 1rem;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.service-card img, .product-card img {
}

.service-card h3, .product-card h3 {
  font-size: 1.2rem;
  margin: 0.5rem 0;
}

.service-card p, .product-card p {
  font-size: 0.9rem;
  color: #666;
}

/* Mobile Styling */
@media (max-width: 768px) {
  .services, .products {
    width: 100%; /* Full width for mobile */
  }

  .services-grid, .products-grid {
    flex-direction: column; /* Stack items vertically */
  }

  .service-card img, .product-card img {
    margin: 0 auto;
  }
}

/* Image Styling */
.service-card img,
.product-card img {

}

.service-card h3,
.product-card h3 {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
}

.product-card .reviews {
  font-size: 0.9rem;
  color: #666;
}

/* Button Container Styling */
.button-container {
  display: flex;
  justify-content: center; /* Center align the buttons */
  gap: 20px; /* Add spacing between buttons */
  flex-wrap: wrap; /* Allow wrapping if the screen is too narrow */
}

/* Style the buttons */
.button-container .button {
  padding: 10px 20px;
  text-align: center;
  white-space: nowrap; /* Prevent text from wrapping inside buttons */
}

/* Ensure buttons scale well on smaller screens */
@media (max-width: 480px) {
  .button-container .button {
    flex: 1 1 45%; /* Make buttons take equal width, but no smaller than 45% */
    max-width: 45%; /* Ensure buttons stay side-by-side */
  }
}

/* Responsive Page Width Banner Styles */
.page-width-banner .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.banner-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.banner-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
}

.desktop-banner {
  display: block;
}

.mobile-banner {
  display: none;
}

.banner-wrapper.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}

.banner-content h1 {
  font-size: 2.5rem;
  margin: 0;
  font-weight: bold;
}

.banner-content p {
  font-size: 1.2rem;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .desktop-banner {
    display: none;
  }

  .mobile-banner {
    display: block;
  }
}
/* Make the "Areas of Concern" dropdown wider */
.submenu {
    min-width: 300px; /* Adjust as needed */
    max-width: 1500px; /* Prevent it from getting too wide */
    width: auto;
}
#mce-error-response.response{
  margin: 0 0 1em 0;
    padding: 5px 10px;
    background-color: #6B0505;
    font-weight: bold;
    z-index: 1;
    color: #fff;
  }
/* End styles.css */

/* Events Page CSS */
    .hp-past-events--section .add-shadow {  box-shadow: 3px 3px 0 var(--cream); border: 2px solid var(--cream); }
    .hp-past-events--section .swiper-pagination { bottom: -36px; }
    .hp-past-events--section .sldier-container-outer .swiper-pagination-bullet-active,
    .hp-Featured--section .sldier-container-outer .swiper-pagination-bullet-active {
        background: #DFDFDF;
        outline: 3px solid #DFDFDF;
        outline-offset: 0px;
        opacity: 1;
    }
    .hp-past-events--section .sldier-container-outer .swiper-pagination-bullet,
    .hp-Featured--section .sldier-container-outer .swiper-pagination-bullet {
        background: var(--pink);
        opacity: 1;
    }    
    .hp-past-events--section .swiper-button-next, .hp-past-events--section .swiper-button-prev {
        color: var(--white) !important;
    }
    .hp-past-events--section .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1.3);
    }

    @media (max-width: 1366px) {
    .hp-past-events--section .treat_pricicing_card { padding: 20px 15px; }
    .hp-past-events--section .treat_pricicing_card .section-title { font-size: 32px; }
    }
    @media (max-width: 1200px) {
    .hp-past-events--section .treat_pricicing_card .section-title { font-size: 24px; margin-bottom: 10px !important; }
    .hp-past-events--section h4 { font-size: 1rem;} 
    .hp-past-events--section .pricing_bottom_box { padding: 5px 0;}
    .hp-past-events--section div.paragraph_style p { font-size: 15px; }
    }
    @media (max-width: 992px) {    
    .hp-past-events--section .treat_pricicing_card { padding: 32px 15px; }
    }
    @media (max-width: 767px) {
        .hp-past-events--section .swiperimg_height {
            height: auto;
            object-fit: cover;
            object-position: center;
        }
       .hero_section_AquaGold .corevalue_outer { background-position: 25% 100%; }
    }

/* End Events Page CSS */