Notes

<div class="component product-access-home-tiles Rectangle ">
<div class="component-content">
<ul class="cmt-productaccess-program-container">
<li class="col-12 productaccess-program-container">
<div class="productaccess-program-placeholder"><div class="row"><div class="col-md-4 col-12"><div class="img-section field-tileimage"><img src="https://mc-42004cb6-2eb9-475b-8bb4-1493-cdn-au.azureedge.net/-/media/Project/Janssen/Australia/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?h=3456&amp;iar=0&amp;w=5184&amp;rev=3eee42bce330454b8bb9b7dc2ffcb544&amp;hash=91FC6CB10D06DFFD3B6F1BD4684A2D8D" alt="img" width="5184" height="3456" data-variantitemid="{82AA21A9-B8D6-44D5-B481-0C2D6195037D}" data-variantfieldname="TileImage"></div></div><div class="col-md-8 col-12"><div class="content-section"><div class="program-title field-tiletitle">Compassionate Supply</div><p class="program-description field-tilecontent">Janssen is committed to supporting the quality use of medicines. Where patients are unable to access medicines through standard reimbursement pathways, Janssen will consider applications for compassionate supply from physicians on a case-by-case basis.</p><div class="program-button-placeholder"><div class="program-view-button field-tilebuttontext"><a title="Compassionate Supply" href="/AuthHome/OnlineServices/ProductAccess/Compassionate-Supply">ENTER</a></div></div></div></div></div></div> </li>
<li class="col-12 productaccess-program-container">
<div class="productaccess-program-placeholder"><div class="row"><div class="col-md-4 col-12"><div class="img-section field-tileimage"><img src="https://mc-42004cb6-2eb9-475b-8bb4-1493-cdn-au.azureedge.net/-/media/Project/Janssen/Australia/national-cancer-institute-L8tWZT4CcVQ-unsplash.jpg?h=3456&amp;iar=0&amp;w=5184&amp;rev=3eee42bce330454b8bb9b7dc2ffcb544&amp;hash=91FC6CB10D06DFFD3B6F1BD4684A2D8D" alt="Image is Loading.." width="5184" height="3456" data-variantitemid="{E8805FA4-3B65-4263-B7BE-EA2D42282C90}" data-variantfieldname="TileImage"></div></div><div class="col-md-8 col-12"><div class="content-section"><div class="program-title field-tiletitle">Dose Optimisation (Immunology)</div><p class="program-description field-tilecontent">Janssen are committed to supporting patients with complex Immunological diseases. If your patient requires escalation of dose or frequency whilst receiving PBS funded supply, Janssen will consider applications for dose optimisation on a case-by-case basis.</p><div class="program-button-placeholder"><div class="program-view-button field-tilebuttontext"><a title="Dose Optimisation" href="/AuthHome/OnlineServices/ProductAccess/Access-Programs/Dose-Optimisation">Enter</a></div></div></div></div></div></div> </li>
<li class="col-12 productaccess-program-container">
<div class="productaccess-program-placeholder"><div class="row"><div class="col-md-4 col-12"><div class="img-section field-tileimage"><img src="https://mc-42004cb6-2eb9-475b-8bb4-1493-cdn-au.azureedge.net/-/media/Project/Janssen/Australia/Online-Services/productaccess/Rybrevant-EAP/ERL0154_EAP_JPRO_Banner_768x384_FA_WR.jpg?h=384&amp;iar=0&amp;w=768&amp;rev=d06d6fb8e5c84dfb914028df17980c37&amp;hash=A9BC0E459A0653492A442AB6AC9493E8" alt="Image is Loadingg.." width="768" height="384" data-variantitemid="{5D55BB7A-4ABD-4C71-87A9-56F95EF78EF8}" data-variantfieldname="TileImage"></div></div><div class="col-md-8 col-12"><div class="content-section"><div class="program-title field-tiletitle">RYBREVANT 1L ex20ins Early Access Program</div><p class="program-description field-tilecontent">Access RYBREVANT 1L ex20ins Early Access Program</p><div class="program-button-placeholder"><div class="program-view-button field-tilebuttontext"><a title="RYBREVANT 1L ex20ins EAP" href="/AuthHome/OnlineServices/ProductAccess/Access-Programs/RYBREVANT-1L-ex20ins-EAP">Enter</a></div></div></div></div></div></div> </li>
</ul>
</div>
</div>


.product-access-home-tiles {
width: 100%;
margin-top: 10px;
.cmt-productaccess-program-container {
width: 100%;
.productaccess-program-container {
min-height: 303px;
.productaccess-program-placeholder {
padding-top: 44px;
padding-bottom: 44px;
@include media-breakpoint-down(sm) {
padding-top: 15px;
padding-bottom: 15px;
}
.img-section {
line-height: 200px;
img {
width: 100%;
height: auto;
max-height: 200px;
object-fit: cover;
@include media-breakpoint-down(sm) {
padding-left: 15px;
padding-right: 15px;
height: auto;
max-height: unset;
}
}
}
.content-section {
.program-title {
font-family: OpenSans-Reguler;
font-size: 25px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #003479;
@include media-breakpoint-down(sm) {
margin-top: 20px;
}
}
.program-description {
margin-top: 10px;
font-family: OpenSans-Reguler;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #333333;
display: -webkit-box;
height: 54px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
@include media-breakpoint-down(sm) {
margin-top: 10px;
}
}
.program-button-placeholder {
margin-top: 29px;
@include media-breakpoint-down(sm) {
margin-top: 23px;
}
.program-view-button {
text-align: center;
display: inline-block;
border-radius: 6px;
background-color: #1c75bc;
border: none;
@include media-breakpoint-down(sm) {
width: 100%;
}
a {
padding: 13px 10px;
text-transform: uppercase;
font-family: OpenSans-Semibold;
font-size: 13px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #ffffff;
text-decoration: none;
display: inline-block;
min-width: 172px;
letter-spacing: 0.33px;
@include media-breakpoint-down(sm) {
width: 100%;
}
}
}
.program-view-button:hover {
background-color: #035ca3;
}
}
}
}
}
}
}

.productaccess-program-container:nth-child(odd) {
background-color: #f6f6f6;
}

.productaccess-program-container:nth-child(even) {
background-color: #ffffff;
.productaccess-program-placeholder {
.row {
flex-direction: row-reverse;
}
}
}