.elementor-13435 .elementor-element.elementor-element-e597891{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7cad7ca *//*=========================================
POWERHOUSE EXPERIENCE
=========================================*/

.ph-exp{

    position:relative;
    overflow:hidden;

    background:#050505;

    padding:130px 30px;

}

.ph-exp-glow{

    position:absolute;

    width:900px;
    height:500px;

    left:50%;
    top:-180px;

    transform:translateX(-50%);

    background:
    radial-gradient(circle,
    rgba(75,31,117,.28),
    transparent 72%);

    pointer-events:none;

}

.ph-exp-container{

    position:relative;
    z-index:2;

    max-width:1350px;
    margin:auto;

}

/* HEADER */

.ph-exp-header{

    text-align:center;
    max-width:850px;
    margin:0 auto 80px;

}

/* =========================================
   EYEBROW
========================================= */

.ph-exp-eyebrow{

    color:#B58CFF;

    font-size:.82rem;

    font-weight:600;

    letter-spacing:6px;

    text-transform:uppercase;

    font-family:'Montserrat',sans-serif;

    margin-bottom:50px;

    opacity:.95;

}

.ph-exp-header h2{

    font-family:'Cormorant Garamond',serif;
    font-size:clamp(3.2rem,5vw,5rem);
    color:#fff;
    line-height:1.05;
    margin-bottom:25px;
    font-weight:400;

}

.ph-exp-header p{

    color:rgba(255,255,255,.78);
    font-size:1.1rem;
    line-height:1.9;

}

/* GRID */

.ph-exp-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:26px;

}

/* Stagger the rows slightly */

.ph-exp-tile:nth-child(2),
.ph-exp-tile:nth-child(6),
.ph-exp-tile:nth-child(10){

    margin-top:40px;

}

.ph-exp-tile:nth-child(3),
.ph-exp-tile:nth-child(7),
.ph-exp-tile:nth-child(11){

    margin-top:20px;

}

/* TILE */

.ph-exp-tile{

    position:relative;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    min-height:230px;

    padding:36px;

    text-decoration:none;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    border-radius:26px;

    backdrop-filter:blur(18px);

    transition:.35s;

    overflow:hidden;

}

.ph-exp-tile:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:#4B1F75;

}

.ph-exp-tile:hover{

    transform:translateY(-10px);

    border-color:#4B1F75;

    box-shadow:
    0 25px 60px rgba(75,31,117,.28);

    background:rgba(255,255,255,.07);

}

.ph-exp-tile h3{

    font-family:'Cormorant Garamond',serif;

    font-size:2rem;

    color:#fff;

    font-weight:500;

    margin:0 0 16px;

}

.ph-exp-tile p{

    color:rgba(255,255,255,.70);

    line-height:1.7;

    margin-bottom:28px;

}

.ph-exp-tile span{

    color:#B58CFF;

    font-weight:700;

    letter-spacing:.5px;

}

/* LAST TILE */

.ph-exp-all{

    background:linear-gradient(135deg,#4B1F75,#2B0F47);

}

.ph-exp-all span{

    color:#fff;

}

.ph-exp-all p{

    color:rgba(255,255,255,.88);

}

/* RESPONSIVE */

@media(max-width:1100px){

    .ph-exp-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .ph-exp-tile{

        margin-top:0 !important;

    }

}

@media(max-width:768px){

    .ph-exp{

        padding:90px 20px;

    }

    .ph-exp-grid{

        grid-template-columns:1fr;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c7325b *//*=========================================
THE POWERHOUSE DIFFERENCE
=========================================*/

.ph-difference{

    position:relative;
    overflow:hidden;

    background:
    radial-gradient(circle at center,
    #2B0F47 0%,
    #14091F 38%,
    #050505 100%);

    padding:150px 30px;

}

.ph-difference-glow{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:900px;
    height:900px;

    background:
    radial-gradient(circle,
    rgba(75,31,117,.22),
    transparent 70%);

    pointer-events:none;

}

.ph-difference-container{

    position:relative;
    z-index:2;

    max-width:980px;
    margin:auto;

    text-align:center;

}

.ph-difference-eyebrow{

    color:#B58CFF;

    letter-spacing:5px;

    text-transform:uppercase;

    font-size:.82rem;

    font-weight:700;

    margin-bottom:26px;

}

.ph-difference h2{

    font-family:'Cormorant Garamond',serif;

    color:white;

    font-size:clamp(3.5rem,6vw,5.7rem);

    line-height:1.05;

    font-weight:400;

    margin:0;

}

.ph-difference-divider{

    width:90px;

    height:3px;

    background:#4B1F75;

    margin:45px auto;

}

.ph-difference-lead{

    color:white;

    font-size:1.35rem;

    line-height:2;

    font-weight:300;

    margin-bottom:40px;

}

.ph-difference-body{

    color:rgba(255,255,255,.78);

    font-size:1.12rem;

    line-height:2.05;

    max-width:820px;

    margin:0 auto 70px;

}

.ph-difference blockquote{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:clamp(2.4rem,5vw,3.8rem);

    color:white;

    font-weight:300;

    line-height:1.4;

}

.ph-difference blockquote span{

    display:block;

    margin-top:18px;

    color:#B58CFF;

    font-style:italic;

}

@media(max-width:768px){

.ph-difference{

padding:100px 25px;

}

.ph-difference-body{

font-size:1.05rem;

}

}/* End custom CSS */