/* Start custom CSS for html, class: .elementor-element-f09fd31 *//* ========================================= */
/* POWERHOUSE LOCATIONS */
/* ========================================= */

.ph-cities{

    padding:130px 40px;

    background:#FBF9FE;

}

.ph-cities-container{

    max-width:1350px;

    margin:auto;

}

/* ========================================= */
/* HEADER */
/* ========================================= */

.ph-cities-header{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.ph-section-eyebrow{

    color:#8D5CF6;

    font-size:.9rem;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.ph-cities-header h2{

    font-family:"Cormorant Garamond",serif;

    font-size:clamp(3rem,5vw,4.4rem);

    color:#111;

    line-height:1.08;

    margin-bottom:28px;

}

.ph-cities-header p{

    color:#555;

    font-size:1.15rem;

    line-height:1.9;

}

/* ========================================= */
/* GRID */
/* ========================================= */

.ph-cities-grid{

    display:grid;

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

    gap:30px;

    align-items:stretch;

}

/* ========================================= */
/* CARD */
/* ========================================= */

.ph-city-card{

    position:relative;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    padding:40px;

    border-radius:24px;

    text-decoration:none;

    background:linear-gradient(
        145deg,
        #4B1F75 0%,
        #65309A 55%,
        #7B47B7 100%
    );

    box-shadow:0 18px 45px rgba(75,31,117,.22);

    transition:.35s ease;

}

.ph-city-card::before{

    content:"";

    position:absolute;

    top:-70px;

    right:-70px;

    width:180px;

    height:180px;

    border-radius:50%;

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

}

.ph-city-card:hover{

    transform:translateY(-8px);

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

}

/* ========================================= */
/* REGION */
/* ========================================= */

.ph-city-region{

    position:relative;

    z-index:2;

    color:#E5D4FF;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.78rem;

    font-weight:700;

    margin-bottom:18px;

}

/* ========================================= */
/* TITLE */
/* ========================================= */

.ph-city-card h3{

    position:relative;

    z-index:2;

    font-family:"Cormorant Garamond",serif;

    color:#ffffff;

    font-size:2.3rem;

    line-height:1.1;

    margin-bottom:16px;

}

/* ========================================= */
/* COPY */
/* ========================================= */

.ph-city-card p{

    position:relative;

    z-index:2;

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

    font-size:1rem;

    line-height:1.85;

    margin-bottom:32px;

}

/* ========================================= */
/* LINK */
/* ========================================= */

.ph-city-card span{

    position:relative;

    z-index:2;

    margin-top:auto;

    color:#ffffff;

    font-weight:700;

    letter-spacing:.5px;

    transition:.3s ease;

}

.ph-city-card:hover span{

    color:#F3ECFF;

    transform:translateX(6px);

}

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

@media(max-width:1100px){

.ph-cities-grid{

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

}

}

@media(max-width:768px){

.ph-cities{

    padding:90px 20px;

}

.ph-cities-grid{

    grid-template-columns:1fr;

    gap:24px;

}

.ph-city-card{

    padding:34px;

}

.ph-city-card h3{

    font-size:2rem;

}

.ph-cities-header{

    margin-bottom:60px;

}

}/* End custom CSS */