.elementor-106 .elementor-element.elementor-element-a65858a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-106 .elementor-element.elementor-element-e51737a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-106 .elementor-element.elementor-element-e51737a:not(.elementor-motion-effects-element-type-background), .elementor-106 .elementor-element.elementor-element-e51737a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.pearlrejuvenation.com/wp-content/uploads/2026/02/ai-bg.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-106 .elementor-element.elementor-element-a2d4e73{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-106 .elementor-element.elementor-element-a2d4e73 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-106 .elementor-element.elementor-element-4c726d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-106 .elementor-element.elementor-element-a8b2922{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-106 .elementor-element.elementor-element-c665a10{--display:flex;--justify-content:flex-start;}.elementor-106 .elementor-element.elementor-element-6e5d26b{text-align:center;}.elementor-106 .elementor-element.elementor-element-6e5d26b img{height:1px;object-fit:cover;object-position:center center;opacity:1;}.elementor-106 .elementor-element.elementor-element-c7cca5e{--display:flex;}.elementor-106 .elementor-element.elementor-element-8145d3d{text-align:center;}.elementor-106 .elementor-element.elementor-element-8145d3d img{height:1px;object-fit:cover;object-position:center center;opacity:1;}.elementor-106 .elementor-element.elementor-element-c9b55d8{--display:flex;}.elementor-106 .elementor-element.elementor-element-7238c4d img{height:1px;object-fit:cover;object-position:center center;}.elementor-106 .elementor-element.elementor-element-3168df6{--display:flex;}.elementor-106 .elementor-element.elementor-element-e9e3e0b img{height:1px;object-fit:cover;object-position:center center;}.elementor-106 .elementor-element.elementor-element-a4df26a{--display:flex;}.elementor-106 .elementor-element.elementor-element-420418b img{height:1px;object-fit:cover;object-position:center center;}.elementor-106 .elementor-element.elementor-element-f7c094d{--display:flex;}.elementor-106 .elementor-element.elementor-element-fc0c1cd img{height:1px;object-fit:cover;object-position:center center;}.elementor-106 .elementor-element.elementor-element-4864560{--display:flex;}.elementor-106 .elementor-element.elementor-element-7e79435 img{height:1px;object-fit:cover;object-position:center center;}.elementor-106 .elementor-element.elementor-element-0d198ad{--display:flex;}.elementor-106 .elementor-element.elementor-element-0bbc6f7 img{height:1px;object-fit:cover;object-position:center center;}.elementor-106 .elementor-element.elementor-element-d928cd2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-106 .elementor-element.elementor-element-d928cd2:not(.elementor-motion-effects-element-type-background), .elementor-106 .elementor-element.elementor-element-d928cd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0EDF5;}.elementor-106 .elementor-element.elementor-element-196f793{--display:flex;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106 .elementor-element.elementor-element-9abf30c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-106 .elementor-element.elementor-element-ebd3e7b{--display:flex;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1199px){.elementor-106 .elementor-element.elementor-element-d928cd2{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-106 .elementor-element.elementor-element-e51737a{--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106 .elementor-element.elementor-element-4c726d6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-106 .elementor-element.elementor-element-196f793{--width:50%;}.elementor-106 .elementor-element.elementor-element-ebd3e7b{--width:50%;}}@media(max-width:1199px) and (min-width:768px){.elementor-106 .elementor-element.elementor-element-196f793{--width:100%;}.elementor-106 .elementor-element.elementor-element-ebd3e7b{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-a2d4e73 */.elementor-106 .elementor-element.elementor-element-a2d4e73 img {
    /* Creates both horizontal and vertical fades */
    -webkit-mask-image: 
        linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
    
    mask-image: 
        linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);

    /* Tells the browser to combine the two gradients together */
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================
   PEARL REJUVENATION — Additional CSS
   SCOPE: Header + Hero banner ONLY. Nothing else is touched.
   
   INSTRUCTIONS:
   1. Go to Appearance → Customize → Additional CSS
   2. Press Ctrl+A to select ALL existing code
   3. Press Delete/Backspace so the box is COMPLETELY empty
   4. Paste this entire file
   5. Click Publish
   6. Go to Elementor → Tools → click "Regenerate Files & Data"
   7. Hard-refresh your browser: Ctrl+Shift+R (or Cmd+Shift+R on Mac)
========================================================== */


/* ----------------------------------------------------------
   HEADER — Purple, sticky, always on top
---------------------------------------------------------- */
html body .site_header {
    position: sticky !important;
    top: 0 !important;
    background-color: #3f1a66 !important;
    z-index: 9999 !important;
}

/* Remove white circle behind phone icon */
html body .site_header .call_ico {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Phone icon + number in white */
html body .site_header .top_call svg,
html body .site_header .call_ico svg {
    fill: #ffffff !important;
}
html body .site_header .call_num {
    color: #ffffff !important;
}

/* Hamburger menu lines white */
html body .menu_trigger span,
html body .menu_trigger span::before,
html body .menu_trigger span::after {
    background-color: #ffffff !important;
}

/* Desktop nav: white links, white dropdown bg */
@media (min-width: 992px) {
    html body .site_header .mainMenu > li > a {
        color: #ffffff !important;
    }
    html body .site_header .sub-menu {
        background-color: #ffffff !important;
    }
    html body .site_header .sub-menu li a {
        color: #3f1a66 !important;
    }
}

/* Mobile nav: dark purple links (panel is white) */
@media (max-width: 991px) {
    html body .site_header .mainMenu > li > a {
        color: #3f1a66 !important;
        font-weight: 600 !important;
    }
}


/* ----------------------------------------------------------
   SUBPAGE HERO (.inner_bnr) — DESKTOP
   Text overlays the hero image
---------------------------------------------------------- */
@media (min-width: 992px) {
    html body .inner_bnr {
        position: relative !important;
        height: 560px !important;
        overflow: hidden !important;
        margin: 0 !important;
        display: block !important;
    }

    html body .inner_bnr .bnr_pic {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center !important;
    }

    html body .inner_bnr .bnr_txt {
        position: relative !important;
        z-index: 2 !important;
        background: transparent !important;
        padding-top: 130px !important;
    }

    html body .inner_bnr .bnr_lg {
        font-size: 34px !important;
        line-height: 1.2 !important;
        color: #ffffff !important;
        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.7) !important;
        margin-bottom: 14px !important;
    }

    html body .inner_bnr .bnr_md {
        font-size: 16px !important;
        line-height: 1.5 !important;
        color: #ffffff !important;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
    }
}


/* ----------------------------------------------------------
   SUBPAGE HERO (.inner_bnr) — MOBILE / TABLET
   Image on top → purple text block below (with Book Now)
---------------------------------------------------------- */
@media (max-width: 991px) {
    html body .inner_bnr {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        margin: 0 !important;
    }

    html body .inner_bnr .bnr_pic {
        position: relative !important;
        height: 280px !important;
        width: 100% !important;
        background-size: cover !important;
        background-position: right center !important;   /* keeps the person visible */
        flex-shrink: 0 !important;
        order: 1 !important;
    }

    html body .inner_bnr .bnr_txt {
        order: 2 !important;
        background-color: #3f1a66 !important;
        padding: 32px 20px 40px !important;
        height: auto !important;
        position: relative !important;
    }

    html body .inner_bnr .bnr_lg {
        font-size: 26px !important;
        line-height: 1.25 !important;
        color: #ffffff !important;
        text-shadow: none !important;
        margin-bottom: 12px !important;
    }

    html body .inner_bnr .bnr_md {
        font-size: 15px !important;
        line-height: 1.5 !important;
        color: #ffffff !important;
        text-shadow: none !important;
    }

    html body .inner_bnr .bnr_cta {
        margin-top: 20px !important;
    }
}/* End custom CSS */