<div class="container">
<div class="row section-1">
<div class="col-sm-8 col-xs-12">
<img src="https://pos-shop-stg.agmostudio.com/pub/media/wysiwyg/jpj_v2.jpg" style="width:100%;max-width:100%;border-radius: 5px;" />
</div>
<div class="col-sm-4 col-xs-12">
<h2 class="main-title">Road Transport Department (JPJ) Services</h2>
<p class="main-p">Renewing your Road Tax or Driving License at Pos Malaysia is easy and convenient with Pos Malaysia.</p>
</div>
</div>
<div class="section-2">
<div class="middle-line">Visit any of our <strong>660 Post Offices nationwide</strong> </div>
<div class="middle-line">today and our team will be happy to assist you with:</div>
</div>
<div class="section-3">
<div class="row">
<div class="col-sm-6 col-xs-12">
<img src="https://pos-shop-stg.agmostudio.com/pub/media/wysiwyg/road.png" style="width:100%;max-width:100%;" />
</div>
<div class="col-sm-6 col-xs-12">
<img src="https://pos-shop-stg.agmostudio.com/pub/media/wysiwyg/driving.png" style="width:100%;max-width:100%;" />
</div>
</div>
</div>
<div class="section-4">
<p class="normal-p"><span style="color:#FF4242;font-family: 'GothamMedium';">IMPORTANT NOTE:</span> Please remember to bring your NRIC and your most recent driver’s license</p>
</div>
</div>
<div class="bottom-locator">
<!-- Visit our post offices to renew your driving license and road tax today -->
Renew your driving license and road tax at a post office near you (except Pos Laju outlets and agents)
<a href="https://pos-shop-stg.agmostudio.com/pos-outlet-finder/">Locate Us</a>
</div>
<style>
.container {
max-width: 1200px;
width: 100%;
}
h2.main-title {
font-size: 40px;
font-family: 'GothamBold';
line-height: 47px;
}
.cms-page-view .page-wrapper .page-main-full-width {
max-width: 100% !important;
}
p.main-p {
font-size: 16px;
line-height: 2;
}
.middle-line {
text-align: center;
font-size: 25px;
}
.middle-line strong {
font-family: 'GothamBold';
}
p.normal-p {
text-align: center;
font-size: 16px;
}
p.normal-p a {
color: #25469C;
}
.row.section-1 {
margin-bottom: 60px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumbs {
opacity: 0;
}
main#maincontent.present-notification-top{
padding: 120px 0 0 !important;
}
main#maincontent{
padding: 70px 0 0 !important;
margin-bottom: 0 !important;
}
main#maincontent {
width: 100% !important;
}
.breadcrumbs {
display: none !important;
}
.section-3 {
margin-top: 40px;
margin-bottom: 50px;
}
.column.main {
background: linear-gradient(178.88deg, #FFFFFF 5.56%, rgba(255, 255, 255, 0) 19.6%, rgba(255, 239, 215, 0.448508) 50.92%, rgba(255, 239, 214, 0.46) 71.85%, rgba(255, 255, 255, 0) 117.21%);
padding-bottom: 100px !important;
}
.bottom-locator {
display: flex;
text-align: center;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #FF4242;
font-size: 20px;
font-family: gothambold;
background: #FFFFFF;
box-shadow: 0px 1px 11px 1px rgba(0, 73, 141, 0.15);
padding: 16px 0;
margin-top: 40px;
margin-bottom: 40px;
}
.bottom-locator a {
font-size: 18px;
color: #FF4242;
text-transform: uppercase;
border: 2px solid #FF4242;
display: flex;
height: 54px;
border-radius: 5px;
display: flex;
align-items: center;
padding: 3px 30px 0;
max-width: 341px;
width: 100%;
justify-content: center;
margin-left: 15px;
}
.bottom-locator a:hover {
text-decoration: none;
}
@media(max-width:767px){
h2.main-title {
text-align: center;
font-size: 36px;
}
.row.section-1 {
margin-bottom: 40px;
}
p.main-p {
text-align: center;
}
main#maincontent {
padding-top: 25px !important;
}
main#maincontent.present-notification-top {
padding: 82px 0 0 !important;
}
.row.section-1 .col-sm-8.col-xs-12 {
padding: 0;
}
.row.section-1 .col-sm-8.col-xs-12 img {
height: 334px;
object-fit: cover;
}
.bottom-locator,.bottom-locator a {
font-size: 16px;
}
.bottom-locator a {
margin-left: 0;
margin-top: 10px;
}
.bottom-locator {
padding: 20px 15px;
margin-bottom: 0;
}
}
</style>