/* Start custom CSS for html, class: .elementor-element-c753c51 *//*=========================================================
WHY MEDICAL KNOWLEDGE MATTERS
=========================================================*/
.ph-med-why{
background:#ffffff;
padding:120px 40px;
position:relative;
overflow:hidden;
}
.ph-med-why-container{
max-width:1450px;
margin:auto;
}
/*=========================================================
HEADER
=========================================================*/
.ph-med-why-header{
max-width:900px;
margin:0 auto 80px;
text-align:center;
}
.ph-med-why-eyebrow{
color:#4B238B;
letter-spacing:5px;
text-transform:uppercase;
font-size:.9rem;
font-weight:700;
margin-bottom:22px;
}
.ph-med-why-header h2{
font-family:'Cormorant Garamond',serif;
color:#111111;
font-size:clamp(3.5rem,5vw,5.2rem);
line-height:1;
margin-bottom:28px;
}
.ph-med-why-header p{
color:#555555;
font-size:1.15rem;
line-height:2;
max-width:850px;
margin:0 auto;
}
/*=========================================================
GRID
=========================================================*/
.ph-med-why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:34px;
}
/*=========================================================
CARD
=========================================================*/
.ph-med-why-card{
background:#111111;
border:6px solid #4B238B;
border-radius:24px;
padding:42px;
display:flex;
flex-direction:column;
transition:all .35s ease;
box-shadow:0 15px 35px rgba(0,0,0,.10);
height:100%;
}
.ph-med-why-card:hover{
transform:translateY(-8px);
border-color:#6F3DCC;
box-shadow:
0 0 0 2px rgba(111,61,204,.22),
0 28px 60px rgba(75,35,139,.22);
}
/*=========================================================
TITLE
=========================================================*/
.ph-med-why-card h3{
font-family:'Cormorant Garamond',serif;
color:#ffffff;
font-size:2.2rem;
line-height:1.1;
font-weight:600;
margin-bottom:22px;
}
/*=========================================================
BODY
=========================================================*/
.ph-med-why-card p{
color:rgba(255,255,255,.88);
font-size:1.02rem;
line-height:1.9;
flex:1;
margin-bottom:30px;
}
/*=========================================================
RESULT
=========================================================*/
.ph-result{
margin-top:auto;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.10);
color:#C8A6FF;
font-weight:700;
font-size:1rem;
}
/*=========================================================
RESPONSIVE
=========================================================*/
@media(max-width:1100px){
.ph-med-why-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.ph-med-why{
padding:90px 24px;
}
.ph-med-why-header{
margin-bottom:60px;
}
.ph-med-why-header h2{
font-size:3.2rem;
}
.ph-med-why-grid{
grid-template-columns:1fr;
}
.ph-med-why-card{
padding:34px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4a6c7b *//*=========================================================
WHY POWERHOUSE
=========================================================*/
.ph-why-powerhouse{
background:#ffffff;
padding:120px 40px;
}
.ph-why-container{
max-width:1400px;
margin:auto;
}
/*=========================================================
HEADER
=========================================================*/
.ph-why-header{
max-width:850px;
margin:0 auto 70px;
text-align:center;
}
.ph-why-eyebrow{
color:#4B238B;
font-size:.85rem;
font-weight:700;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:20px;
}
.ph-why-header h2{
font-family:'Cormorant Garamond',serif;
color:#111;
font-size:clamp(3rem,5vw,4.5rem);
line-height:1.05;
margin-bottom:24px;
}
.ph-why-header p{
color:#555;
font-size:1.1rem;
line-height:1.9;
}
/*=========================================================
GRID
=========================================================*/
.ph-why-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
/*=========================================================
CARD
=========================================================*/
.ph-why-card{
background:#111111;
border:3px solid #4B238B;
border-radius:22px;
padding:42px;
transition:.35s;
}
.ph-why-card:hover{
transform:translateY(-8px);
border-color:#6A36C7;
box-shadow:0 20px 45px rgba(75,35,139,.18);
}
/*=========================================================
LABEL
=========================================================*/
.ph-why-label{
display:inline-block;
background:#4B238B;
color:#fff;
padding:8px 18px;
border-radius:100px;
font-size:.78rem;
font-weight:700;
letter-spacing:2px;
margin-bottom:22px;
}
/*=========================================================
TITLE
=========================================================*/
.ph-why-card h3{
font-family:'Cormorant Garamond',serif;
color:#fff;
font-size:2rem;
margin-bottom:18px;
}
/*=========================================================
BODY
=========================================================*/
.ph-why-card p{
color:rgba(255,255,255,.85);
line-height:1.9;
font-size:1rem;
}
/*=========================================================
RESPONSIVE
=========================================================*/
@media(max-width:900px){
.ph-why-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.ph-why-powerhouse{
padding:90px 24px;
}
.ph-why-card{
padding:34px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2624e95a *//*=========================================================
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 */