Landing Page 1

<div class="div">
<div class="div-2">
<div class="div-3">
<div class="div-4">
<img
loading="lazy"

src="[Link]
bc6f711eccc4f1e1927219?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img"
/>
<img
loading="lazy"

src="[Link]
5c3ee60b5066488e912ee81?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-2"
/>
</div>
<div class="div-5">
<div class="div-6">
<div class="div-7">Home</div>
<div class="div-8">Features</div>
<div class="div-9">Community</div>
<div class="div-10">Blog</div>
<div class="div-11">Pricing</div>
</div>
<div class="div-12">
<div class="div-13">Register Now</div>
<img
loading="lazy"

src="[Link]
6c0c932a5d969fb9608b684?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-3"
/>
</div>
</div>
</div>
</div>
<div class="div-14">
<div class="div-15">
<div class="div-16">
<div class="column">
<div class="div-17">
<div class="div-18">
 Lessons and insights
<span style="color: rgba(76, 175, 79, 1)">from 8 years</span>
</div>
<div class="div-19">
Where to grow your business as a photographer: site or social
media?
</div>
<div class="div-20">Register</div>
</div>
</div>
<div class="column-2">
<img
loading="lazy"

src="[Link]
77ee434d4c7d494fd495411?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-4"
/>
</div>
</div>
</div>
</div>
<div class="div-21">
<div class="div-22">
<div class="div-23">Our Clients</div>
<div class="div-24">
We have been working with some Fortune 500+ clients
</div>
<div class="div-25">
<img
loading="lazy"

src="[Link]
49d117b04eb4ff3037c74b1d?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-5"
/>
<img
loading="lazy"

src="[Link]
3027e5d066db422b13b045b5?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-6"
/>
<img
loading="lazy"

src="[Link]
a13cdf43545be1464d50015?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
 class="img-7"
/>
<img
loading="lazy"

src="[Link]
4ff7d7650c857809b386c2c8?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-8"
/>
<img
loading="lazy"

src="[Link]
2a7143c75d18cf3b0845fbb?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-9"
/>
<img
loading="lazy"

src="[Link]
81fdc7073d40d44332c5cb920?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-10"
/>
<img
loading="lazy"

src="[Link]
c11c7a0fc31842437af548444?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-11"
/>
</div>
</div>
</div>
<div class="div-26">Manage your entire community in a single system</div>
<div class="div-27">Who is Nextcent suitable for?</div>
<div class="div-28">
<div class="div-29">
<div class="div-30">
<div class="column-3">
<div class="div-31">
<img
loading="lazy"

src="[Link]
42b3d631ed494d25436ff68c?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-12"
/>
<div class="div-32">Membership Organisations</div>
 </div>
</div>
<div class="column-4">
<div class="div-33">
<img
loading="lazy"

src="[Link]
4632afe691e3907ac933a247?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-13"
/>
<div class="div-34">National Associations</div>
<div class="div-35">
Our membership management software provides full automation of
membership renewals and payments
</div>
</div>
</div>
<div class="column-5">
<div class="div-36">
<div class="div-37">
<img
loading="lazy"

src="[Link]
b0ef55681cbaca3db72642b2?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-14"
/>
<div class="div-38">Clubs And Groups</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="div-39">
<div class="div-40">
<div class="div-41">
<div class="column-6">
<div class="div-42"><div class="div-43"></div></div>
</div>
<div class="column-7">
<div class="div-44">
<div class="div-45">
The unseen of spending three years at Pixelgrade
</div>
<div class="div-46">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit
 amet justo ipsum. Sed accumsan quam vitae est varius fringilla.
Pellentesque placerat vestibulum lorem sed porta. Nullam mattis
tristique iaculis. Nullam pulvinar sit amet risus pretium auctor.
Etiam quis massa pulvinar, aliquam quam vitae, tempus sem. Donec
elementum pulvinar odio.
</div>
<div class="div-47">Learn More</div>
</div>
</div>
</div>
</div>
</div>
<div class="div-48">
<div class="div-49">
<div class="div-50">
<div class="column-8">
<div class="div-51">
<div class="div-52">
<div class="div-53">
<div class="div-54"><div class="div-55"></div></div>
<div class="div-56"><div class="div-57"></div></div>
</div>
<div class="div-58"></div>
</div>
<div class="div-59">
<div class="div-60"></div>
<div class="div-61">
<div class="div-62"><div class="div-63"></div></div>
<div class="div-64">
<div class="div-65"><div class="div-66"></div></div>
</div>
<div class="div-67"><div class="div-68"></div></div>
<div class="div-69">
<div class="div-70"><div class="div-71"></div></div>
</div>
<div class="div-72"><div class="div-73"></div></div>
<div class="div-74">
<div class="div-75">
<div class="div-76"></div>
<div class="div-77"></div>
<div class="div-78"></div>
<div class="div-79"></div>
<div class="div-80"></div>
<div class="div-81"></div>
<div class="div-82"></div>
<div class="div-83"></div>
<div class="div-84"></div>
</div>
 </div>
<div class="div-85">SING UP</div>
</div>
</div>
</div>
</div>
<div class="column-9">
<div class="div-86">
<div class="div-87">How to design your site footer like we did</div>
<div class="div-88">
Donec a eros justo. Fusce egestas tristique ultrices. Nam tempor,
augue nec tincidunt molestie, massa nunc varius arcu, at
scelerisque elit erat a magna. Donec quis erat at libero ultrices
mollis. In hac habitasse platea dictumst. Vivamus vehicula leo
dui, at porta nisi facilisis finibus. In euismod augue vitae nisi
ultricies, non aliquet urna tincidunt. Integer in nisi eget nulla
commodo faucibus efficitur quis massa. Praesent felis est, finibus
et nisi ac, hendrerit venenatis libero. Donec consectetur faucibus
ipsum id gravida.
</div>
<div class="div-89">Learn More</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.div {
box-shadow: -24px -28px 140px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: flex;
padding-bottom: 80px;
flex-direction: column;
}
.div-2 {
justify-content: center;
align-items: center;
box-shadow: 0px 2.784px 5.569px 0px rgba(171, 190, 209, 0.4);
background-color: var(--Neutral-White, #fff);
display: flex;
padding: 11px 60px;
}
@media (max-width: 991px) {
.div-2 {
max-width: 100%;
padding: 0 20px;
}
}
.div-3 {
display: flex;
gap: 20px;
}
@media (max-width: 991px) {
.div-3 {
flex-wrap: wrap;
}
}
.div-4 {
display: flex;
gap: 5px;
margin: auto 0;
}
.img {
aspect-ratio: 1.47;
object-fit: auto;
object-position: center;
width: 25px;
}
.img-2 {
aspect-ratio: 5.26;
object-fit: auto;
object-position: center;
width: 78px;
fill: var(--Brand-Secondary, #263238);
align-self: start;
}
.div-5 {
justify-content: end;
display: flex;
padding-left: 80px;
gap: 20px;
font-size: 11px;
font-weight: 500;
line-height: 150%;
flex: 1;
}
@media (max-width: 991px) {
.div-5 {
flex-wrap: wrap;
}
}
.div-6 {
display: flex;
gap: 16px;
color: var(--Neutral-D_Grey, #4d4d4d);
 white-space: nowrap;
justify-content: space-between;
margin: auto 0;
}
@media (max-width: 991px) {
.div-6 {
white-space: initial;
}
}
.div-7 {
text-align: center;
font-family: Inter, sans-serif;
}
.div-8 {
text-align: center;
font-family: Inter, sans-serif;
}
.div-9 {
text-align: center;
font-family: Inter, sans-serif;
}
.div-10 {
font-family: Inter, sans-serif;
}
.div-11 {
font-family: Inter, sans-serif;
}
.div-12 {
justify-content: space-between;
border-radius: 2.784px;
background-color: var(--Brand-Primary, #4caf4f);
display: flex;
gap: 6px;
color: var(--Neutral-White, #fff);
text-align: center;
padding: 10px 22px;
}
@media (max-width: 991px) {
.div-12 {
padding: 0 20px;
}
}
.div-13 {
font-family: Inter, sans-serif;
}
.img-3 {
aspect-ratio: 1;
object-fit: auto;
 object-position: center;
width: 11px;
margin: auto 0;
}
.div-14 {
align-items: center;
background-color: var(--Neutral-Silver, #f5f7fa);
z-index: 10;
display: flex;
flex-direction: column;
padding: 67px 60px 11px;
}
@media (max-width: 991px) {
.div-14 {
max-width: 100%;
padding: 0 20px;
}
}
.div-15 {
width: 100%;
max-width: 803px;
}
@media (max-width: 991px) {
.div-15 {
max-width: 100%;
}
}
.div-16 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-16 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column {
display: flex;
flex-direction: column;
line-height: normal;
width: 63%;
margin-left: 0px;
}
@media (max-width: 991px) {
.column {
width: 100%;
 }
}
.div-17 {
display: flex;
margin-top: 45px;
flex-grow: 1;
padding-bottom: 80px;
flex-direction: column;
line-height: 150%;
}
@media (max-width: 991px) {
.div-17 {
max-width: 100%;
margin-top: 40px;
}
}
.div-18 {
color: var(--Brand-Primary, #4caf4f);
font: 600 45px/53px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-18 {
max-width: 100%;
font-size: 40px;
line-height: 52px;
}
}
.div-19 {
color: var(--Neutral-Grey, #717171);
margin-top: 12px;
font: 400 11px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-19 {
max-width: 100%;
}
}
.div-20 {
justify-content: center;
border-radius: 2.784px;
background-color: var(--Brand-Primary, #4caf4f);
align-self: start;
margin-top: 22px;
color: var(--Neutral-White, #fff);
white-space: nowrap;
text-align: center;
padding: 10px 22px;
font: 500 16px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-20 {
white-space: initial;
padding: 0 20px;
}
}
.column-2 {
display: flex;
flex-direction: column;
line-height: normal;
width: 37%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-2 {
width: 100%;
}
}
.img-4 {
aspect-ratio: 0.96;
object-fit: auto;
object-position: center;
width: 100%;
}
@media (max-width: 991px) {
.img-4 {
margin-top: 40px;
}
}
.div-21 {
align-items: center;
display: flex;
margin-top: 28px;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 991px) {
.div-21 {
max-width: 100%;
padding: 0 20px;
}
}
.div-22 {
display: flex;
width: 100%;
max-width: 803px;
flex-direction: column;
}
@media (max-width: 991px) {
.div-22 {
max-width: 100%;
}
}
.div-23 {
color: var(--Neutral-D_Grey, #4d4d4d);
text-align: center;
font: 600 25px/122% Inter, sans-serif;
}
@media (max-width: 991px) {
.div-23 {
max-width: 100%;
}
}
.div-24 {
color: var(--Neutral-Grey, #717171);
text-align: center;
margin-top: 6px;
font: 400 11px/150% Inter, sans-serif;
}
@media (max-width: 991px) {
.div-24 {
max-width: 100%;
}
}
.div-25 {
justify-content: space-between;
display: flex;
margin-top: 11px;
gap: 20px;
padding: 17px 1px;
}
@media (max-width: 991px) {
.div-25 {
max-width: 100%;
flex-wrap: wrap;
}
}
.img-5 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 34px;
}
.img-6 {
aspect-ratio: 1;
 object-fit: auto;
object-position: center;
width: 34px;
}
.img-7 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 34px;
}
.img-8 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 34px;
}
.img-9 {
aspect-ratio: 0.97;
object-fit: auto;
object-position: center;
width: 33px;
}
.img-10 {
aspect-ratio: 0.97;
object-fit: auto;
object-position: center;
width: 33px;
}
.img-11 {
aspect-ratio: 0.97;
object-fit: auto;
object-position: center;
width: 33px;
}
.div-26 {
color: var(--Neutral-D_Grey, #4d4d4d);
text-align: center;
align-self: center;
margin-top: 28px;
width: 378px;
font: 600 25px/31px Inter, sans-serif;
}
.div-27 {
color: var(--Neutral-Grey, #717171);
text-align: center;
margin-top: 6px;
font: 400 11px/150% Inter, sans-serif;
}
@media (max-width: 991px) {
.div-27 {
max-width: 100%;
}
}
.div-28 {
justify-content: center;
align-items: center;
display: flex;
margin-top: 11px;
padding: 0 60px;
}
@media (max-width: 991px) {
.div-28 {
max-width: 100%;
padding: 0 20px;
}
}
.div-29 {
width: 100%;
max-width: 803px;
padding: 0 1px;
}
@media (max-width: 991px) {
.div-29 {
max-width: 100%;
}
}
.div-30 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-30 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column-3 {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 0px;
}
@media (max-width: 991px) {
.column-3 {
 width: 100%;
}
}
.div-31 {
border-radius: 5.569px;
box-shadow: 0px 1.392px 2.784px 0px rgba(171, 190, 209, 0.2);
background-color: var(--Neutral-White, #fff);
display: flex;
flex-direction: column;
align-self: stretch;
font-size: 19px;
color: var(--Neutral-D_Grey, #4d4d4d);
font-weight: 700;
text-align: center;
line-height: 25px;
width: 100%;
margin: auto 0;
padding: 16px 11px 17px;
}
@media (max-width: 991px) {
.div-31 {
margin-top: 40px;
}
}
.img-12 {
aspect-ratio: 1.15;
object-fit: auto;
object-position: center;
width: 45px;
align-self: center;
}
.div-32 {
font-family: Inter, sans-serif;
margin-top: 12px;
}
.column-4 {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-4 {
width: 100%;
}
}
.div-33 {
 border-radius: 5.569px;
box-shadow: 0px 1.392px 2.784px 0px rgba(171, 190, 209, 0.2);
background-color: var(--Neutral-White, #fff);
display: flex;
flex-grow: 1;
flex-direction: column;
text-align: center;
width: 100%;
padding: 17px 11px;
}
@media (max-width: 991px) {
.div-33 {
margin-top: 40px;
}
}
.img-13 {
aspect-ratio: 1.15;
object-fit: auto;
object-position: center;
width: 45px;
align-self: center;
}
.div-34 {
color: var(--Neutral-D_Grey, #4d4d4d);
margin-top: 12px;
font: 700 19px/25px Inter, sans-serif;
}
.div-35 {
color: var(--Neutral-Grey, #717171);
margin-top: 5px;
font: 400 10px/14px Inter, sans-serif;
}
.column-5 {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-5 {
width: 100%;
}
}
.div-36 {
border-radius: 5.569px;
box-shadow: 0px 1.392px 2.784px 0px rgba(171, 190, 209, 0.2);
background-color: var(--Neutral-White, #fff);
 display: flex;
flex-direction: column;
align-self: stretch;
font-size: 19px;
color: var(--Neutral-D_Grey, #4d4d4d);
font-weight: 700;
text-align: center;
line-height: 25px;
width: 100%;
margin: auto 0;
padding: 16px 11px 17px;
}
@media (max-width: 991px) {
.div-36 {
margin-top: 40px;
}
}
.div-37 {
display: flex;
flex-direction: column;
padding: 0 13px;
}
.img-14 {
aspect-ratio: 1.18;
object-fit: auto;
object-position: center;
width: 46px;
align-self: center;
}
.div-38 {
font-family: Inter, sans-serif;
margin-top: 12px;
}
.div-39 {
justify-content: center;
align-items: center;
display: flex;
margin-top: 26px;
padding: 0 60px;
}
@media (max-width: 991px) {
.div-39 {
max-width: 100%;
padding: 0 20px;
}
}
.div-40 {
width: 100%;
 max-width: 803px;
}
@media (max-width: 991px) {
.div-40 {
max-width: 100%;
}
}
.div-41 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-41 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column-6 {
display: flex;
flex-direction: column;
line-height: normal;
width: 40%;
margin-left: 0px;
}
@media (max-width: 991px) {
.column-6 {
width: 100%;
}
}
.div-42 {
justify-content: center;
display: flex;
flex-grow: 1;
flex-direction: column;
padding: 37px 0;
}
@media (max-width: 991px) {
.div-42 {
margin-top: 34px;
}
}
.div-43 {
height: 229px;
}
.column-7 {
display: flex;
flex-direction: column;
 line-height: normal;
width: 60%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-7 {
width: 100%;
}
}
.div-44 {
display: flex;
flex-direction: column;
align-self: stretch;
margin: auto 0;
}
@media (max-width: 991px) {
.div-44 {
max-width: 100%;
margin-top: 40px;
}
}
.div-45 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 600 25px/31px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-45 {
max-width: 100%;
}
}
.div-46 {
color: var(--Neutral-Grey, #717171);
margin-top: 11px;
font: 400 10px/14px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-46 {
max-width: 100%;
}
}
.div-47 {
justify-content: center;
border-radius: 2.784px;
background-color: var(--Brand-Primary, #4caf4f);
margin-top: 22px;
width: 148px;
max-width: 100%;
color: var(--Neutral-White, #fff);
 text-align: center;
padding: 10px 22px;
font: 500 16px/150% Inter, sans-serif;
}
@media (max-width: 991px) {
.div-47 {
padding: 0 20px;
}
}
.div-48 {
justify-content: center;
align-items: center;
display: flex;
margin-top: 269px;
padding: 0 60px;
}
@media (max-width: 991px) {
.div-48 {
max-width: 100%;
margin-top: 40px;
padding: 0 20px;
}
}
.div-49 {
width: 100%;
max-width: 803px;
}
@media (max-width: 991px) {
.div-49 {
max-width: 100%;
}
}
.div-50 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-50 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column-8 {
display: flex;
flex-direction: column;
line-height: normal;
width: 40%;
 margin-left: 0px;
}
@media (max-width: 991px) {
.column-8 {
width: 100%;
}
}
.div-51 {
display: flex;
flex-grow: 1;
flex-direction: column;
padding: 4px 41px 26px;
}
@media (max-width: 991px) {
.div-51 {
margin-top: 35px;
padding: 0 20px;
}
}
.div-52 {
align-self: end;
display: flex;
width: 106px;
max-width: 100%;
align-items: flex-start;
gap: 13px;
}
.div-53 {
align-self: end;
display: flex;
margin-top: 59px;
flex-direction: column;
}
@media (max-width: 991px) {
.div-53 {
margin-top: 40px;
}
}
.div-54 {
background-color: rgba(76, 175, 79, 1);
align-self: center;
display: flex;
width: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
height: 10px;
}
.div-55 {
background-color: rgba(0, 0, 0, 1);
width: 100%;
height: 10px;
}
.div-56 {
background-color: rgba(76, 175, 79, 1);
display: flex;
flex-direction: column;
justify-content: center;
}
.div-57 {
background-color: rgba(255, 255, 255, 1);
height: 4px;
}
.div-58 {
align-self: start;
width: 59px;
height: 71px;
}
.div-59 {
display: flex;
margin-top: 14px;
gap: 20px;
justify-content: space-between;
}
@media (max-width: 991px) {
.div-59 {
padding-right: 20px;
}
}
.div-60 {
align-self: start;
width: 37px;
height: 42px;
}
.div-61 {
display: flex;
flex-direction: column;
}
.div-62 {
background-color: rgba(76, 175, 79, 1);
display: flex;
flex-direction: column;
justify-content: center;
}
.div-63 {
background-color: rgba(0, 0, 0, 1);
 height: 3px;
}
.div-64 {
background-color: rgba(224, 224, 224, 1);
align-self: start;
display: flex;
margin-top: 5px;
flex-direction: column;
justify-content: center;
padding: 5px 0;
}
.div-65 {
background-color: rgba(76, 175, 79, 1);
display: flex;
flex-direction: column;
justify-content: center;
}
.div-66 {
background-color: rgba(255, 255, 255, 1);
height: 3px;
}
.div-67 {
background-color: rgba(76, 175, 79, 1);
display: flex;
margin-top: 10px;
flex-direction: column;
justify-content: center;
}
.div-68 {
background-color: rgba(0, 0, 0, 1);
height: 3px;
}
.div-69 {
background-color: rgba(224, 224, 224, 1);
align-self: start;
display: flex;
margin-top: 5px;
flex-direction: column;
justify-content: center;
padding: 5px 0;
}
.div-70 {
background-color: rgba(76, 175, 79, 1);
display: flex;
flex-direction: column;
justify-content: center;
}
.div-71 {
 background-color: rgba(255, 255, 255, 1);
height: 3px;
}
.div-72 {
background-color: rgba(76, 175, 79, 1);
display: flex;
margin-top: 11px;
flex-direction: column;
justify-content: center;
}
.div-73 {
background-color: rgba(0, 0, 0, 1);
height: 3px;
}
.div-74 {
background-color: rgba(224, 224, 224, 1);
display: flex;
margin-top: 5px;
width: 75px;
flex-direction: column;
align-items: start;
justify-content: center;
padding: 5px 0;
}
@media (max-width: 991px) {
.div-74 {
padding-right: 20px;
}
}
.div-75 {
overflow: hidden;
display: flex;
align-items: start;
gap: 1px;
}
.div-76 {
background-color: rgba(76, 175, 79, 1);
width: 3px;
height: 3px;
}
.div-77 {
background-color: rgba(76, 175, 79, 1);
align-self: stretch;
width: 3px;
height: 4px;
}
.div-78 {
background-color: rgba(76, 175, 79, 1);
 width: 3px;
height: 3px;
}
.div-79 {
background-color: rgba(76, 175, 79, 1);
width: 3px;
height: 3px;
}
.div-80 {
background-color: rgba(76, 175, 79, 1);
width: 3px;
height: 3px;
}
.div-81 {
background-color: rgba(76, 175, 79, 1);
width: 3px;
height: 3px;
}
.div-82 {
background-color: rgba(76, 175, 79, 1);
align-self: stretch;
width: 3px;
height: 4px;
}
.div-83 {
background-color: rgba(76, 175, 79, 1);
width: 3px;
height: 2px;
}
.div-84 {
background-color: rgba(76, 175, 79, 1);
width: 3px;
height: 3px;
}
.div-85 {
color: #e8e8e3;
margin-top: 26px;
font: 400 6px Montserrat, sans-serif;
}
.column-9 {
display: flex;
flex-direction: column;
line-height: normal;
width: 60%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-9 {
 width: 100%;
}
}
.div-86 {
display: flex;
flex-direction: column;
align-self: stretch;
margin: auto 0;
}
@media (max-width: 991px) {
.div-86 {
max-width: 100%;
margin-top: 40px;
}
}
.div-87 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 600 25px/31px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-87 {
max-width: 100%;
}
}
.div-88 {
color: var(--Neutral-Grey, #717171);
margin-top: 11px;
font: 400 10px/14px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-88 {
max-width: 100%;
}
}
.div-89 {
justify-content: center;
border-radius: 2.784px;
background-color: var(--Brand-Primary, #4caf4f);
margin-top: 23px;
width: 148px;
max-width: 100%;
color: var(--Neutral-White, #fff);
text-align: center;
padding: 10px 22px;
font: 500 16px/150% Inter, sans-serif;
}
@media (max-width: 991px) {
.div-89 {
 padding: 0 20px;
}
}
</style>

Landing Page 2

<div class="div">
<div class="div-2">Manage your entire community in a single system</div>
<div class="div-3">Who is Nextcent suitable for?</div>
<div class="div-4">
<div class="div-5">
<img
loading="lazy"

src="[Link]
0225825cf3ce6fb8b7a76630?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img"
/>
<div class="div-6">Membership Organisations</div>
<div class="div-7">
Our membership management software provides full automation of
membership renewals and payments
</div>
</div>
<div class="div-8">
<img
loading="lazy"

src="[Link]
e7eeb7d392aee5ff07a3e25?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-2"
/>
<div class="div-9">National Associations</div>
<div class="div-10">
Our membership management software provides full automation of
membership renewals and payments
</div>
</div>
<div class="div-11">
<div class="div-12">
<img
loading="lazy"

src="[Link]
81c24e6b3e11a948f66233ee?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img"
 />
<div class="div-13">Clubs And Groups</div>
</div>
<div class="div-14">
Our membership management software provides full automation of
membership renewals and payments
</div>
</div>
</div>
<div class="div-15">
<div class="div-16">
<div class="column">
<img
loading="lazy"

src="[Link]
8c8fb56257fa7d6451adaaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-3"
/>
</div>
<div class="column-2">
<div class="div-17">
<div class="div-18">
The unseen of spending three years at Pixelgrade
</div>
<div class="div-19">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit
amet justo ipsum. Sed accumsan quam vitae est varius fringilla.
Pellentesque placerat vestibulum lorem sed porta. Nullam mattis
tristique iaculis. Nullam pulvinar sit amet risus pretium auctor.
Etiam quis massa pulvinar, aliquam quam vitae, tempus sem. Donec
elementum pulvinar odio.
</div>
<div class="div-20">Learn More</div>
</div>
</div>
</div>
</div>
<div class="div-21">
<div class="div-22">
<div class="column-3">
<div class="div-23">
<div class="div-24">
Helping a local
<span style="color: rgba(76, 175, 79, 1)">
business reinvent itself
</span>
</div>
 <div class="div-25">
We reached here with our hard work and dedication
</div>
</div>
</div>
<div class="column-4">
<div class="div-26">
<div class="div-27">
<div class="div-28">
<img
loading="lazy"

src="[Link]
90dfa07127f51652efdbd59?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-4"
/>
<div class="div-29">
<div class="div-30">2,245,341</div>
<div class="div-31">Members</div>
</div>
</div>
<div class="div-32">
<img
loading="lazy"

src="[Link]
88039854b6518b7e9ca7c975?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-5"
/>
<div class="div-33">
<div class="div-34">46,328</div>
<div class="div-35">Clubs</div>
</div>
</div>
</div>
<div class="div-36">
<div class="div-37">
<img
loading="lazy"

src="[Link]
9bbbb915b117b7e9f2f23343?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-6"
/>
<div class="div-38">
<div class="div-39">828,867</div>
<div class="div-40">Event Bookings</div>
</div>
 </div>
<div class="div-41">
<img
loading="lazy"

src="[Link]
f242b13b4afe3add9ca46623?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-7"
/>
<div class="div-42">
<div class="div-43">1,926,436</div>
<div class="div-44">Payments</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="div-45">
<div class="div-46">
<div class="column">
<img
loading="lazy"

src="[Link]
d4d4e17f11f51a893076dc8a?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-8"
/>
</div>
<div class="column-5">
<div class="div-47">
<div class="div-48">How to design your site footer like we did</div>
<div class="div-49">
Donec a eros justo. Fusce egestas tristique ultrices. Nam tempor,
augue nec tincidunt molestie, massa nunc varius arcu, at scelerisque
elit erat a magna. Donec quis erat at libero ultrices mollis. In hac
habitasse platea dictumst. Vivamus vehicula leo dui, at porta nisi
facilisis finibus. In euismod augue vitae nisi ultricies, non
aliquet urna tincidunt. Integer in nisi eget nulla commodo faucibus
efficitur quis massa. Praesent felis est, finibus et nisi ac,
hendrerit venenatis libero. Donec consectetur faucibus ipsum id
gravida.
</div>
<div class="div-50">Learn More</div>
</div>
</div>
</div>
 </div>
<div class="div-51">
<div class="div-52">
<div class="column-6">
<img
loading="lazy"

srcset="[Link]
41f626bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=100 100w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=200 200w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=400 400w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=800 800w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1200 1200w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1600 1600w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=2000 2000w,
[Link]
bf1da1a4727896d9e727?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-9"
/>
</div>
<div class="column-7">
<div class="div-53">
<div class="div-54">
Maecenas dignissim justo eget nulla rutrum molestie. Maecenas
lobortis sem dui, vel rutrum risus tincidunt ullamcorper. Proin eu
enim metus. Vivamus sed libero ornare, tristique quam in, gravida
enim. Nullam ut molestie arcu, at hendrerit elit. Morbi laoreet elit
at ligula molestie, nec molestie mi blandit. Suspendisse cursus
tellus sed augue ultrices, quis tristique nulla sodales. Suspendisse
eget lorem eu turpis vestibulum pretium. Suspendisse potenti.
Quisque malesuada enim sapien, vitae placerat ante feugiat eget.
Quisque vulputate odio neque, eget efficitur libero condimentum id.
Curabitur id nibh id sem dignissim finibus ac sit amet magna.
</div>
<div class="div-55">Tim Smith</div>
<div class="div-56">British Dragon Boat Racing Association</div>
<div class="div-57">
<div class="div-58">
<img
loading="lazy"
src="[Link]
1a6e19da2ef8a6fccd039e6?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-10"
/>
<img
loading="lazy"

src="[Link]
e02f1b242032c043f3a41b68?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-11"
/>
<img
loading="lazy"

src="[Link]
0ac4af1916cfd9a7bec9f099?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-12"
/>
<img
loading="lazy"

src="[Link]
e746cd9bdd81a3d8f53a677?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-13"
/>
<img
loading="lazy"

src="[Link]
fb4ed61a0bf697a9e648c283?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-14"
/>
<img
loading="lazy"

src="[Link]
3d7b144d64e3729383065b8e?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-15"
/>
</div>
<div class="div-59">
<div class="div-60">Meet all customers</div>
<img
loading="lazy"

src="[Link]
c4f89d9bfcab18259fc7a3?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
 class="img-16"
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="div-61">Caring is the new marketing</div>
<div class="div-62">
The Nextcent blog is the best place to read about the latest membership
insights, trends and more. See who's joining the community, read about how
our community are increasing their membership income and lot's more.
</div>
<div class="div-63">
<div class="div-64">
<div class="column-8">
<img
loading="lazy"

srcset="[Link]
a99d35abe478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=100 100w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=200 200w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=400 400w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=800 800w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1200 1200w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1600 1600w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=2000 2000w,
[Link]
be478eeed0f90c0cebaf?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-17"
/>
</div>
<div class="column-9">
<img
loading="lazy"

srcset="[Link]
b05a03e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=100 100w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=200 200w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=400 400w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=800 800w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1200 1200w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1600 1600w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=2000 2000w,
[Link]
e573b6d003c92e6fc7571?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-18"
/>
</div>
<div class="column-10">
<img
loading="lazy"

srcset="[Link]
e030f698df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=100 100w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=200 200w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=400 400w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=800 800w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1200 1200w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=1600 1600w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&width=2000 2000w,
[Link]
98df8f376d742d2631f7?apiKey=ebb1d8e3020a452f80e6d2aea5790519&"
class="img-19"
/>
</div>
</div>
</div>
<div class="div-65">Pellentesque suscipit fringilla libero eu.</div>
</div>
<style>
.div {
box-shadow: -32px 108px 100px 0px rgba(0, 0, 0, 0.2);
background-color: #fff;
display: flex;
max-width: 480px;
width: 100%;
 flex-direction: column;
margin: 0 auto;
padding: 80px 0;
}
.div-2 {
color: var(--Neutral-D_Grey, #4d4d4d);
text-align: center;
align-self: center;
margin-top: 239px;
font: 600 12px/15px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-2 {
margin-top: 40px;
}
}
.div-3 {
color: var(--Neutral-Grey, #717171);
text-align: center;
width: 100%;
font: 400 5px/150% Inter, sans-serif;
}
@media (max-width: 991px) {
.div-3 {
max-width: 100%;
}
}
.div-4 {
justify-content: space-between;
align-items: center;
display: flex;
margin-top: 5px;
gap: 9px;
text-align: center;
padding: 0 48px;
}
@media (max-width: 991px) {
.div-4 {
flex-wrap: wrap;
padding: 0 20px;
}
}
.div-5 {
border-radius: 2.671px;
box-shadow: 0px 0.668px 1.335px 0px rgba(171, 190, 209, 0.2);
background-color: var(--Neutral-White, #fff);
align-self: stretch;
display: flex;
 flex-direction: column;
margin: auto 0;
padding: 8px 11px;
}
.img {
aspect-ratio: 1.16;
object-fit: auto;
object-position: center;
width: 22px;
align-self: center;
}
.div-6 {
color: var(--Neutral-D_Grey, #4d4d4d);
margin-top: 6px;
font: 700 9px/12px Inter, sans-serif;
}
.div-7 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/7px Inter, sans-serif;
}
.div-8 {
border-radius: 2.671px;
box-shadow: 0px 0.668px 1.335px 0px rgba(171, 190, 209, 0.2);
background-color: var(--Neutral-White, #fff);
align-self: stretch;
display: flex;
flex-direction: column;
padding: 8px 11px;
}
.img-2 {
aspect-ratio: 1.11;
object-fit: auto;
object-position: center;
width: 21px;
align-self: center;
}
.div-9 {
color: var(--Neutral-D_Grey, #4d4d4d);
margin-top: 6px;
font: 700 9px/12px Inter, sans-serif;
}
.div-10 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/7px Inter, sans-serif;
}
.div-11 {
border-radius: 2.671px;
box-shadow: 0px 0.668px 1.335px 0px rgba(171, 190, 209, 0.2);
 background-color: var(--Neutral-White, #fff);
align-self: stretch;
display: flex;
flex-direction: column;
margin: auto 0;
padding: 8px 11px;
}
.div-12 {
display: flex;
flex-direction: column;
font-size: 9px;
color: var(--Neutral-D_Grey, #4d4d4d);
font-weight: 700;
line-height: 12px;
padding: 0 6px;
}
.div-13 {
font-family: Inter, sans-serif;
margin-top: 6px;
}
.div-14 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/7px Inter, sans-serif;
}
.div-15 {
justify-content: space-between;
margin-top: 10px;
width: 100%;
padding: 0 48px;
}
@media (max-width: 991px) {
.div-15 {
max-width: 100%;
padding: 0 20px;
}
}
.div-16 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-16 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column {
 display: flex;
flex-direction: column;
line-height: normal;
width: 40%;
margin-left: 0px;
}
@media (max-width: 991px) {
.column {
width: 100%;
}
}
.img-3 {
aspect-ratio: 1.02;
object-fit: auto;
object-position: center;
width: 148px;
max-width: 100%;
flex-grow: 1;
}
@media (max-width: 991px) {
.img-3 {
margin-top: 16px;
}
}
.column-2 {
display: flex;
flex-direction: column;
line-height: normal;
width: 60%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-2 {
width: 100%;
}
}
.div-17 {
display: flex;
padding-right: 20px;
flex-direction: column;
align-self: stretch;
margin: auto 0;
}
@media (max-width: 991px) {
.div-17 {
margin-top: 40px;
}
}
.div-18 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 600 12px/15px Inter, sans-serif;
}
.div-19 {
color: var(--Neutral-Grey, #717171);
margin-top: 5px;
font: 400 5px/7px Inter, sans-serif;
}
.div-20 {
justify-content: center;
border-radius: 1.335px;
background-color: var(--Brand-Primary, #4caf4f);
margin-top: 11px;
color: var(--Neutral-White, #fff);
text-align: center;
padding: 5px 11px;
font: 500 16px/150% Inter, sans-serif;
}
.div-21 {
justify-content: space-between;
background-color: var(--Neutral-Silver, #f5f7fa);
margin-top: 16px;
width: 100%;
padding: 21px 48px;
}
@media (max-width: 991px) {
.div-21 {
max-width: 100%;
padding: 0 20px;
}
}
.div-22 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-22 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column-3 {
display: flex;
flex-direction: column;
line-height: normal;
width: 50%;
 margin-left: 0px;
}
@media (max-width: 991px) {
.column-3 {
width: 100%;
}
}
.div-23 {
display: flex;
flex-direction: column;
align-self: stretch;
margin: auto 0;
}
@media (max-width: 991px) {
.div-23 {
margin-top: 40px;
}
}
.div-24 {
color: var(--Brand-Primary, #4caf4f);
font: 600 12px/15px Inter, sans-serif;
}
.div-25 {
color: var(--Text-Gray-900, #18191f);
font: 400 5px/150% Inter, sans-serif;
}
.column-4 {
display: flex;
flex-direction: column;
line-height: normal;
width: 50%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-4 {
width: 100%;
}
}
.div-26 {
display: flex;
flex-grow: 1;
flex-direction: column;
}
@media (max-width: 991px) {
.div-26 {
margin-top: 40px;
}
}
.div-27 {
display: flex;
gap: 10px;
white-space: nowrap;
}
@media (max-width: 991px) {
.div-27 {
white-space: initial;
}
}
.div-28 {
display: flex;
gap: 5px;
}
@media (max-width: 991px) {
.div-28 {
white-space: initial;
}
}
.img-4 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
margin: auto 0;
}
.div-29 {
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
.div-29 {
white-space: initial;
}
}
.div-30 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 700 9px/129% Inter, sans-serif;
}
.div-31 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/150% Inter, sans-serif;
}
.div-32 {
display: flex;
gap: 5px;
}
@media (max-width: 991px) {
 .div-32 {
white-space: initial;
}
}
.img-5 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
margin: auto 0;
}
.div-33 {
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
.div-33 {
white-space: initial;
}
}
.div-34 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 700 9px/129% Inter, sans-serif;
}
.div-35 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/150% Inter, sans-serif;
}
.div-36 {
display: flex;
margin-top: 13px;
gap: 10px;
}
.div-37 {
display: flex;
gap: 5px;
}
.img-6 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
margin: auto 0;
}
.div-38 {
display: flex;
flex-direction: column;
}
.div-39 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 700 9px/129% Inter, sans-serif;
}
.div-40 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/150% Inter, sans-serif;
}
.div-41 {
display: flex;
gap: 5px;
white-space: nowrap;
}
@media (max-width: 991px) {
.div-41 {
white-space: initial;
}
}
.img-7 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
margin: auto 0;
}
.div-42 {
display: flex;
flex-direction: column;
}
@media (max-width: 991px) {
.div-42 {
white-space: initial;
}
}
.div-43 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 700 9px/129% Inter, sans-serif;
}
.div-44 {
color: var(--Neutral-Grey, #717171);
font: 400 5px/150% Inter, sans-serif;
}
.div-45 {
justify-content: space-between;
margin-top: 16px;
width: 100%;
padding: 0 48px;
}
@media (max-width: 991px) {
.div-45 {
max-width: 100%;
padding: 0 20px;
}
}
.div-46 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-46 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.img-8 {
aspect-ratio: 1.03;
object-fit: auto;
object-position: center;
width: 148px;
max-width: 100%;
flex-grow: 1;
}
@media (max-width: 991px) {
.img-8 {
margin-top: 16px;
}
}
.column-5 {
display: flex;
flex-direction: column;
line-height: normal;
width: 60%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-5 {
width: 100%;
}
}
.div-47 {
display: flex;
padding-right: 20px;
flex-direction: column;
align-self: stretch;
margin: auto 0;
}
@media (max-width: 991px) {
.div-47 {
margin-top: 35px;
}
}
.div-48 {
color: var(--Neutral-D_Grey, #4d4d4d);
font: 600 12px/15px Inter, sans-serif;
}
.div-49 {
color: var(--Neutral-Grey, #717171);
margin-top: 6px;
font: 400 5px/7px Inter, sans-serif;
}
.div-50 {
justify-content: center;
border-radius: 1.335px;
background-color: var(--Brand-Primary, #4caf4f);
margin-top: 10px;
color: var(--Neutral-White, #fff);
text-align: center;
padding: 5px 11px;
font: 500 16px/150% Inter, sans-serif;
}
.div-51 {
background-color: var(--Neutral-Silver, #f5f7fa);
margin-top: 17px;
width: 100%;
padding: 11px 48px;
}
@media (max-width: 991px) {
.div-51 {
max-width: 100%;
padding: 0 20px;
}
}
.div-52 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-52 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column-6 {
display: flex;
flex-direction: column;
line-height: normal;
width: 30%;
margin-left: 0px;
}
@media (max-width: 991px) {
.column-6 {
width: 100%;
}
}
.img-9 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 109px;
box-shadow: 0px 2.671px 5.342px 0px rgba(171, 190, 209, 0.4);
max-width: 100%;
}
@media (max-width: 991px) {
.img-9 {
margin-top: 37px;
}
}
.column-7 {
display: flex;
flex-direction: column;
line-height: normal;
width: 70%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-7 {
width: 100%;
}
}
.div-53 {
display: flex;
flex-grow: 1;
flex-direction: column;
}
@media (max-width: 991px) {
.div-53 {
margin-top: 36px;
}
}
.div-54 {
 color: var(--Neutral-Grey, #717171);
font: 500 5px/8px Inter, sans-serif;
}
.div-55 {
color: var(--Brand-Primary, #4caf4f);
margin-top: 6px;
font: 600 7px/140% Inter, sans-serif;
}
.div-56 {
color: var(--Neutral-L_Grey, #89939e);
font: 400 5px/150% Inter, sans-serif;
}
.div-57 {
display: flex;
margin-top: 11px;
gap: 11px;
}
.div-58 {
display: flex;
gap: 13px;
justify-content: space-between;
}
.img-10 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
}
.img-11 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
}
.img-12 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
}
.img-13 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
}
.img-14 {
aspect-ratio: 1;
 object-fit: auto;
object-position: center;
width: 16px;
}
.img-15 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 16px;
}
.div-59 {
display: flex;
gap: 3px;
font-size: 7px;
color: var(--Brand-Primary, #4caf4f);
font-weight: 600;
line-height: 140%;
justify-content: space-between;
flex: 1;
padding: 3px;
}
.div-60 {
font-family: Inter, sans-serif;
}
.img-16 {
aspect-ratio: 0.75;
object-fit: auto;
object-position: center;
width: 6px;
align-self: start;
}
.div-61 {
align-self: center;
color: var(--Neutral-D_Grey, #4d4d4d);
text-align: center;
margin-top: 16px;
font: 600 12px/122% Inter, sans-serif;
}
.div-62 {
color: var(--Neutral-Grey, #717171);
text-align: center;
font: 400 5px/8px Inter, sans-serif;
}
.div-63 {
justify-content: space-between;
margin-top: 6px;
width: 100%;
padding: 0 48px;
}
@media (max-width: 991px) {
.div-63 {
max-width: 100%;
padding: 0 20px;
}
}
.div-64 {
gap: 20px;
display: flex;
}
@media (max-width: 991px) {
.div-64 {
flex-direction: column;
align-items: stretch;
gap: 0px;
}
}
.column-8 {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 0px;
}
@media (max-width: 991px) {
.column-8 {
width: 100%;
}
}
.img-17 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 123px;
max-width: 100%;
}
@media (max-width: 991px) {
.img-17 {
margin-top: 8px;
}
}
.column-9 {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-9 {
width: 100%;
}
}
.img-18 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 123px;
max-width: 100%;
}
@media (max-width: 991px) {
.img-18 {
margin-top: 8px;
}
}
.column-10 {
display: flex;
flex-direction: column;
line-height: normal;
width: 33%;
margin-left: 20px;
}
@media (max-width: 991px) {
.column-10 {
width: 100%;
}
}
.img-19 {
aspect-ratio: 1;
object-fit: auto;
object-position: center;
width: 123px;
max-width: 100%;
}
@media (max-width: 991px) {
.img-19 {
margin-top: 8px;
}
}
.div-65 {
align-items: center;
background-color: var(--Neutral-Silver, #f5f7fa);
margin-top: 23px;
width: 100%;
color: var(--Neutral-Black, #263238);
 text-align: center;
justify-content: center;
padding: 11px 60px;
font: 600 21px/25px Inter, sans-serif;
}
@media (max-width: 991px) {
.div-65 {
max-width: 100%;
padding: 0 20px;
}
}
</style>