/* Start custom CSS for html, class: .elementor-element-16507ea *//* =========================================
RULE 114 HERO
========================================= */
.ph-rule-hero{
padding:140px 50px 90px;
background:
radial-gradient(circle at 82% 20%, rgba(145,110,255,.18), transparent 42%),
linear-gradient(135deg,#040406 0%,#170B27 45%,#36125C 100%);
}
.ph-rule-container{
max-width:1450px;
margin:auto;
display:grid;
grid-template-columns:1.15fr .85fr;
gap:70px;
align-items:center;
}
.ph-rule-left{
max-width:720px;
}
/* =========================================
TEXT
========================================= */
.ph-rule-eyebrow{
color:#D7B6FF;
text-transform:uppercase;
letter-spacing:5px;
font-size:.82rem;
font-weight:700;
margin-bottom:28px;
}
.ph-rule-left h1{
font-family:'Cormorant Garamond',serif;
font-size:clamp(4rem,6vw,5.6rem);
line-height:.95;
color:#FFFFFF;
font-weight:400;
margin:0;
}
.ph-rule-left h1 span{
display:block;
color:#FFFFFF;
}
.ph-rule-subtitle{
display:inline-block;
margin:28px 0;
padding:14px 28px;
border-radius:999px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.16);
color:#FFFFFF;
letter-spacing:2px;
text-transform:uppercase;
font-size:.9rem;
}
.ph-rule-left p{
color:#FFFFFF;
font-size:1.15rem;
line-height:1.9;
margin-bottom:40px;
}
/* =========================================
HIGHLIGHTS
========================================= */
.ph-rule-highlights{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-bottom:42px;
}
.ph-rule-item{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.14);
border-radius:18px;
padding:22px;
text-align:center;
backdrop-filter:blur(10px);
}
.ph-rule-item strong{
display:block;
color:#CFA8FF;
font-family:'Cormorant Garamond',serif;
font-size:2rem;
font-weight:500;
margin-bottom:6px;
}
.ph-rule-item span{
color:#FFFFFF;
font-size:.95rem;
}
/* =========================================
BUTTONS
========================================= */
.ph-rule-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.ph-rule-buttons a{
padding:16px 34px;
border-radius:999px;
text-decoration:none;
font-weight:600;
transition:all .35s ease;
}
.ph-rule-buttons a:first-child{
background:#111111;
color:#FFFFFF;
border:2px solid #111111;
}
.ph-rule-buttons a:first-child:hover{
background:#5B2E91;
border-color:#5B2E91;
}
.ph-rule-buttons a:last-child{
background:#FFFFFF;
color:#111111;
border:2px solid #FFFFFF;
}
.ph-rule-buttons a:last-child:hover{
background:#5B2E91;
border-color:#5B2E91;
color:#FFFFFF;
}
/* =========================================
IMAGE
========================================= */
.ph-rule-right img{
width:100%;
display:block;
border-radius:22px;
box-shadow:0 40px 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;
}
}
@media(max-width:768px){
.ph-rule-hero{
padding:100px 25px 70px;
}
.ph-rule-left h1{
font-size:3.6rem;
}
.ph-rule-highlights{
grid-template-columns:1fr;
}
}/* 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 */