.betterrx-comparison{
background:#24333F;
padding:140px 40px;
}


/* HEADLINE */

.comparison-headline{
color:#ffffff;
text-align:center;
font-size:48px;
font-weight:700;
margin-bottom:80px;
}


.comparison-inner{
max-width:1200px;
margin:auto;
}

.comparison-cards{
display:flex;
gap:40px;
align-items:stretch;
}


/* CARD */

.comparison-card{
flex:1;
border-radius:16px;
overflow:hidden;
box-shadow:0 12px 35px rgba(0,0,0,0.18);
display:flex;
flex-direction:column;
}


/* CARD COLORS */

.betterrx-card{
background:#F4F4F4;
border:3px solid #F5946C;
}

.pbm-card{
background:#ffffff;   /* FIXED: PBM card should be white */
border:3px solid #E7E7E7;
}


/* TOP BARS */

.card-top{
text-align:center;
font-weight:700;
font-size:30px;
padding:30px 20px;
}

.betterrx-top{
background:#F5946C;
color:#ffffff;
}

.pbm-top{
background:#D9D9D9;
color:#000;
}


/* BODY */

.card-body{
padding:55px 50px;
display:flex;
flex-direction:column;
flex:1;
}


/* BULLET LIST */

.comparison-list{
list-style:none;
padding:0;
margin:0 0 30px 0;
}

.comparison-list li{
display:flex;
align-items:flex-start;
margin-bottom:20px;
font-size:18px;                /* larger text */
font-weight:600;               /* Poppins semibold */
color:#333;
line-height:1.5;
}


/* ICONS */

.icon{
width:20px;
height:20px;
margin-right:14px;
background-size:contain;
background-repeat:no-repeat;
flex-shrink:0;
margin-top:4px;
transition:all .25s ease;
cursor:default;
}

.icon.check{
background-image:url("https://www.betterrx.com/hubfs/check1.png");
}

.icon.x{
background-image:url("https://www.betterrx.com/hubfs/x1.png");
}


/* HOVER HEART */

.betterrx-card li{
cursor:default;
}

/* smoother transition */

.betterrx-card li{
transition:color .25s ease;
}

/* icon animation */

.betterrx-card li .icon.check{
transition:transform .25s ease, background-image .25s ease;
}

/* hover effect */

.betterrx-card li:hover{
color:#F5946C;
}

.betterrx-card li:hover .icon.check{
background-image:url("https://www.betterrx.com/hubfs/betterrx-heart.png");
transform:scale(1.8);
}

.comparison-card{
transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.betterrx-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,0.25);
}


/* DIVIDER */

.divider{
width:100%;
height:2px;
background:#CFCFCF;
margin:35px 0;
}


/* WORKFLOW */

.workflow{
text-align:center;
margin-top:auto;
display:flex;
flex-direction:column;
align-items:center;
}


/* STEP TITLE */

.workflow-title{
font-size:36px;
font-weight:300;
margin-bottom:30px;
}

.betterrx-steps{
color:#F5946C;
}

.pbm-steps{
color:#000;
}


/* ICON ROW */

.workflow-icons{
display:flex;
justify-content:space-between;     /* evenly distributed */
align-items:center;
width:100%;
max-width:420px;
margin:0 auto;
}


/* STEP CONTAINER */

.step{
width:120px;                        /* equal container width */
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}


/* STEP ICON */

.step img{
  width:75px;
  height:75px;              /* force equal height */
  object-fit:contain;       /* prevents distortion */
  margin-bottom:12px;
  display:block;
}

/* Move ONLY the "Select" text up */
.step:first-child span {
  position: relative;
  top: -9px; /* adjust as needed */
}

/* Slightly reduce ONLY the Select icon */
.step:first-child img {
  transform: scale(0.90);
}

/* STEP LABEL */

.step span{
font-size:16px;
font-weight:600;
color:#24333F;
}


/* ICON HOVER */

.step img:hover{
transform:scale(1.12);
}


/* PBM TEXT */

.workflow-text{
font-size:15px;
color:#555;
max-width:280px;
margin:auto;
line-height:1.6;
text-align:center;        /* FIXED: centered properly */
}

.pbm-card .workflow{
margin-top:40px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.pbm-card .divider{
margin:25px 0 35px 0;
}

/* MOBILE */

@media (max-width:900px){

.comparison-cards{
flex-direction:column;
}

.card-body{
padding:40px 30px;
}

.workflow-icons{
max-width:340px;
}

.step img{
width:60px;
}


.pbm-card .workflow{
margin-top:10px;
}

.pbm-card .divider{
margin:20px 0 20px 0;
}

}

}