.elementor-177 .elementor-element.elementor-element-20ee526{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-4f83028{padding:147px 0px 0px 0px;text-align:center;}.elementor-177 .elementor-element.elementor-element-875d143{--display:flex;}.elementor-177 .elementor-element.elementor-element-6300a79{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-9966f2c{color:#000000;}.elementor-177 .elementor-element.elementor-element-badacd0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-deb41a7{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-177 .elementor-element.elementor-element-713d968{color:#000000;}.elementor-177 .elementor-element.elementor-element-b42167b{--display:flex;}.elementor-177 .elementor-element.elementor-element-b8f7ff3{color:#000000;}.elementor-177 .elementor-element.elementor-element-eb9a17c{--display:flex;}.elementor-177 .elementor-element.elementor-element-b39112f{color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-177 .elementor-element.elementor-element-6e4fc26 .elementor-button{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:500;}.elementor-177 .elementor-element.elementor-element-e25617e .elementor-button{background-color:#FF00F3;font-family:"Roboto", Sans-serif;font-size:40px;font-weight:500;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-177 .elementor-element.elementor-element-badacd0{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-177 .elementor-element.elementor-element-badacd0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-177 .elementor-element.elementor-element-6e4fc26 .elementor-button{font-size:27px;}}/* Start custom CSS for heading, class: .elementor-element-4f83028 *//* ===========================
   MULTI-COLOR SHIFTING GLOW
   (pink → purple → lavender)
   =========================== */

.elementor-177 .elementor-element.elementor-element-4f83028 .hh-glow-multicolor {
    display: inline-block;
    position: relative;
    animation: hhGlowMulticolor 5.2s ease-in-out infinite;
}

@keyframes hhGlowMulticolor {
    0% {
        color: #ff4fd6; /* hot pink */
        text-shadow:
            0 0 12px rgba(255, 79, 214, 0.7),
            0 0 22px rgba(255, 79, 214, 0.5);
    }
    33% {
        color: #b570ff; /* rich purple */
        text-shadow:
            0 0 14px rgba(181, 112, 255, 0.8),
            0 0 26px rgba(181, 112, 255, 0.55);
    }
    66% {
        color: #f6c8ff; /* soft lavender */
        text-shadow:
            0 0 14px rgba(246, 200, 255, 0.9),
            0 0 30px rgba(255, 244, 255, 0.55);
    }
    100% {
        color: #ff4fd6;
        text-shadow:
            0 0 12px rgba(255, 79, 214, 0.7),
            0 0 22px rgba(255, 79, 214, 0.5);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e25617e *//* === MAIN BUTTON STYLE === */
.hh-quote-btn .elementor-button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #ff2cc8, #a000ff);
    color: #ffffff;
    font-weight: 800;
    padding: 16px 32px;
    border-radius: 50px;
    border: 3px solid #1a1a1a; /* Bold dark luxury border */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(162, 0, 255, 0.8), 0 0 35px rgba(255, 34, 181, 0.6);
    transition: all 0.3s ease;
    animation: hhHeartbeat 1.8s infinite ease-in-out;
}

/* Hover: lift + intense glow */
.hh-quote-btn .elementor-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 0 28px rgba(255, 34, 181, 1), 0 0 55px rgba(162, 0, 255, 1);
    border-color: #000000; /* darker on hover for stronger outline */
}

/* === HEARTBEAT ANIMATION === */
@keyframes hhHeartbeat {
    0%   { transform: scale(1); }
    20%  { transform: scale(1.05); }
    40%  { transform: scale(1); }
    60%  { transform: scale(1.07); }
    80%  { transform: scale(1); }
    100% { transform: scale(1); }
}

/* === SHIMMERING SHINE SWEEP === */
.hh-quote-btn .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-25deg);
    transition: all 0.7s ease;
}

/* Shine sweep on hover */
.hh-quote-btn:hover .elementor-button::after {
    left: 120%;
    transition: 0.6s ease-in-out;
}

/* === Extra Glow Pulsing === */
.hh-quote-btn .elementor-button {
    animation: hhGlowPulse 3.5s ease-in-out infinite;
}

@keyframes hhGlowPulse {
    0% { box-shadow: 0 0 15px rgba(255, 34, 181, 0.7), 0 0 30px rgba(162, 0, 255, 0.5); }
    50% { box-shadow: 0 0 28px rgba(255, 34, 181, 1), 0 0 55px rgba(162, 0, 255, 0.8); }
    100% { box-shadow: 0 0 15px rgba(255, 34, 181, 0.7), 0 0 30px rgba(162, 0, 255, 0.5); }
}/* End custom CSS */
/* Start custom CSS *//* ===========================
   GLOBAL ABOUT PAGE GLOW
   =========================== */

/* Page canvas styling */
body.elementor-page-177 {
    background: radial-gradient(circle at top, #1b0424 0%, #05030a 52%, #030207 100%);
    color: #f7ecff;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* So text never hugs the edges on large screens */
body.elementor-page-177 .elementor-container {
    max-width: 1150px;
}

/* Default paragraph + list styling for this page */
body.elementor-page-177 p,
body.elementor-page-177 li {
    color: #f2e6ff;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.25px;
}

/* Softer bullets */
body.elementor-page-177 ul {
    margin-left: 1.3em;
}
body.elementor-page-177 ul li {
    position: relative;
    padding-left: 0.55em;
    margin-bottom: 4px;
}
body.elementor-page-177 ul li::marker {
    color: #ff4fd6;
}

/* Shared heading style (keeps everything elegant) */
body.elementor-page-177 h1,
body.elementor-page-177 h2,
body.elementor-page-177 h3,
body.elementor-page-177 h4 {
    font-family: "Cinzel", "Cormorant Garamond", serif;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #ff4fd6;
}

/* Add subtle glow to all major pink headings */
body.elementor-page-177 h1,
body.elementor-page-177 h2 {
    text-shadow: 0 0 14px rgba(255, 79, 214, 0.7);
}

/* ===========================
   HERO SECTION
   (.hh-about-hero)
   =========================== */

body.elementor-page-177 .hh-about-hero {
    text-align: center;
    padding: 70px 18px 40px;
}

body.elementor-page-177 .hh-about-hero .elementor-heading-title {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 18px;
}

/* Subtitle line like “Elegant. Alluring. Professional. Unforgettable.” */
body.elementor-page-177 .hh-about-hero .elementor-widget-text-editor p:first-of-type {
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #ffd9ff;
    margin-bottom: 18px;
}

/* Main body paragraph under hero */
body.elementor-page-177 .hh-about-hero .elementor-widget-text-editor p {
    max-width: 780px;
    margin: 0 auto 12px;
}

/* Bulleted list in hero */
body.elementor-page-177 .hh-about-hero ul {
    display: inline-block;
    text-align: left;
    margin-top: 10px;
}

/* Emphasized line at bottom “we serve those who...” */
body.elementor-page-177 .hh-about-hero strong,
body.elementor-page-177 .hh-about-hero b {
    color: #ffe0ff;
    text-shadow: 0 0 12px rgba(255, 144, 255, 0.75);
}

/* ===========================
   ORIGIN STORY GRID
   (.hh-about-origin)
   =========================== */

body.elementor-page-177 .hh-about-origin {
    margin-top: 40px;
    padding: 40px 22px;
    border-radius: 26px;
    background: radial-gradient(circle at top left, rgba(255, 79, 214, 0.21), transparent 60%),
                radial-gradient(circle at bottom right, rgba(120, 76, 255, 0.23), transparent 60%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 26px 50px rgba(0, 0, 0, 0.75);
}

/* Heading "How Two Icons Turned Ambition Into an Empire" */
body.elementor-page-177 .hh-about-origin .elementor-heading-title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 24px;
}

/* Make the two- or three-column layout breathe a bit */
body.elementor-page-177 .hh-about-origin .elementor-widget-image img {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
}

/* Text column next to the image */
body.elementor-page-177 .hh-about-origin .elementor-widget-text-editor p {
    margin-bottom: 10px;
}

/* Highlight names */
body.elementor-page-177 .hh-about-origin .elementor-widget-text-editor strong {
    color: #ff9df0;
    font-weight: 700;
}

/* Micro tagline lines like “They created an experience…” */
body.elementor-page-177 .hh-about-origin .elementor-widget-text-editor em {
    font-style: normal;
    color: #ffe6ff;
    letter-spacing: 0.08em;
}

/* ===========================
   BOTTOM SECTION
   (.hh-about-bottom)
   =========================== */

body.elementor-page-177 .hh-about-bottom {
    margin-top: 50px;
    padding: 40px 20px 70px;
}

/* “A SERVICE WHERE:” + “TODAY, HEAVENLY HARLOTS…” headings */
body.elementor-page-177 .hh-about-bottom .elementor-heading-title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 12px;
}

/* Wrap their text blocks in a soft frame effect */
body.elementor-page-177 .hh-about-bottom .elementor-widget-text-editor {
    max-width: 850px;
    margin: 0 auto 26px;
    padding: 16px 20px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(11, 6, 22, 0.9), rgba(29, 7, 40, 0.86));
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* The closing 3-line signature under “Today…” */
body.elementor-page-177 .hh-about-bottom .elementor-widget-text-editor p:last-of-type {
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffd6ff;
}

/* ===========================
   RESPONSIVE TWEAKS
   =========================== */

@media (max-width: 1024px) {
    body.elementor-page-177 .hh-about-origin {
        padding: 32px 18px;
    }
}

@media (max-width: 768px) {
    /* Slightly smaller headings on mobile */
    body.elementor-page-177 .hh-about-hero .elementor-heading-title {
        font-size: 22px;
    }

    body.elementor-page-177 .hh-about-origin .elementor-heading-title,
    body.elementor-page-177 .hh-about-bottom .elementor-heading-title {
        font-size: 18px;
    }

    body.elementor-page-177 .hh-about-origin,
    body.elementor-page-177 .hh-about-bottom .elementor-widget-text-editor {
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);
    }

    body.elementor-page-177 .hh-about-origin .elementor-widget-image img {
        margin-bottom: 18px;
    }
}

@media (max-width: 480px) {
    body.elementor-page-177 .hh-about-hero {
        padding-top: 52px;
    }

    body.elementor-page-177 p,
    body.elementor-page-177 li {
        font-size: 15px;
        line-height: 1.7;
    }
}
/* ===========================
   NEON SIGN EFFECT
   (faint flicker + bright glow)
   =========================== */

body.elementor-page-177 .hh-neon-title {
    display: inline-block;
    position: relative;
    color: #ff3ed8;
    text-shadow:
        0 0 4px rgba(255, 62, 216, 0.9),
        0 0 12px rgba(255, 62, 216, 0.9),
        0 0 26px rgba(255, 62, 216, 0.85);
    animation: hhNeonFlicker 2.7s infinite;
}

@keyframes hhNeonFlicker {
    0%, 8%, 100% {
        opacity: 1;
        text-shadow:
            0 0 4px rgba(255, 62, 216, 0.9),
            0 0 12px rgba(255, 62, 216, 0.9),
            0 0 26px rgba(255, 62, 216, 0.85);
    }
    10% {
        opacity: 0.75;
        text-shadow:
            0 0 2px rgba(255, 62, 216, 0.5),
            0 0 8px rgba(255, 62, 216, 0.5),
            0 0 18px rgba(255, 62, 216, 0.4);
    }
    12% {
        opacity: 1;
    }
    35% {
        opacity: 0.95;
    }
    37% {
        opacity: 0.6;
    }
    40% {
        opacity: 1;
    }
}
/* ===========================
   SOFT SPOTLIGHT BEHIND TITLE
   =========================== */

body.elementor-page-177 .hh-spotlight-title {
    position: relative;
    z-index: 1;
}

/* Radial glow behind the text */
body.elementor-page-177 .hh-spotlight-title::before {
    content: "";
    position: absolute;
    inset: -40px -120px; /* controls spread of glow */
    z-index: -1;
    background:
        radial-gradient(circle at center,
            rgba(255, 151, 255, 0.55) 0%,
            rgba(65, 8, 90, 0.3) 36%,
            transparent 70%);
    opacity: 0.75;
    filter: blur(2px);
    animation: hhSpotlightDrift 9s ease-in-out infinite alternate;
}

/* Slight slow movement so the light feels alive */
@keyframes hhSpotlightDrift {
    0% {
        transform: translate3d(-10px, 0, 0) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translate3d(6px, -6px, 0) scale(1.03);
        opacity: 0.85;
    }
    100% {
        transform: translate3d(0, 4px, 0) scale(1.01);
        opacity: 0.7;
    }
}
/* ===========================
   GOLD SHIMMER TEXT EFFECT
   =========================== */

body.elementor-page-177 .hh-gold-shimmer {
    position: relative;
    display: inline-block;
    background-image: linear-gradient(
        120deg,
        #d6a651 0%,
        #fff3b8 20%,
        #f1c15a 40%,
        #b87b2b 60%,
        #fff7c8 80%,
        #d6a651 100%
    );
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: hhGoldShimmerMove 4.2s linear infinite;
    text-shadow:
        0 0 12px rgba(255, 208, 120, 0.5),
        0 0 24px rgba(255, 226, 158, 0.4);
}

@keyframes hhGoldShimmerMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* ========================================
   HEAVENLY HARLOTS — SCHEDULE BUTTON
   Luxury Glow + Soft Pulse
   ======================================== */

body.elementor-page-177 .hh-schedule-btn .elementor-button {
    position: relative;
    display: inline-block;
    padding: 16px 42px;
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.22);
    background: linear-gradient(135deg, #ff2cc8 0%, #b423ff 45%, #8b00ff 100%);
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    cursor: pointer;
    transition: all 0.35s ease;
    box-shadow:
        0 0 14px rgba(255, 44, 200, 0.45),
        0 0 30px rgba(136, 0, 255, 0.35);
    animation: HHbtnPulse 2.2s infinite ease-in-out;
    overflow: hidden;
}

/* Hover Lift + Brighten */
body.elementor-page-177 .hh-schedule-btn .elementor-button:hover {
    transform: translateY(-4px) scale(1.04);
    box-shadow:
        0 0 22px rgba(255, 44, 200, 0.75),
        0 0 50px rgba(136, 0, 255, 0.5);
    background: linear-gradient(135deg, #ff45d6, #c03dff, #9f12ff);
}

/* Pulse Animation */
@keyframes HHbtnPulse {
    0% {
        box-shadow:
            0 0 16px rgba(255, 44, 200, 0.55),
            0 0 30px rgba(136, 0, 255, 0.35);
    }
    50% {
        box-shadow:
            0 0 30px rgba(255, 44, 200, 0.95),
            0 0 55px rgba(136, 0, 255, 0.55);
    }
    100% {
        box-shadow:
            0 0 16px rgba(255, 44, 200, 0.55),
            0 0 30px rgba(136, 0, 255, 0.35);
    }
}

/* ========================================
   GOLD SHIMMER PASS — Optional Enhancement
   (Activated when hover)
   ======================================== */

body.elementor-page-177 .hh-schedule-btn .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.05) 0%,
        rgba(255, 255, 255, 0.35) 45%,
        rgba(255, 255, 255, 0.05) 100%
    );
    transform: skewX(-20deg);
    transition: all 0.6s ease;
}

body.elementor-page-177 .hh-schedule-btn .elementor-button:hover::after {
    left: 150%;
}
/* ===========================
   LUXURY LIFT EFFECT
   Floating card illusion
   =========================== */

body.elementor-page-177 .hh-img-lift img {
    border-radius: 22px;
    transition: all 0.38s cubic-bezier(.25,.46,.45,.94);
    transform: translateY(0);
    box-shadow:
        0 22px 45px rgba(0,0,0,0.75),
        0 0 16px rgba(255, 79, 214, 0.25);
}

body.elementor-page-177 .hh-img-lift img:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow:
        0 28px 55px rgba(0,0,0,0.85),
        0 0 22px rgba(255, 79, 214, 0.38),
        0 0 45px rgba(136, 0, 255, 0.35);
}/* End custom CSS */