/* Load the shared stylesheet before the page stylesheet. */

.ivf-purple {
color:var(--purple);
}

.ivf-split-section {
display:grid;
    gap:18px;
}

.ivf-benefit-grid,.ivf-why-grid {
display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
}

.ivf-benefit-grid article,.ivf-why-grid article {
border:1px solid var(--line);
    border-radius:9px;
    text-align:center;
    padding:10px 7px;
    box-shadow:var(--shadow);
}

.ivf-benefit-grid img,.ivf-why-grid img {
width:50px;
    height:50px;
    margin:auto;
}

.ivf-benefit-grid h3,.ivf-why-grid h3 {
font-size:12px;
    line-height:1.25;
    margin:5px 0 3px;
}

.ivf-benefit-grid p,.ivf-why-grid p {
font-size:12px;
    line-height:1.35;
    color:var(--text);
    margin:0;
}

.ivf-purple-bg {
background:var(--purple);
}

.ivf-comparison-wrap {
overflow:auto;
    border:1px solid var(--line);
    border-radius:8px;
    scrollbar-width: none;
}

.ivf-comparison-table {
width:100%;
    border-collapse:collapse;
    font-size:12px;
}

.ivf-comparison-table th {
background:var(--teal-soft);
    padding:8px;
    text-align:left;
}

.ivf-comparison-table td {
padding:8px;
    border-top:1px solid var(--line);
    border-right:1px solid var(--line);
    vertical-align:top;
    color:var(--text);
}

.ivf-ribbon {
position:absolute;
    top:-9px;
    left:8%;
    right:8%;
    height:19px;
    background:var(--purple);
    color:#fff;
    border-radius:10px 10px 3px 3px;
    font-size:10px;
    font-weight:800;
    display:grid;
    place-items:center;
}

@media(min-width:900px) {
.ivf-split-section {
grid-template-columns:repeat(1,1fr);
    gap:30px;
}
}

@media(min-width:900px) {
.ivf-benefit-grid {
grid-template-columns:repeat(4,1fr);
}
}

@media(min-width:900px) {
.ivf-benefit-grid img,.ivf-why-grid img {
width:65px;
    height:65px;
    margin: auto;
}
}

@media(min-width:900px) {
.ivf-benefit-grid h3,.ivf-why-grid h3 {
font-size:14px
}
}

@media(min-width:900px) {
.ivf-benefit-grid p,.ivf-why-grid p {
font-size:13px;
    margin-top: 8px;
}
}

@media(min-width:900px) {
.ivf-comparison-table {
font-size:12px;
}
}

@media(min-width:900px) {
.ivf-comparison-table th,.ivf-comparison-table td {
padding:10px;
}
}

@media(min-width:900px) {
.ivf-why-grid {
grid-template-columns:repeat(4,1fr);
}
}