<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-12">
<section class="section-benifits">
<div class="slider">
<div class="slide slide-25">
<div class="icon">
<svg class="svg-1" width="298" height="199" viewBox="0 0 298 199" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_13572)">
<path d="M149.286 43.891C184.171 43.891 212.549 72.405 212.549 107.457C212.549 142.509 184.171 171.023 149.286 171.023C114.401 171.023 86.0229 142.509 86.0229 107.457C86.0229 72.405 114.401 43.891 149.286 43.891ZM149.286 16.6483C99.3685 16.6483 58.9101 57.3004 58.9101 107.457C58.9101 157.614 99.3685 198.266 149.286 198.266C199.204 198.266 239.662 157.614 239.662 107.457C239.662 57.3004 199.204 16.6483 149.286 16.6483Z" fill="var(--bs-primary)"/>
<path d="M230.323 177.471C246.455 158.643 256.246 134.185 256.246 107.457C256.231 48.2044 208.257 0 149.286 0C90.3158 0 42.3412 48.2044 42.3412 107.457C42.3412 134.185 52.1319 158.643 68.264 177.471H0V183.525H75.1326V183.479H82.6037C61.6365 164.879 48.3662 137.712 48.3662 107.457C48.3662 51.5492 93.6446 6.05393 149.286 6.05393C204.928 6.05393 250.206 51.5492 250.206 107.457C250.206 137.697 236.951 164.879 215.969 183.479H222.852V183.525H297.985V177.471H230.308H230.323Z" fill="var(--bs-primary)" fill-opacity="0.25"/>
</g>
<defs>
<clipPath id="clip0_2_13572">
<rect width="298" height="198.266" fill="white"/>
</clipPath>
</defs>
</svg>
<svg class="svg-2" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 85.04 85.04">
<path fill="var(--bs-primary)" d="m62.9,71.11c-.66,0-1.19.53-1.19,1.19,0,2.63-2.14,4.76-4.76,4.76h-5.96c-2.63,0-4.76-2.14-4.76-4.76,0-.66-.53-1.19-1.19-1.19s-1.19.53-1.19,1.19c0,3.94,3.21,7.14,7.14,7.14h5.96c3.94,0,7.14-3.21,7.14-7.14,0-.66-.53-1.19-1.19-1.19Z"/>
<path fill="var(--bs-primary)" d="m54.56,8c.66,0,1.19-.53,1.19-1.19v-2.38c0-.66-.53-1.19-1.19-1.19s-1.19.53-1.19,1.19v2.38c0,.66.53,1.19,1.19,1.19Z"/>
<path fill="var(--bs-primary)" d="m74.71,16.02c.3,0,.59-.11.83-.33l1.75-1.68c.47-.46.49-1.21.03-1.68-.46-.47-1.21-.49-1.68-.03l-1.75,1.68c-.47.46-.49,1.21-.03,1.68.23.24.55.37.86.37Z"/>
<path fill="var(--bs-primary)" d="m64.99,9.98c.15.07.31.1.47.1.46,0,.9-.27,1.09-.72l.95-2.2c.26-.6-.02-1.3-.62-1.56-.6-.26-1.3.02-1.56.62l-.95,2.2c-.26.6.02,1.3.62,1.56Z"/>
<path fill="var(--bs-primary)" d="m42.57,9.36c.19.45.63.72,1.09.72.16,0,.32-.03.47-.1.6-.26.88-.96.62-1.56l-.95-2.2c-.26-.6-.96-.88-1.57-.62-.6.26-.88.96-.62,1.56l.95,2.2Z"/>
<path fill="var(--bs-primary)" d="m80.7,45.73l-3.51-10.54c-.11-12.39-10.21-22.43-22.63-22.43s-22.63,10.15-22.63,22.63c0,7.41,4.48,14.33,9.33,20.7,1.11,1.45,1.87,3.94,2.27,5.5h-4.46c-8.54,0-15.48-6.95-15.48-15.48,0-3.19.96-6.24,2.77-8.85.38-.54.24-1.28-.29-1.66-.54-.38-1.28-.24-1.66.3-2.1,3-3.2,6.53-3.2,10.21,0,9.85,8.01,17.86,17.86,17.86h5.95s.07-.02.11-.02c.04,0,.07,0,.11,0,.04,0,.08-.04.12-.05.08-.02.15-.05.22-.09.07-.04.13-.08.19-.13.06-.05.11-.1.16-.16.05-.06.09-.12.13-.19.04-.07.06-.13.09-.2.02-.08.04-.15.05-.24,0-.04.02-.08.02-.12,0-.04-.02-.07-.02-.11,0-.04,0-.07,0-.11-.04-.21-1.01-5.25-3.04-7.91-4.59-6.04-8.85-12.55-8.85-19.26,0-11.16,9.08-20.25,20.25-20.25s20.25,9.08,20.25,20.25c0,.13.02.26.06.38l3.05,9.15h-4.3c-.66,0-1.19.53-1.19,1.19v7.14c0,1.97-1.6,3.57-3.57,3.57h-1.19c-3.28,0-5.95,2.67-5.95,5.95v3.57h-16.67c-.66,0-1.19.53-1.19,1.19s.53,1.19,1.19,1.19h17.86c.66,0,1.19-.53,1.19-1.19v-4.76c0-1.97,1.6-3.57,3.57-3.57h1.19c3.28,0,5.95-2.67,5.95-5.95v-5.95h4.76c.38,0,.74-.18.97-.49.22-.31.29-.71.16-1.07Z"/>
<path fill="var(--bs-primary)" d="m52.18,35.39c0-3.28-2.67-5.95-5.95-5.95s-5.95,2.67-5.95,5.95,2.67,5.95,5.95,5.95c.61,0,1.2-.09,1.75-.26l1.82,2.98v6.81c0,1.97,1.6,3.57,3.57,3.57h2.38c1.97,0,3.57-1.6,3.57-3.57v-6.81l1.82-2.98c.55.17,1.14.26,1.75.26,3.28,0,5.95-2.67,5.95-5.95s-2.67-5.95-5.95-5.95-5.95,2.67-5.95,5.95c0,1.82.82,3.45,2.11,4.54l-1.94,3.17c-.11.19-.17.4-.17.62v7.15c0,.66-.54,1.19-1.19,1.19h-2.38c-.66,0-1.19-.53-1.19-1.19v-7.15c0-.22-.06-.43-.17-.62l-1.94-3.18c1.29-1.09,2.11-2.72,2.11-4.54Zm10.72-3.57c1.97,0,3.57,1.6,3.57,3.57s-1.6,3.57-3.57,3.57-3.57-1.6-3.57-3.57,1.6-3.57,3.57-3.57Zm-20.25,3.57c0-1.97,1.6-3.57,3.57-3.57s3.57,1.6,3.57,3.57-1.6,3.57-3.57,3.57-3.57-1.6-3.57-3.57Z"/>
<path fill="var(--bs-primary)" d="m39.08,77.07h-4.76c-.66,0-1.19-.53-1.19-1.19v-1c0-1.45-.87-2.75-2.21-3.3l-6.11-2.53c-1.34-.55-2.87-.25-3.89.77l-.71.71c-.45.45-1.24.45-1.68,0l-5.05-5.05c-.46-.46-.46-1.22,0-1.68l.71-.71c1.03-1.02,1.33-2.55.78-3.89l-2.53-6.11c-.55-1.34-1.85-2.21-3.3-2.21h-1c-.66,0-1.19-.54-1.19-1.19v-7.15c0-.66.54-1.19,1.19-1.19h1c1.45,0,2.75-.87,3.3-2.21l2.84-6.85c.37-.89.17-1.91-.52-2.6l-1.27-1.27c-.46-.46-.46-1.22,0-1.68l5.05-5.05c.45-.45,1.23-.45,1.68,0l.71.71c1.03,1.02,2.55,1.33,3.89.77l6.11-2.53c1.34-.56,2.21-1.85,2.21-3.3v-1c0-.66.54-1.19,1.19-1.19h3.57c.66,0,1.19-.53,1.19-1.19s-.53-1.19-1.19-1.19h-3.57c-1.97,0-3.57,1.6-3.57,3.57v1c0,.48-.29.92-.74,1.1l-6.11,2.53c-.45.18-.96.08-1.3-.26l-.71-.71c-1.35-1.35-3.71-1.35-5.05,0l-5.05,5.05c-1.39,1.39-1.39,3.66,0,5.05l1.27,1.27-2.84,6.85c-.18.45-.62.73-1.1.73h-1c-1.97,0-3.57,1.6-3.57,3.57v7.15c0,1.97,1.6,3.57,3.57,3.57h1c.48,0,.92.29,1.1.74l2.53,6.11c.19.45.08.96-.26,1.3l-.71.71c-1.39,1.39-1.39,3.66,0,5.05l5.05,5.05c1.39,1.39,3.66,1.39,5.05,0l.71-.71c.34-.34.85-.44,1.3-.26l6.11,2.53c.45.18.74.62.74,1.1v1c0,1.97,1.6,3.57,3.57,3.57h4.76c.66,0,1.19-.53,1.19-1.19s-.53-1.19-1.19-1.19Z"/>
</svg>
<svg class="svg-circle" width="15" height="15" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="9.5" cy="9.5" r="9.5" fill="var(--bs-primary)" fill-opacity="0.25"/>
</svg>
</div>
<div class="card">
<div class="card-body px-5">
<h4 class="mt-0 mb-8 text-center">Create</h4>
<ul class="list-style-1">
<li>AI job ad writer</li>
<li>Job profiling videos</li>
<li>Employer brand videos</li>
<li>In-app video teleprompter</li>
<li>Applicant tracking system (ATS) integration</li>
</ul>
</div>
</div>
</div>
<div class="slide slide-50">
<div class="icon">
<svg class="svg-1" width="298" height="199" viewBox="0 0 298 199" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_13572)">
<path d="M149.286 43.891C184.171 43.891 212.549 72.405 212.549 107.457C212.549 142.509 184.171 171.023 149.286 171.023C114.401 171.023 86.0229 142.509 86.0229 107.457C86.0229 72.405 114.401 43.891 149.286 43.891ZM149.286 16.6483C99.3685 16.6483 58.9101 57.3004 58.9101 107.457C58.9101 157.614 99.3685 198.266 149.286 198.266C199.204 198.266 239.662 157.614 239.662 107.457C239.662 57.3004 199.204 16.6483 149.286 16.6483Z" fill="var(--bs-primary)"/>
<path d="M230.323 177.471C246.455 158.643 256.246 134.185 256.246 107.457C256.231 48.2044 208.257 0 149.286 0C90.3158 0 42.3412 48.2044 42.3412 107.457C42.3412 134.185 52.1319 158.643 68.264 177.471H0V183.525H75.1326V183.479H82.6037C61.6365 164.879 48.3662 137.712 48.3662 107.457C48.3662 51.5492 93.6446 6.05393 149.286 6.05393C204.928 6.05393 250.206 51.5492 250.206 107.457C250.206 137.697 236.951 164.879 215.969 183.479H222.852V183.525H297.985V177.471H230.308H230.323Z" fill="var(--bs-primary)" fill-opacity="0.5"/>
</g>
<defs>
<clipPath id="clip0_2_13572">
<rect width="298" height="198.266" fill="white"/>
</clipPath>
</defs>
</svg>
<svg class="svg-2" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 85.04 85.04">
<path fill="var(--bs-primary)" d="m54.89,4.38h-24.74c-5.12,0-9.28,4.16-9.28,9.28v57.73c0,5.12,4.16,9.28,9.28,9.28h24.74c5.12,0,9.28-4.16,9.28-9.28V13.66c0-5.12-4.16-9.28-9.28-9.28Zm7.22,67.01c0,3.98-3.24,7.22-7.22,7.22h-24.74c-3.98,0-7.22-3.24-7.22-7.22v-7.22h39.17v7.22Zm0-9.28H22.93V16.13h39.17v45.98Zm0-48.04H22.93v-.41c0-3.98,3.24-7.22,7.22-7.22h24.74c3.98,0,7.22,3.24,7.22,7.22v.41Z"/>
<path fill="var(--bs-primary)" d="m38.71,72.41h7.63c.57,0,1.03-.46,1.03-1.03s-.46-1.03-1.03-1.03h-7.63c-.57,0-1.03.46-1.03,1.03s.46,1.03,1.03,1.03Z"/>
<path fill="var(--bs-primary)" d="m53.48,31.94c2.1,0,3.82-1.71,3.82-3.82s-1.71-3.82-3.82-3.82-3.82,1.71-3.82,3.82,1.71,3.82,3.82,3.82Zm0-5.57c.97,0,1.76.79,1.76,1.76s-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76.79-1.76,1.76-1.76Z"/>
<path fill="var(--bs-primary)" d="m42.33,31.94c.75,0,1.44-.22,2.03-.59l5.74,5.77c-.28.53-.44,1.13-.44,1.77,0,1.81,1.27,3.34,2.97,3.72v3.7c-1.7.39-2.97,1.91-2.97,3.72,0,2.1,1.71,3.82,3.82,3.82s3.82-1.71,3.82-3.82c0-1.68-1.09-3.11-2.6-3.62v-3.91c1.51-.51,2.6-1.94,2.6-3.62,0-2.1-1.71-3.82-3.82-3.82-.72,0-1.39.2-1.96.54l-5.77-5.8c.26-.51.4-1.09.4-1.7,0-2.1-1.71-3.82-3.82-3.82s-3.82,1.71-3.82,3.82,1.71,3.82,3.82,3.82Zm12.9,18.1c0,.97-.79,1.76-1.76,1.76s-1.76-.79-1.76-1.76.79-1.76,1.76-1.76,1.76.79,1.76,1.76Zm-1.76-12.9c.97,0,1.76.79,1.76,1.76s-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76.79-1.76,1.76-1.76Zm-11.14-10.77c.97,0,1.76.79,1.76,1.76s-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76.79-1.76,1.76-1.76Z"/>
<path fill="var(--bs-primary)" d="m27.74,38.9c0,2.1,1.71,3.82,3.82,3.82.26,0,.51-.03.76-.08l6.35,6.35c-.1.34-.15.69-.15,1.06,0,2.1,1.71,3.82,3.82,3.82s3.82-1.71,3.82-3.82c0-1.68-1.09-3.11-2.6-3.62v-3.91c1.51-.51,2.6-1.94,2.6-3.62,0-2.1-1.71-3.82-3.82-3.82s-3.82,1.71-3.82,3.82c0,1.81,1.27,3.34,2.97,3.72v3.7c-.64.15-1.22.45-1.69.88l-5.57-5.57c.71-.69,1.15-1.66,1.15-2.73,0-1.81-1.27-3.34-2.97-3.72v-3.33c1.7-.39,2.97-1.91,2.97-3.72,0-2.1-1.71-3.82-3.82-3.82s-3.82,1.71-3.82,3.82c0,1.68,1.09,3.11,2.6,3.62v3.54c-1.51.51-2.6,1.94-2.6,3.62Zm12.83,0c0-.97.79-1.76,1.76-1.76s1.76.79,1.76,1.76-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76Zm1.76,9.39c.97,0,1.76.79,1.76,1.76s-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76.79-1.76,1.76-1.76Zm-12.53-20.16c0-.97.79-1.76,1.76-1.76s1.76.79,1.76,1.76-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76Zm1.76,9.02c.97,0,1.76.79,1.76,1.76s-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76.79-1.76,1.76-1.76Z"/>
<path fill="var(--bs-primary)" d="m31.56,53.86c2.1,0,3.82-1.71,3.82-3.82s-1.71-3.82-3.82-3.82-3.82,1.71-3.82,3.82,1.71,3.82,3.82,3.82Zm0-5.57c.97,0,1.76.79,1.76,1.76s-.79,1.76-1.76,1.76-1.76-.79-1.76-1.76.79-1.76,1.76-1.76Z"/>
</svg>
</div>
<div class="card">
<div class="card-body px-5">
<h4 class="mt-0 mb-8 text-center">Promote</h4>
<ul class="list-style-1">
<li>Featured ad options</li>
<li>Social media sharing</li>
<li>Company branded job board (subscriptions)</li>
</ul>
</div>
</div>
</div>
<div class="slide slide-75">
<div class="icon">
<svg class="svg-1" width="298" height="199" viewBox="0 0 298 199" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_13572)">
<path d="M149.286 43.891C184.171 43.891 212.549 72.405 212.549 107.457C212.549 142.509 184.171 171.023 149.286 171.023C114.401 171.023 86.0229 142.509 86.0229 107.457C86.0229 72.405 114.401 43.891 149.286 43.891ZM149.286 16.6483C99.3685 16.6483 58.9101 57.3004 58.9101 107.457C58.9101 157.614 99.3685 198.266 149.286 198.266C199.204 198.266 239.662 157.614 239.662 107.457C239.662 57.3004 199.204 16.6483 149.286 16.6483Z" fill="var(--bs-primary)"/>
<path d="M230.323 177.471C246.455 158.643 256.246 134.185 256.246 107.457C256.231 48.2044 208.257 0 149.286 0C90.3158 0 42.3412 48.2044 42.3412 107.457C42.3412 134.185 52.1319 158.643 68.264 177.471H0V183.525H75.1326V183.479H82.6037C61.6365 164.879 48.3662 137.712 48.3662 107.457C48.3662 51.5492 93.6446 6.05393 149.286 6.05393C204.928 6.05393 250.206 51.5492 250.206 107.457C250.206 137.697 236.951 164.879 215.969 183.479H222.852V183.525H297.985V177.471H230.308H230.323Z" fill="var(--bs-primary)" fill-opacity="0.75"/>
</g>
<defs>
<clipPath id="clip0_2_13572">
<rect width="298" height="198.266" fill="white"/>
</clipPath>
</defs>
</svg>
<svg class="svg-2" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 85.04 85.04">
<path fill="var(--bs-primary)" d="m67.31,54.24c0-.74-.65-1.38-1.38-1.38h-13.56c-3.96,0-7.19,3.23-7.19,7.19v13.56c0,.74.65,1.38,1.38,1.38s1.38-.65,1.38-1.38v-13.56c0-2.4,1.94-4.43,4.43-4.43h13.56c.83,0,1.38-.55,1.38-1.38Z"/>
<path fill="var(--bs-primary)" d="m78.74,45.02l-9.14-9.13c-1.01-1.01-2.4-1.66-3.87-1.66s-2.86.55-3.88,1.66c-1.01,1.01-1.66,2.4-1.66,3.87s.55,2.86,1.66,3.87l.83.83h-9.96c-1.66,0-3.23.28-4.7.74v-18.54c0-.74-.64-1.38-1.38-1.38s-1.38.65-1.38,1.38v19.83c-1.01.55-1.94,1.2-2.77,1.94-.83-.74-1.75-1.38-2.77-1.94v-19.83c0-.55-.37-1.11-.83-1.29-.55-.18-1.11-.09-1.48.28l-3.23,3.23c-1.01,1.01-2.86,1.01-3.96,0-1.11-1.11-1.11-2.86,0-3.97l9.13-9.13c1.75-1.75,4.52-1.75,6.27,0l9.13,9.13c.55.55.83,1.2.83,1.94s-.27,1.38-.83,1.94c-.55.55-.55,1.38,0,1.94.55.55,1.38.55,1.94,0,1.01-1.01,1.57-2.4,1.57-3.87s-.55-2.86-1.66-3.87l-9.13-9.13c-2.77-2.77-7.38-2.77-10.15,0l-9.13,9.13c-2.12,2.12-2.12,5.72,0,7.84,2.12,2.12,5.72,2.12,7.84,0l.83-.83v15.31c-1.48-.46-3.14-.74-4.7-.74h-13.19c-.74,0-1.38.65-1.38,1.38s.64,1.38,1.38,1.38h13.19c1.94,0,3.78.37,5.54,1.2,1.01.46,1.94,1.11,2.77,1.75-1.2,1.48-2.12,3.04-2.67,4.89-1.29-1.38-3.14-2.31-5.26-2.31h-13.56c-.55,0-1.11.37-1.29.83-.18.55-.09,1.11.27,1.48l3.23,3.23c.55.55.83,1.2.83,1.94s-.28,1.48-.83,1.94c-1.11,1.11-2.86,1.11-3.96,0l-9.13-9.13c-1.75-1.75-1.75-4.52,0-6.27l9.13-9.13c1.01-1.01,2.86-1.01,3.87,0,.55.55,1.39.55,1.94,0,.55-.55.55-1.38,0-1.94-1.01-1.01-2.4-1.57-3.87-1.57s-2.86.55-3.88,1.66l-9.13,9.13c-2.77,2.77-2.77,7.38,0,10.15l9.13,9.13c1.11,1.11,2.49,1.66,3.88,1.66s2.86-.55,3.87-1.66c1.02-1.01,1.66-2.4,1.66-3.87s-.55-2.86-1.66-3.87l-.74-.92h10.24c2.4,0,4.43,1.94,4.43,4.43v13.56c0,.74.65,1.38,1.38,1.38s1.39-.65,1.39-1.38v-13.19c0-7.19,5.81-13.01,13-13.01h13.19c.55,0,1.11-.37,1.29-.83.18-.46.09-1.11-.28-1.48l-3.23-3.23c-.55-.55-.83-1.2-.83-1.94s.28-1.48.83-1.94c1.02-1.01,2.86-1.01,3.97,0l9.13,9.13c1.75,1.75,1.75,4.52,0,6.27l-9.13,9.13c-1.02,1.01-2.86,1.01-3.88,0-.55-.55-1.38-.55-1.94,0-.55.55-.55,1.38,0,1.94,1.02.92,2.4,1.48,3.78,1.48,1.48,0,2.86-.55,3.88-1.66l9.13-9.13c2.95-2.77,2.95-7.29.09-10.15Z"/>
</svg>
</div>
<div class="card">
<div class="card-body px-5">
<h4 class="mt-0 mb-8 text-center">Amplify</h4>
<ul class="list-style-1">
<li>Workforce Australia multi-posting</li>
<li>Industry job board network multi-posting</li>
</ul>
</div>
</div>
</div>
<div class="slide slide-100">
<div class="icon">
<svg class="svg-1" width="298" height="199" viewBox="0 0 298 199" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_13572)">
<path d="M149.286 43.891C184.171 43.891 212.549 72.405 212.549 107.457C212.549 142.509 184.171 171.023 149.286 171.023C114.401 171.023 86.0229 142.509 86.0229 107.457C86.0229 72.405 114.401 43.891 149.286 43.891ZM149.286 16.6483C99.3685 16.6483 58.9101 57.3004 58.9101 107.457C58.9101 157.614 99.3685 198.266 149.286 198.266C199.204 198.266 239.662 157.614 239.662 107.457C239.662 57.3004 199.204 16.6483 149.286 16.6483Z" fill="var(--bs-primary)"/>
<path d="M230.323 177.471C246.455 158.643 256.246 134.185 256.246 107.457C256.231 48.2044 208.257 0 149.286 0C90.3158 0 42.3412 48.2044 42.3412 107.457C42.3412 134.185 52.1319 158.643 68.264 177.471H0V183.525H75.1326V183.479H82.6037C61.6365 164.879 48.3662 137.712 48.3662 107.457C48.3662 51.5492 93.6446 6.05393 149.286 6.05393C204.928 6.05393 250.206 51.5492 250.206 107.457C250.206 137.697 236.951 164.879 215.969 183.479H222.852V183.525H297.985V177.471H230.308H230.323Z" fill="var(--bs-primary)"/>
</g>
<defs>
<clipPath id="clip0_2_13572">
<rect width="298" height="198.266" fill="white"/>
</clipPath>
</defs>
</svg>
<svg class="svg-2" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 85.04 85.04">
<path fill="var(--bs-primary)" d="m33.3,31.98c0,2.4.94,4.66,2.63,6.36,1.7,1.7,3.96,2.63,6.36,2.63s4.66-.94,6.36-2.63,2.63-3.96,2.63-6.36-.94-4.66-2.63-6.36c-1.7-1.7-3.96-2.63-6.36-2.63s-4.66.94-6.36,2.63c-1.7,1.7-2.63,3.96-2.63,6.36Zm9-7.11c3.92,0,7.11,3.19,7.11,7.11s-3.19,7.11-7.11,7.11-7.11-3.19-7.11-7.11,3.19-7.11,7.11-7.11Z"/>
<path fill="var(--bs-primary)" d="m50.23,44.08c-.7-.41-1.47-.77-2.28-1.06-.49-.18-1-.33-1.52-.46-.5-.12-1.01.18-1.14.69-.12.5.18,1.01.69,1.14.46.11.91.25,1.33.4.7.25,1.37.56,1.97.91.15.09.31.13.47.13.32,0,.64-.17.81-.47.26-.45.11-1.03-.34-1.29Z"/>
<path fill="var(--bs-primary)" d="m37.56,42.72c-1.16.34-2.24.79-3.21,1.36-.45.26-.6.84-.34,1.29.17.3.49.47.81.47.16,0,.32-.04.47-.13.83-.49,1.77-.88,2.78-1.17.5-.14.79-.67.64-1.16-.14-.5-.67-.79-1.16-.64Z"/>
<path fill="var(--bs-primary)" d="m70.32,42.57c2.18,0,4.23-.85,5.78-2.39s2.39-3.6,2.39-5.78-.85-4.23-2.39-5.78c-1.54-1.54-3.6-2.39-5.78-2.39-1.71,0-3.35.52-4.74,1.52-.42.3-.52.89-.22,1.31.3.42.89.52,1.31.22,1.07-.76,2.33-1.17,3.65-1.17,3.47,0,6.29,2.82,6.29,6.29s-2.82,6.29-6.29,6.29c-1.9,0-3.68-.85-4.88-2.33-.33-.4-.92-.46-1.32-.14-.4.33-.46.92-.14,1.32,1.56,1.92,3.87,3.02,6.35,3.02Z"/>
<path fill="var(--bs-primary)" d="m62.07,47.01c.18.26.48.4.77.4.18,0,.37-.05.54-.17.88-.61,1.91-1.08,3.06-1.42.5-.14.79-.67.64-1.16s-.67-.79-1.16-.64c-1.35.39-2.57.96-3.62,1.68-.43.3-.53.88-.24,1.31Z"/>
<path fill="var(--bs-primary)" d="m14.27,42.54c2.47,0,4.78-1.1,6.35-3.02.33-.4.27-1-.14-1.32-.4-.33-1-.27-1.32.14-1.2,1.48-2.98,2.33-4.88,2.33-3.47,0-6.29-2.82-6.29-6.29s2.82-6.29,6.29-6.29c1.32,0,2.58.4,3.65,1.17.42.3,1.01.2,1.31-.22.3-.42.2-1.01-.22-1.31-1.39-.99-3.03-1.52-4.74-1.52-2.18,0-4.23.85-5.78,2.39-1.54,1.54-2.39,3.6-2.39,5.78s.85,4.23,2.39,5.78c1.54,1.54,3.6,2.39,5.78,2.39Z"/>
<path fill="var(--bs-primary)" d="m60.65,50.25l.33-.22c.21-.14.35-.36.4-.6.05-.24,0-.5-.14-.71l-1.69-2.5c-.29-.43-.88-.54-1.31-.25l-8.37,5.65c-.21.14-.35.36-.4.6s0,.5.14.71l1.69,2.5c.14.21.36.35.6.4.06.01.12.02.18.02.19,0,.37-.06.53-.16l.33-.22,10.85,16.06s0,0,0,0c.57.84,1.56,1.35,2.72,1.39.05,0,.1,0,.15,0,1.02,0,2.09-.34,3.03-.98.99-.67,1.73-1.58,2.09-2.58.4-1.09.3-2.2-.27-3.04l-10.85-16.06Zm9.35,18.45c-.23.62-.73,1.23-1.38,1.67s-1.4.68-2.06.65c-.09,0-.2-.01-.32-.03l1.27-.86c.43-.29.54-.88.25-1.31-.29-.43-.88-.54-1.31-.25l-1.65,1.11-10.32-15.28,1.73-1.17c.43-.29.54-.88.25-1.31s-.88-.54-1.31-.25l-2.5,1.69s0,0,0,0c0,0,0,0,0,0l-.33.22-.63-.94,6.81-4.6.63.94-.85.57c-.43.29-.54.88-.25,1.31.23.34.64.48,1.02.38l10.35,15.33c-.35.31-.42.84-.16,1.23.18.27.48.41.78.41.02,0,.05,0,.07,0-.02.18-.07.35-.12.47Z"/>
<path fill="var(--bs-primary)" d="m27.53,34.87s.08,0,.12,0c.52-.06.88-.53.82-1.05-.73-5.93,2.37-11.73,7.7-14.44.46-.24.65-.8.41-1.27-.24-.46-.8-.65-1.27-.41-3.01,1.53-5.43,3.92-6.99,6.9-.75,1.44-1.28,2.98-1.57,4.57-.3,1.61-.35,3.25-.15,4.87.06.48.46.83.93.83Z"/>
<path fill="var(--bs-primary)" d="m29.57,37.82c-.21-.48-.77-.69-1.24-.48-.48.21-.69.77-.48,1.24.12.27.25.54.38.8.17.33.5.52.84.52.14,0,.29-.03.43-.1.46-.24.65-.8.41-1.27-.12-.23-.23-.47-.34-.71Z"/>
<path fill="var(--bs-primary)" d="m24.6,40.96c1.69,3.33,4.27,6.1,7.46,8.02,3.1,1.86,6.64,2.85,10.25,2.85,1.53,0,3.06-.18,4.54-.53,1.53-.36,3.02-.91,4.43-1.63,2.39-1.21,4.47-2.86,6.18-4.89,1.65-1.96,2.9-4.2,3.7-6.65s1.11-4.99.94-7.55c-.19-2.65-.89-5.21-2.11-7.59-1.69-3.33-4.27-6.1-7.46-8.02-3.1-1.86-6.64-2.85-10.25-2.85-1.53,0-3.06.18-4.54.53-1.53.36-3.02.91-4.43,1.63-2.39,1.21-4.47,2.86-6.18,4.89-1.65,1.96-2.9,4.2-3.7,6.65-.8,2.45-1.11,4.99-.94,7.55.19,2.65.89,5.21,2.11,7.59Zm9.56-25c2.55-1.29,5.28-1.95,8.12-1.95,6.81,0,12.95,3.77,16.03,9.83,2.17,4.28,2.55,9.15,1.06,13.71s-4.66,8.27-8.94,10.44c-2.55,1.29-5.28,1.95-8.12,1.95-6.81,0-12.95-3.77-16.03-9.83-4.49-8.83-.95-19.66,7.88-24.15Z"/>
<path fill="var(--bs-primary)" d="m83.75,55.05h-2.19v-3.59s0-.04,0-.07c0-.02,0-.04,0-.07,0-3.26-2.74-6.15-6.97-7.37-.5-.14-1.02.14-1.16.64s.14,1.02.64,1.16c1.69.49,3.12,1.28,4.13,2.3.97.98,1.49,2.11,1.49,3.26,0,.02,0,.04,0,.07,0,.02,0,.04,0,.07v3.59h-12.25s0-.01,0-.01c-.52,0-.94.42-.94.94,0,.52.42.94.94.94h16.32s0,.01,0,.01c.52,0,.94-.42.94-.94,0-.52-.42-.94-.94-.94Z"/>
<path fill="var(--bs-primary)" d="m47.5,55.02h-15.75v-4.04c0-.52-.42-.94-.94-.94s-.94.42-.94.94v4.03h-4.23v-3.51s0-.04,0-.07c0-.02,0-.04,0-.07,0-3.26-2.74-6.15-6.97-7.37-.5-.14-1.02.14-1.16.64-.14.5.14,1.02.64,1.16,1.69.49,3.12,1.28,4.13,2.3.97.98,1.49,2.11,1.49,3.26,0,.02,0,.04,0,.07,0,.02,0,.04,0,.07v3.51l-18.85-.02v-3.56s0-.04,0-.07c0-.02,0-.04,0-.07,0-1.15.51-2.28,1.49-3.26,1.01-1.02,2.44-1.82,4.13-2.3.5-.14.79-.67.64-1.16-.14-.5-.67-.79-1.16-.64-4.24,1.22-6.97,4.11-6.97,7.37,0,.02,0,.04,0,.07,0,.02,0,.04,0,.07v3.56h-1.73s0,0,0,0c-.52,0-.94.42-.94.94,0,.52.42.94.94.94l46.21.04h0c.52,0,.94-.42.94-.94,0-.52-.42-.94-.94-.94Z"/>
</svg>
<svg class="svg-arrow" width="23" height="25" viewBox="0 0 23 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.0375 18.2389L5.11499 0.907371C4.83705 0.619856 4.50637 0.39165 4.14203 0.235915C3.77769 0.0801806 3.3869 0 2.99221 0C2.59751 0 2.20672 0.0801806 1.84238 0.235915C1.47805 0.39165 1.14737 0.619856 0.869422 0.907371C0.312562 1.48211 0 2.25958 0 3.06998C0 3.88038 0.312562 4.65785 0.869422 5.23259L15.6691 20.5702L0.869422 35.7545C0.312562 36.3293 0 37.1067 0 37.9171C0 38.7275 0.312562 39.505 0.869422 40.0797C1.14633 40.3696 1.47654 40.6002 1.84093 40.7581C2.20531 40.9161 2.59663 40.9983 2.99221 41C3.38778 40.9983 3.7791 40.9161 4.14349 40.7581C4.50788 40.6002 4.83809 40.3696 5.11499 40.0797L22.0375 22.7482C22.341 22.4609 22.5832 22.1123 22.7488 21.7243C22.9145 21.3362 23 20.9172 23 20.4936C23 20.0699 22.9145 19.6509 22.7488 19.2628C22.5832 18.8748 22.341 18.5262 22.0375 18.2389Z" fill="var(--bs-primary)"/>
</svg>
</div>
<div class="card">
<div class="card-body px-5">
<h4 class="mt-0 mb-8 text-center">Manage</h4>
<ul class="list-style-1">
<li>Simple dashboard</li>
<li>Industry-first labour market testing (LMT) reports</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
:root {
--bs-primary: #7f3fd1;
}
.section-benifits .slider {
display: flex;
column-gap: 15px;
justify-content: center;
margin: auto;
}
@media (min-width: 1060px) {
.section-benifits .slider {
width: 1015px;
}
}
.section-benifits .slick-slide {
width: 224px;
margin: 0 5px;
}
.section-benifits .slick-slide.slide-25 .card::before, .section-benifits .slick-slide.slide-25 .card::after {
opacity: 0.25;
}
.section-benifits .slick-slide.slide-50 .card::before, .section-benifits .slick-slide.slide-50 .card::after {
opacity: 0.5;
}
.section-benifits .slick-slide.slide-75 .card::before, .section-benifits .slick-slide.slide-75 .card::after {
opacity: 0.75;
}
.section-benifits .slick-list {
padding: 10px 40px;
}
.section-benifits .icon {
margin-bottom: 15px;
position: relative;
background: white;
}
.section-benifits .icon .svg-1 {
width: 100%;
height: auto;
margin: auto;
display: flex;
}
.section-benifits .icon .svg-2 {
position: absolute;
inset: 13px 0 0;
margin: auto;
max-width: 60px;
}
.section-benifits .icon .svg-2, .section-benifits .icon .svg-circle, .section-benifits .icon .svg-arrow {
position: absolute;
}
.section-benifits .icon .svg-circle {
left: -15px;
bottom: 6px;
}
.section-benifits .icon .svg-arrow {
right: -8px;
bottom: 1px;
}
@media (min-width: 1250px) {
.section-benifits .icon .svg-1 {
width: 215px;
}
.section-benifits .icon .svg-circle {
left: -10px;
bottom: 6px;
}
.section-benifits .icon .svg-arrow {
right: -4px;
bottom: 1px;
}
}
.section-benifits .card {
min-height: 300px;
}
.section-benifits .card::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
box-shadow: 0 0 0 2px var(--bs-primary);
border-radius: 0.475rem;
}
.section-benifits .card::after {
content: "";
width: 45px;
height: 30px;
position: absolute;
right: -45px;
top: 20px;
z-index: 1;
background: var(--bs-primary);
-webkit-clip-path: polygon(0% 0%, 65% 0%, 100% 50%, 65% 100%, 0% 100%);
clip-path: polygon(0% 0%, 65% 0%, 100% 50%, 65% 100%, 0% 100%);
}
/*Section Benifits SCSS*/
/*.section-benifits {*/
/* .slider {*/
/* display: flex;*/
/* flex-direction: column;*/
/* justify-content: center;*/
/* margin: auto;*/
/* @media (min-width:1060px) {*/
/* width: 1015px;*/
/* }*/
/* }*/
/* .slick {*/
/* &-slide {*/
/* width: 224px;*/
/* margin: 0 5px;*/
/* &.slide-25 {*/
/* .card {&::before,&::after {opacity: .25;}}*/
/* }*/
/* &.slide-50 {*/
/* .card {&::before,&::after {opacity: .5;}}*/
/* }*/
/* &.slide-75 {*/
/* .card {&::before,&::after {opacity: .75;}}*/
/* }*/
/* }*/
/* &-list {padding: 10px 40px;}*/
/* }*/
/* .icon {*/
/* margin-bottom: 15px;*/
/* position: relative;*/
/* background: white;*/
/* .svg {*/
/* &-1 {*/
/* width: 100%;*/
/* height: auto;*/
/* margin: auto;*/
/* display: flex;*/
/* }*/
/* &-2 {*/
/* position: absolute;*/
/* inset: 13px 0 0;*/
/* margin: auto;*/
/* max-width: 60px;*/
/* }*/
/* &-2,&-circle,&-arrow {position: absolute;}*/
/* &-circle {*/
/* left:-15px;*/
/* bottom:6px;*/
/* }*/
/* &-arrow {*/
/* right:-8px;*/
/* bottom:1px;*/
/* }*/
/* @media (min-width:1250px) {*/
/* &-1 {width: 215px;}*/
/* &-circle {*/
/* left:-10px;*/
/* bottom:6px;*/
/* }*/
/* &-arrow {*/
/* right:-4px;*/
/* bottom:1px;*/
/* }*/
/* }*/
/* }*/
/* }*/
/* .card {*/
/* min-height: 300px;*/
/* border: 2px solid var(--bs-primary);*/
/* &::before {*/
/* content: "";*/
/* height: 100%;*/
/* width: 100%;*/
/* position: absolute;*/
/* box-shadow: 0 0 0 2px var(--bs-primary);*/
/* border-radius: $card-border-radius;*/
/* }*/
/* &::after {*/
/* content: '';*/
/* width: 45px;*/
/* height: 30px;*/
/* position: absolute;*/
/* right: -45px;*/
/* top: 20px;*/
/* z-index: 1;*/
/* background: var(--bs-primary);*/
/* clip-path: polygon(0% 0%, 65% 0%, 100% 50%, 65% 100%, 0% 100%);*/
/* }*/
/* }*/
/*}*/
