.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); * { margin: 0; padding: 0; } body { font-family: "Lato", sans-serif; font-size: 16px; color: #000; } .page { display: block; overflow: hidden; } section { display: block; overflow: hidden; } p, h1, h2, h3, h4 { color: #000; display: block; } p { font-size: 16px; line-height: 24px; } p.white { color: #fff; text-align: center; font-size: 20px; line-height: 22px; margin-bottom: 20px; } h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 30px; line-height: 33px; } h3 { font-size: 24px; } h4 { font-size: 18px; } ul { text-decoration: none  !important; } .ADP_cover_copy li { text-decoration: none  !important; display: flex; align-items: center; } a.button { width: auto; height: auto; padding: 15px 12px; margin: 0; display: inline-block; cursor: pointer; background: #000; line-height: 1em; font-weight: 700; border: none; border-radius: 4px; text-align: center; color: #fff; font-size: 18px; text-decoration: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; font-family: "Lato", sans-serif; letter-spacing: .25px; float: none; border: 1px solid #000; } a.button:hover { background: #fff; color: #000; border: 1px solid #000; } .hero a.button { width: 40%; } a.button.large { width: 45%; } a.button.center { display: block; margin: 40px auto; float: none; width: 250px; } a.button.whiteBlue { background: #fff; color: #0d5c91; } a.button.noTop { margin-top: 10px; margin-bottom: 0; } a.button.white { background: #fff; border: 1px solid #fff; color: #000; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } a.button.white:hover { background: #000; color: #fff; border: 1px solid #fff; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } a.button.orange { background: #ff6a00; border: 1px solid #fff; color: #fff; font-size: 14px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } a.button.orange:hover { background: #ff6a00; color: #fff; border: 1px solid #000; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } a.button.clear { background: rgba(0, 0, 0, .2); border: 1px solid #fff; color: #fff; } a.button.clear:hover { background: rgba(0, 0, 0, .8); } a.button.blue { background: #0d5c91; } a.button.blue:hover { background: #e6f4fa; color: #0d5c91; border: 1px solid #0d5c91; } a.button.clearBlue { background: #e6f4fa; color: #0d5c91; } a.button.clearBlue:hover { background: #fff; } .button-text { display: block; height: auto; padding: 0 20px; line-height: 27px; color: #000; } .ADP_hero_section { background: url(//p3-ofp.static.pub/ShareResource/we/landing-pages/images/img-07.png); background-size: cover; background-position: center; position: relative; height: 200px; } .ADP_hero_container { width: 90%; margin: auto; position: absolute; top: 50%; left: 52%; transform: translate(-50%, -50%); text-align: left; } .ADP_hero_container h2, h1 { color: #fff; } .ADP_hero_container h2 { font-weight: 400; letter-spacing: 1px; font-size: 36px; } .ADP_hero_container h1 { font-family: "Montserrat", sans-serif; font-size: 32px; line-height: 34px; margin-bottom: 10px; margin-top: 0; } .ADP_hero_container p { color: #4c8334; font-weight: 600; } .desktop-logo { display: none; } .ADP_organisation { width: 78%; margin: 20px auto; padding: 0; } .ADP_org_FirstPara strong { font-size: 17px; } .ADP_org_head h2{ font-size: 28px; color: #4c8334; text-shadow: .5px .5px .5px gray; text-transform: uppercase; margin-bottom: 10px; } .ADP_organisation_container p { margin-bottom: 10px; } .ADP_cover { background: #4c8334; } .ADP_cover_container { width: 80%; margin: 20px auto; } .ADP_cover_head h2{ font-size: 28px; color: #fff; } .ADP_cover_copy p { color: #000; margin: 10px auto; font-size: 18px; font-weight: 600; } .ADP_cover_copy li{ color:#fff; } .cover_img { width: 20%; } .ADP_cover_copy li span{ margin: 10px 0; } .ADP_claim { background: black; padding-bottom: 0px; } .ADP_claim p{ color:white; width: 95%; display:flex; } .ADP_claim h2{ color: #4c8334; } .ADP_claim_container { width: 80%; margin: auto; padding: 20px 0 40px 0; } .ADP_claim_inner { display: flex; flex-direction: column; } .ADP_claim_inner_div { min-width: 33%; margin-bottom: 10px; } .ADP_claim_inner hr { display: none; } .ADP_claim_inner hr{ width: 99%; height: 20px; background: white; border: 0px; margin-bottom: 20px; } .ADP_claim_num { padding-right: 10px; font-size: 25px; } .ADP_claim_inner_1 hr{ clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%); } .ADP_claim_inner_1 hr:hover + .ADP_claim_num { background: #4c8334; } .actHead{ background: #4c8334  !important; } .acNum{ color:#4c8334  !important; } .ADP_claim_inner_2 hr{ clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%); } .ADP_claim_inner_3 hr{ clip-path: polygon(3% 0, 100% 0%, 100% 100%, 0% 100%); } .ADP_claim_head{ padding: 20px 20px 30px 0; } .commonHeader .second_view { height: 54px; } @media screen and (min-width: 750px) { .ADP_hero_section { background: url(//p1-ofp.static.pub/ShareResource/we/landing-pages/images/img-05.png); background-size: cover; background-position: center; } .desktop-logo { display: block; } .desktop-logo img { width: 80%; margin: 10px 0; } .Mobile-text { display: none; } .ADP_hero_container p { font-size: 17px; } .ADP_organisation { width: 85%; } .cover_img { width: 10%; } .ADP_cover_container { width: 84%; margin: 30px auto; } .ADP_cover_copy p { width: 80%; font-weight: 700; margin: 10px 0; } .ADP_claim_inner { flex-direction: row; } .ADP_claim_inner hr { display: flex; } } @media screen and (min-width: 1049px) { .desktop-logo img { width: 70%; margin: 5px 0; } .ADP_hero_container p { margin: 10px 0; font-size: 20px; word-spacing: 2px; } .ADP_hero_section { height: 300px; } .ADP_cover_copy p { width: 57%; } .cover_img { width: 7%; } } @media screen and (min-width: 1280px) { .desktop-logo img { width: 64%; } .ADP_hero_container p { font-size: 22px; } .ADP_organisation { margin: 40px auto; } .ADP_cover_copy p { width: 43%; } .cover_img { width: 6%; } } @media screen and (min-width: 1600px) { .desktop-logo img { width: 60%; } .ADP_hero_container p { font-size: 26px; } .ADP_cover_copy p { width: 37%; } .cover_img { width: 5%; } } @media screen and (min-width: 1880px) { .ADP_hero_section { height: 350px; } .desktop-logo img { width: 55%; } .ADP_hero_container p { font-size: 28px; word-spacing: 4px; } .cover_img { width: 4%; } }