/* Start custom CSS for html, class: .elementor-element-16507ea *//* =========================================
POWERHOUSE INSTITUTE HERO
Master Template
========================================= */
.ph-rule-hero{
padding:140px 50px 90px;
overflow:hidden;
position:relative;
background:
radial-gradient(circle at 82% 15%, rgba(123,75,255,.22), transparent 42%),
radial-gradient(circle at 10% 88%, rgba(91,46,145,.16), transparent 48%),
linear-gradient(135deg,#040406 0%,#170B27 42%,#34135B 100%);
}
.ph-rule-container{
max-width:1450px;
margin:auto;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:70px;
align-items:center;
position:relative;
z-index:2;
}
.ph-rule-left{
max-width:720px;
}
/* =========================================
TEXT
========================================= */
.ph-rule-eyebrow{
display:inline-block;
color:#D8B8FF;
text-transform:uppercase;
letter-spacing:4px;
font-size:.82rem;
font-weight:700;
margin-bottom:26px;
}
.ph-rule-left h1{
margin:0;
font-family:'Cormorant Garamond',serif;
font-size:clamp(4rem,6vw,5.6rem);
line-height:.94;
font-weight:400;
color:#fff;
}
.ph-rule-left h1 span{
display:block;
color:#fff;
}
.ph-rule-subtitle{
display:inline-flex;
align-items:center;
margin:30px 0;
padding:14px 28px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(10px);
color:#fff;
text-transform:uppercase;
letter-spacing:2px;
font-size:.88rem;
font-weight:600;
}
.ph-rule-left p{
margin:0 0 42px;
color:rgba(255,255,255,.92);
font-size:1.15rem;
line-height:1.9;
}
/* =========================================
HIGHLIGHTS
========================================= */
.ph-rule-highlights{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-bottom:44px;
}
.ph-rule-item{
padding:24px 18px;
text-align:center;
border-radius:18px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(12px);
transition:.35s ease;
}
.ph-rule-item:hover{
transform:translateY(-6px);
background:rgba(255,255,255,.11);
border-color:rgba(207,168,255,.45);
}
.ph-rule-item strong{
display:block;
margin-bottom:8px;
font-family:'Cormorant Garamond',serif;
font-size:2rem;
font-weight:500;
color:#D8B8FF;
line-height:1;
}
.ph-rule-item span{
display:block;
color:#fff;
font-size:.95rem;
line-height:1.45;
}
/* =========================================
BUTTONS
========================================= */
.ph-rule-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.ph-rule-buttons a{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:190px;
padding:16px 34px;
border-radius:999px;
font-weight:600;
text-decoration:none;
transition:.35s ease;
}
.ph-rule-buttons a:first-child{
background:#5B2E91;
border:2px solid #5B2E91;
color:#fff;
}
.ph-rule-buttons a:first-child:hover{
background:#7443B6;
border-color:#7443B6;
transform:translateY(-2px);
}
.ph-rule-buttons a:last-child{
background:#fff;
border:2px solid #fff;
color:#111;
}
.ph-rule-buttons a:last-child:hover{
background:transparent;
color:#fff;
}
/* =========================================
IMAGE
========================================= */
.ph-rule-right{
position:relative;
}
.ph-rule-right img{
width:100%;
display:block;
border-radius:24px;
box-shadow:
0 45px 90px rgba(0,0,0,.45);
}
/* =========================================
RESPONSIVE
========================================= */
@media(max-width:1100px){
.ph-rule-container{
grid-template-columns:1fr;
text-align:center;
}
.ph-rule-left{
margin:auto;
}
.ph-rule-highlights{
grid-template-columns:repeat(2,1fr);
}
.ph-rule-buttons{
justify-content:center;
}
.ph-rule-right{
max-width:700px;
margin:auto;
}
}
@media(max-width:768px){
.ph-rule-hero{
padding:100px 24px 70px;
}
.ph-rule-left h1{
font-size:3.5rem;
}
.ph-rule-subtitle{
letter-spacing:1px;
font-size:.82rem;
}
.ph-rule-highlights{
grid-template-columns:1fr;
}
.ph-rule-buttons{
flex-direction:column;
}
.ph-rule-buttons a{
width:100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-003b0ad *//* =========================================
NO-FAULT UPDATE TEASER
========================================= */
.ph-update{
padding:90px 50px;
background:linear-gradient(135deg,#2A0D4F 0%,#4B1F78 55%,#6A33A8 100%);
overflow:hidden;
}
.ph-update-container{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:70px;
align-items:center;
}
.ph-update-eyebrow{
display:inline-block;
padding:8px 18px;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.18);
border-radius:999px;
color:#DCC2FF;
text-transform:uppercase;
letter-spacing:3px;
font-size:.8rem;
font-weight:700;
margin-bottom:28px;
}
.ph-update h2{
margin:0;
color:#fff;
font-family:'Cormorant Garamond',serif;
font-size:clamp(3rem,5vw,4.6rem);
line-height:.95;
font-weight:400;
}
.ph-update h2 span{
display:block;
color:#fff;
}
.ph-update p{
margin:30px 0 40px;
color:rgba(255,255,255,.92);
font-size:1.15rem;
line-height:1.9;
max-width:700px;
}
.ph-update-tags{
display:flex;
flex-wrap:wrap;
gap:15px;
}
.ph-update-tags span{
padding:12px 20px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
border-radius:999px;
color:#fff;
font-weight:600;
}
/* CARD */
.ph-update-card{
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.16);
border-radius:24px;
padding:55px 45px;
text-align:center;
backdrop-filter:blur(14px);
box-shadow:0 35px 80px rgba(0,0,0,.30);
}
.ph-update-icon{
width:110px;
height:110px;
margin:auto auto 30px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#FFFFFF;
color:#5B2E91;
font-size:3rem;
}
.ph-update-title{
color:#fff;
font-size:2rem;
font-family:'Cormorant Garamond',serif;
margin-bottom:18px;
}
.ph-update-text{
color:rgba(255,255,255,.90);
line-height:1.8;
}
/* Responsive */
@media(max-width:1000px){
.ph-update{
padding:70px 25px;
}
.ph-update-container{
grid-template-columns:1fr;
text-align:center;
}
.ph-update p{
margin-left:auto;
margin-right:auto;
}
.ph-update-tags{
justify-content:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bec4af *//*=========================================
2026 RULE UPDATE DOWNLOAD
=========================================*/
.ph-rule-download{
padding:90px 40px;
background:linear-gradient(135deg,#2B0F49 0%,#4B247A 55%,#6A35A8 100%);
}
.ph-rule-download-container{
max-width:1100px;
margin:auto;
}
.ph-rule-download-content{
text-align:center;
color:#fff;
}
.ph-rule-download-eyebrow{
display:inline-block;
margin-bottom:24px;
padding:8px 18px;
border-radius:999px;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.18);
color:#D8B8FF;
font-size:.8rem;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
}
.ph-rule-download h2{
margin:0 0 24px;
font-family:'Cormorant Garamond',serif;
font-size:clamp(3rem,5vw,4.5rem);
line-height:1;
font-weight:400;
color:#fff;
}
.ph-rule-download p{
max-width:760px;
margin:0 auto 38px;
color:rgba(255,255,255,.90);
font-size:1.15rem;
line-height:1.9;
}
.ph-rule-download-btn{
display:inline-block;
padding:18px 42px;
border-radius:999px;
background:#ffffff;
color:#4B247A;
text-decoration:none;
font-weight:700;
transition:.35s ease;
}
.ph-rule-download-btn:hover{
background:#A970FF;
color:#ffffff;
transform:translateY(-3px);
}
@media (max-width:768px){
.ph-rule-download{
padding:70px 25px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44ca4b3 *//*=========================================================
FEATURED FACULTY
=========================================================*/
.ph-trial-curriculum{
background:#060606;
padding:120px 40px;
}
.ph-trial-container{
max-width:1450px;
margin:auto;
}
.ph-trial-header{
text-align:center;
max-width:900px;
margin:0 auto 80px;
}
.ph-trial-eyebrow{
display:inline-block;
color:#B88CFF;
letter-spacing:5px;
font-size:.9rem;
font-weight:600;
text-transform:uppercase;
margin-bottom:25px;
}
.ph-trial-header h2{
font-family:'Cormorant Garamond',serif;
color:#fff;
font-size:clamp(3.3rem,5vw,5rem);
line-height:1;
margin-bottom:28px;
}
.ph-trial-header p{
color:#C8C8C8;
font-size:1.18rem;
line-height:2;
}
/*=========================================================*/
.ph-trial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:34px;
}
/*=========================================================*/
.ph-course-card{
background:linear-gradient(
145deg,
#41206F 0%,
#341A5B 45%,
#2E174F 100%
);
border:1px solid rgba(185,145,255,.28);
border-radius:28px;
padding:40px;
text-align:center;
transition:.35s ease;
overflow:hidden;
box-shadow:
0 18px 40px rgba(0,0,0,.35),
inset 0 1px 0 rgba(255,255,255,.06);
}
.ph-course-card:hover{
transform:translateY(-8px);
border-color:#B88CFF;
box-shadow:
0 28px 60px rgba(64,32,112,.45);
}
/*=========================================================
PHOTO
=========================================================*/
.ph-speaker-photo{
width:190px;
height:240px;
margin:0 auto 30px;
overflow:hidden;
border-radius:22px;
border:3px solid rgba(184,140,255,.35);
background:#1A1A1A;
box-shadow:
0 15px 35px rgba(0,0,0,.30);
}
.ph-speaker-photo img{
width:100%;
height:100%;
object-fit:cover;
transition:.45s ease;
display:block;
}
.ph-course-card:hover .ph-speaker-photo img{
transform:scale(1.05);
}
.ph-course-card:hover .ph-speaker-photo{
border-color:#B88CFF;
}
/*=========================================================
ROLE TAG
=========================================================*/
.ph-speaker-role{
display:inline-block;
padding:8px 18px;
margin-bottom:22px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(184,140,255,.28);
color:#D8BCFF;
font-size:.78rem;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
}
/*=========================================================
TEXT
=========================================================*/
.ph-course-card h3{
font-family:'Cormorant Garamond',serif;
color:#fff;
font-size:2.1rem;
line-height:1.2;
margin-bottom:18px;
}
.ph-course-card p{
color:#DDD;
line-height:1.9;
font-size:1.02rem;
margin-bottom:30px;
}
/*=========================================================
OPTIONAL BUTTON
=========================================================*/
.ph-course-card a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
border-radius:999px;
background:#ffffff;
color:#341A5B;
text-decoration:none;
font-weight:600;
transition:.3s ease;
}
.ph-course-card a:hover{
background:#B88CFF;
color:#fff;
}
/*=========================================================*/
@media(max-width:1100px){
.ph-trial-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:700px){
.ph-trial-grid{
grid-template-columns:1fr;
}
.ph-speaker-photo{
width:170px;
height:215px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43e1d51 *//*=========================================================
RULE 114 RESOURCE CENTER
=========================================================*/
.ph-rule-resources{
background:#ffffff;
padding:120px 40px;
}
.ph-rule-resources-container{
max-width:1450px;
margin:auto;
}
.ph-rule-resources-header{
text-align:center;
max-width:900px;
margin:0 auto 70px;
}
.ph-rule-resources-eyebrow{
display:inline-block;
color:#6C35A8;
text-transform:uppercase;
letter-spacing:5px;
font-size:.9rem;
font-weight:600;
margin-bottom:24px;
}
.ph-rule-resources-header h2{
font-family:'Cormorant Garamond',serif;
font-size:clamp(3.2rem,5vw,4.8rem);
color:#171717;
line-height:1;
margin-bottom:30px;
}
.ph-rule-resources-header p{
color:#666;
font-size:1.15rem;
line-height:2;
}
/*=========================================================*/
.ph-rule-resource-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:32px;
}
.ph-rule-resource-card{
background:#090909;
border:2px solid #6C35A8;
border-top:8px solid #6C35A8;
border-radius:22px;
padding:42px;
transition:.35s;
}
.ph-rule-resource-card:hover{
transform:translateY(-8px);
border-color:#8F61F5;
box-shadow:0 25px 60px rgba(108,53,168,.18);
}
.ph-rule-resource-label{
display:inline-block;
background:rgba(108,53,168,.18);
color:#C6A6FF;
border:1px solid rgba(198,166,255,.25);
padding:8px 18px;
border-radius:40px;
font-size:.78rem;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:22px;
}
.ph-rule-resource-card h3{
font-family:'Cormorant Garamond',serif;
font-size:2rem;
color:#ffffff;
margin-bottom:20px;
}
.ph-rule-resource-card p{
color:#D8D8D8;
line-height:1.9;
margin-bottom:35px;
}
.ph-rule-resource-btn{
display:inline-flex;
align-items:center;
justify-content:center;
background:#6C35A8;
color:#ffffff !important;
text-decoration:none;
padding:14px 28px;
border-radius:999px;
font-weight:600;
transition:.3s;
}
.ph-rule-resource-btn:visited,
.ph-rule-resource-btn:link{
color:#ffffff !important;
}
.ph-rule-resource-btn:hover{
background:#ffffff;
color:#171717 !important;
}
.ph-rule-resource-btn:focus,
.ph-rule-resource-btn:active{
color:#171717 !important;
}
.ph-rule-resource-btn:hover{
background:#ffffff;
color:#171717;
}
/*=========================================================*/
@media(max-width:992px){
.ph-rule-resource-grid{
grid-template-columns:1fr;
}
.ph-rule-resources{
padding:90px 25px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4ac623 *//*=========================================================
NATIONAL CONTINUING EDUCATION
=========================================================*/
.ph-state-training{
background:#090909;
padding:110px 40px;
}
.ph-state-training-container{
max-width:1100px;
margin:auto;
text-align:center;
}
.ph-state-training-eyebrow{
display:inline-block;
color:#D7B6FF;
text-transform:uppercase;
letter-spacing:6px;
font-size:.82rem;
font-weight:700;
margin-bottom:24px;
}
.ph-state-training h2{
font-family:'Cormorant Garamond',serif;
color:#ffffff;
font-size:clamp(3rem,5vw,4.8rem);
line-height:1;
margin-bottom:30px;
}
.ph-state-training-intro{
color:#D8D8D8;
font-size:1.15rem;
line-height:2;
max-width:900px;
margin:0 auto 50px;
}
.ph-state-training-box{
background:rgba(255,255,255,.03);
border:2px solid #D7B6FF;
border-top:8px solid #D7B6FFE;
border-radius:24px;
padding:50px;
transition:all .35s ease;
}
.ph-state-training-box:hover{
transform:translateY(-6px);
border-color:#8352C4;
box-shadow:0 25px 60px rgba(110,59,174,.18);
}
.ph-state-training-box h3{
font-family:'Cormorant Garamond',serif;
color:#ffffff;
font-size:2rem;
margin-bottom:20px;
}
.ph-state-training-box p{
color:#D8D8D8;
line-height:1.9;
max-width:760px;
margin:0 auto 35px;
}
.ph-state-training-btn{
display:inline-flex;
align-items:center;
justify-content:center;
background:#6E3BAE;
color:#ffffff !important;
text-decoration:none;
padding:16px 34px;
border-radius:999px;
border:1px solid rgba(255,255,255,.08);
font-weight:600;
letter-spacing:.3px;
transition:all .3s ease;
}
.ph-state-training-btn:link,
.ph-state-training-btn:visited{
color:#ffffff !important;
}
.ph-state-training-btn:hover{
background:#8352C4;
color:#ffffff !important;
transform:translateY(-2px);
box-shadow:0 12px 30px rgba(110,59,174,.28);
}
.ph-state-training-btn:focus,
.ph-state-training-btn:active{
color:#ffffff !important;
}
/*=========================================================
RESPONSIVE
=========================================================*/
@media(max-width:768px){
.ph-state-training{
padding:90px 25px;
}
.ph-state-training-box{
padding:35px 25px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41c9e21 *//*=========================================================
TRIAL CTA
=========================================================*/
.ph-trial-cta{
padding:130px 40px;
background:
radial-gradient(circle at top right,
rgba(255,255,255,.08) 0%,
transparent 35%),
radial-gradient(circle at bottom left,
rgba(255,255,255,.05) 0%,
transparent 40%),
linear-gradient(
135deg,
#2A1248 0%,
#341A5B 30%,
#4A247A 70%,
#341A5B 100%
);
color:#fff;
}
.ph-trial-cta-container{
max-width:950px;
margin:auto;
text-align:center;
}
.ph-trial-cta-eyebrow{
display:inline-block;
text-transform:uppercase;
letter-spacing:6px;
color:#D8BEFF;
font-size:.9rem;
font-weight:600;
margin-bottom:30px;
}
.ph-trial-cta h2{
font-family:'Cormorant Garamond',serif;
font-size:clamp(3.5rem,6vw,5.5rem);
line-height:.95;
margin-bottom:35px;
color:#fff;
}
.ph-trial-cta p{
max-width:760px;
margin:0 auto;
font-size:1.18rem;
line-height:2;
color:rgba(255,255,255,.90);
}
/*=========================================================
CTA BUTTONS
=========================================================*/
.ph-trial-cta-buttons{
display:flex;
justify-content:center;
gap:24px;
flex-wrap:wrap;
margin-top:55px;
}
.ph-trial-cta-buttons a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 42px;
border-radius:999px;
font-weight:600;
text-decoration:none;
transition:all .35s ease;
}
/*----------------------------------
PRIMARY
----------------------------------*/
.ph-trial-cta-buttons .ph-trial-btn-primary{
background:#000000;
color:#FFFFFF;
border:2px solid #000000;
}
.ph-trial-cta-buttons .ph-trial-btn-primary:hover{
background:#6C35A8;
border-color:#6C35A8;
color:#FFFFFF;
}
/*----------------------------------
SECONDARY
----------------------------------*/
.ph-trial-cta-buttons .ph-trial-btn-secondary{
background:#FFFFFF;
color:#000000;
border:2px solid #FFFFFF;
}
.ph-trial-cta-buttons .ph-trial-btn-secondary:hover{
background:#6C35A8;
border-color:#6C35A8;
color:#FFFFFF;
}
/*=========================================================*/
@media(max-width:768px){
.ph-trial-cta{
padding:90px 25px;
}
.ph-trial-cta h2{
font-size:3.5rem;
}
.ph-trial-cta p{
font-size:1.05rem;
line-height:1.9;
}
}/* End custom CSS */