How to motivate your students with gamification badges
Feb 27, 2023Staying motivated while taking an online course is not easy for everyone. How did it go with you in elementary school, did you always get so happy when you got a sticker and a compliment? No matter the age, we all like to get confirmation that we are doing well. Something as small as a sticker serves as an extra motivation and can help us persevere and complete a course. The feeling of "collect them all" surfaces. And let's face it, you want to collect them all too, right? š
In your online course, you can also let your students earn stickers, although we prefer to call them 'badges' here.
In this blog we will give a detailed explanation of what badges are and how you can use them, and we will give you some examples of badges from Kajabi Gamify users.
Gamify Lite - Free to install directly within your Kajabi app.
You can get started with badges directly within your current Kajabi account. Our Gamify Lite template is included in Kajabi's template overview. Want to know how it works? Get the free official Gamify Lite Tutorial for free.
Gamify Pro - A very comprehensive update for your products
Want to completely style and upgrade your Kajabi course with gamification options? Then go for our template Gamify Pro. See also the examples below. Check out the demo here.
What are gamification badges?
Badges within gamification provide more motivation among your students and help them successfully complete your course. Badges are images that serve as some sort of digital stickers. Your students can earn these stickers by completing tasks, such as watching a lesson or completing an assessment.
What can you assign badges to?
Badges can be assigned to anything within Kajabi that you can invoke with an automation. The actions within Kajabi that you can reward are:
- The student has completed a lesson;
- The student has completed a quiz or assessment;
- There has been a purchase, either purchased or granted;
- The student has completed a form;
- The student has registered for an event;
- The student has opened a certain email and clicked through;
- An email sequence has been sent or completed.
The actions outside Kajabi can be linked with Zapier, with that the possibilities are beyond limits.
7 Tips for creating badges for Kajabi Gamify
Some tips to keep in mind when you start creating your badges for Kajabi Gamify:
- Set clear goals and objectives. What do you want people to achieve and in what way do you want to reward them for it?
- Decide what type of badges you want to use and what each badge represents. Consider using a point system or levels to make people feel like they are making progress.
- Make the badges visually appealing and make sure they are easy to recognize. Consider using color coding, graphics and eye-catching titles.
- Make goals and objectives attainable and realistic. This will keep people motivated and engaged.
- Offer regular feedback on people's progress and let your students know what they need to do to earn the next badge. This can be done within the course or via an email linked to the badges one earns.
- Make it fun! By adding elements to the process, such as friendly competition, social interaction and humor, you can keep people engaged and motivated.
- Keep updating and improving. Regularly update the reward system and improve as needed to keep people engaged and motivated. By including these elements in your gamification badges, you can effectively motivate people to achieve their goals.
5 Examples of badges within Kajabi
Within the gamification template in Kajabi, you can use the standard badges provided. Or you can create your own designs, for example in Canva. To show you what is possible and to give you some inspiration, we would like to share with you some designs from Kajabi Gamify users.
Example 1 - Kajabi Gamify Pro
With our Gamify Pro template you can add your own badges to your website, like we have done in these two examples. The plant badges are rewarded when someone progresses to the next level in the course, while the Gamify Pro badges in the other picture are rewarded when a certain task gets finished.
As you can see, with our template you can also add certificates to the course to keep your students even more excited to finish their course.
Example 2 - Leanne, Helio
Leanne is a good friend of ours and an enthusiastic user of the Kajabi Gamify template from the very first moment. The badges in her year program get triggered when a student finishes a module of the masterclasses.
In the bottom right you can also see that she provides a certificate.
Example 3 - Carola, De Gelukkige Eter
Carola is a Dutch Kajabi user with whom we are currently working in our business Kajabi Users NL. She has designed her own badges for her online courses in the Eetgeluk Universiteit (Eat Happiness University).
Her membership is divided into year-long courses. Each semester, members receive a number of modules within a theme with various lessons. When a monthly module is completed, members receive a badge. When the full half-year module is completed, members receive a super badge and a motivational email to join the Eat Happiness University again the next (half) year.
Example 4 - Michelle Parsley, Elevate Your Art
Michelle uses the Gamify badges within her membership. This membership is huge, with nearly 40 Kajabi products and about five years of content. Michelle is wildly enthusiastic about the badges; she already noticed that her students get incredibly motivated by them. And rightly so, her badges are beautiful!
Michelle has Gamify Pro and therefore can also give away certificates and Easter Eggs. These Easter Eggs can be earned by attending Live classes:
Example 5 - Diane Bleck, Doodle Institute
Diane used the Gamify Lite template for her 21 Doodle Days course. She gives away six badges: when you buy all six of her online courses, when all video lessons from the course are watched, when assignments are completed and when a student passes the Course Assessment. She also added a fun feature where she gives the badges away as actual physical badges.
Getting started with certificates in Gamify Pro
Do you also want to get started with certificates in the Gamify Pro template? We have developed the template in two versions, for both the Momentum and Premier template. Read all about Kajabi Gamify here and watch the short introduction video in which Bastiaan shows you the possibilities of this playful template.
Already sold? We totally understand! Click here to purchase the Kajabi Gamify template. We now have an amazing combi-deal. Kajabi Gamify for Premier and Momentum with a discount of €100!
Yes, I want Gamify Pro with a discountWe're curious to see your custom certificates. If you have any questions, let us know!
/* flush setting */ /* margin settings */ #block-blog_editor_0 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-blog_editor_0 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-blog_editor_0 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-blog_editor_0 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-blog_editor_0 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695984273213 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695984273213 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ background-color: ; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695984273213 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695984273213 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ } } /* mobile text align */ @media (max-width: 767px) { #block-1695984273213 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695999657790 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695999657790 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695999657790 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695999657790 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695999657790 { text-align: ; } } #block-1695999657790 .block, [data-slick-id="1695999657790"] .block { display: flex; justify-content: flex-start; } #block-1695999657790 .image, [data-slick-id="1695999657790"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1695999657790 .image__image, [data-slick-id="1695999657790"] .image__image { width: 100%; } #block-1695999657790 .image__overlay, [data-slick-id="1695999657790"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1695999657790 .image__overlay-text, [data-slick-id="1695999657790"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1695999657790 .block, [data-slick-id="1695999657790"] .block { display: flex; justify-content: flex-start; } #block-1695999657790 .image__overlay, [data-slick-id="1695999657790"] .image__overlay { opacity: 0; } #block-1695999657790 .image__overlay:hover { opacity: 1; } } /* flush setting */ #block-1695984990673 { padding: 0; } /* margin settings */ #block-1695984990673 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695984990673 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: ; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695984990673 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695984990673 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695984990673 { text-align: left; } } #block-1695984990673 .image__image { max-width: 33%; border-radius: 4px; } #block-1695984990673 .image__image { float: left; margin-right: 20px; } /* flush setting */ /* margin settings */ #block-1695998577079 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998577079 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998577079 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998577079 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998577079 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695986079634 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986079634 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695986079634 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986079634 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695986079634 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695986415821 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986415821 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695986415821 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986415821 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695986415821 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695986642149 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986642149 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #ffffff; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695986642149 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986642149 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695986642149 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695986942553 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986942553 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695986942553 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695986942553 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695986942553 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695995960681 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695995960681 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695995960681 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695995960681 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695995960681 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695995969249 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695995969249 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695995969249 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695995969249 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695995969249 { text-align: ; } } #block-1695995969249 .block, [data-slick-id="1695995969249"] .block { display: flex; justify-content: flex-start; } #block-1695995969249 .image, [data-slick-id="1695995969249"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1695995969249 .image__image, [data-slick-id="1695995969249"] .image__image { width: 100%; } #block-1695995969249 .image__overlay, [data-slick-id="1695995969249"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1695995969249 .image__overlay-text, [data-slick-id="1695995969249"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1695995969249 .block, [data-slick-id="1695995969249"] .block { display: flex; justify-content: flex-start; } #block-1695995969249 .image__overlay, [data-slick-id="1695995969249"] .image__overlay { opacity: 0; } #block-1695995969249 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1695995964298 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695995964298 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695995964298 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695995964298 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695995964298 { text-align: ; } } #block-1695995964298 .block, [data-slick-id="1695995964298"] .block { display: flex; justify-content: flex-start; } #block-1695995964298 .image, [data-slick-id="1695995964298"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1695995964298 .image__image, [data-slick-id="1695995964298"] .image__image { width: 100%; } #block-1695995964298 .image__overlay, [data-slick-id="1695995964298"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1695995964298 .image__overlay-text, [data-slick-id="1695995964298"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1695995964298 .block, [data-slick-id="1695995964298"] .block { display: flex; justify-content: flex-start; } #block-1695995964298 .image__overlay, [data-slick-id="1695995964298"] .image__overlay { opacity: 0; } #block-1695995964298 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1695989487610 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695989487610 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695989487610 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695989487610 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695989487610 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695988882399 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695988882399 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695988882399 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695988882399 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695988882399 { text-align: left; } } #block-1695988882399 .image__image { max-width: 40%; border-radius: 4px; } #block-1695988882399 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695993204502 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993204502 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695993204502 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993204502 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695993204502 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695993021474 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993021474 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695993021474 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993021474 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695993021474 { text-align: left; } } #block-1695993021474 .image__image { max-width: 40%; border-radius: 4px; } #block-1695993021474 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695993495367 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993495367 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695993495367 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993495367 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695993495367 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695993476640 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993476640 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695993476640 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993476640 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695993476640 { text-align: left; } } #block-1695993476640 .image__image { max-width: 40%; border-radius: 4px; } #block-1695993476640 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695997810044 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695997810044 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695997810044 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695997810044 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695997810044 { text-align: left; } } #block-1695997810044 .image__image { max-width: 40%; border-radius: 4px; } #block-1695997810044 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695994028425 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695994028425 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695994028425 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695994028425 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695994028425 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695993574054 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993574054 .block { /* border settings */ border: 4px none black; border-radius: 0px; /* background color */ background-color: ; /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695993574054 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993574054 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695993574054 { text-align: ; } } #block-1695993574054 .block, [data-slick-id="1695993574054"] .block { display: flex; justify-content: flex-start; } #block-1695993574054 .image, [data-slick-id="1695993574054"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1695993574054 .image__image, [data-slick-id="1695993574054"] .image__image { width: 100%; } #block-1695993574054 .image__overlay, [data-slick-id="1695993574054"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1695993574054 .image__overlay-text, [data-slick-id="1695993574054"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1695993574054 .block, [data-slick-id="1695993574054"] .block { display: flex; justify-content: flex-start; } #block-1695993574054 .image__overlay, [data-slick-id="1695993574054"] .image__overlay { opacity: 0; } #block-1695993574054 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1695993656172 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993656172 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695993656172 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695993656172 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695993656172 { text-align: ; } } #block-1695993656172 .block, [data-slick-id="1695993656172"] .block { display: flex; justify-content: flex-start; } #block-1695993656172 .image, [data-slick-id="1695993656172"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1695993656172 .image__image, [data-slick-id="1695993656172"] .image__image { width: 100%; } #block-1695993656172 .image__overlay, [data-slick-id="1695993656172"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1695993656172 .image__overlay-text, [data-slick-id="1695993656172"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1695993656172 .block, [data-slick-id="1695993656172"] .block { display: flex; justify-content: flex-start; } #block-1695993656172 .image__overlay, [data-slick-id="1695993656172"] .image__overlay { opacity: 0; } #block-1695993656172 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1695998523090 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998523090 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998523090 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998523090 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998523090 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695998471228 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998471228 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998471228 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998471228 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998471228 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695998609448 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998609448 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998609448 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998609448 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998609448 { text-align: ; } } #block-1695998609448 .block, [data-slick-id="1695998609448"] .block { display: flex; justify-content: flex-start; } #block-1695998609448 .image, [data-slick-id="1695998609448"] .image { width: 100%; overflow: hidden; border-radius: 4px; } #block-1695998609448 .image__image, [data-slick-id="1695998609448"] .image__image { width: 100%; } #block-1695998609448 .image__overlay, [data-slick-id="1695998609448"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1695998609448 .image__overlay-text, [data-slick-id="1695998609448"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1695998609448 .block, [data-slick-id="1695998609448"] .block { display: flex; justify-content: flex-start; } #block-1695998609448 .image__overlay, [data-slick-id="1695998609448"] .image__overlay { opacity: 0; } #block-1695998609448 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1695998649434 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998649434 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998649434 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998649434 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998649434 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } #block-1695998649434 .btn, [data-slick-id="1695998649434"] .block .btn { color: #ffffff; border-color: #c8b496; border-radius: 90px; background-color: #c8b496; } #block-1695998649434 .btn--outline, [data-slick-id="1695998649434"] .block .btn--outline { background: transparent; color: #c8b496; } /* flush setting */ /* margin settings */ #block-1695998868504 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998868504 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998868504 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998868504 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998868504 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695998913387 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998913387 .block { /* border settings */ border: 1px solid #ECF0F1; border-radius: 10px; /* background color */ background-color: #ffffff; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695998913387 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695998913387 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1695998913387 { text-align: center; } } #block-1695998913387 .feature__image, [data-slick-id="1695998913387"] .feature__image { width: 100px; border-radius: 100px; } .authorfeature { display: flex; align-items: flex-start; position: relative; } .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; } .authorfeature__image { max-width: 150px; height: auto; } .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ } @media (max-width: 767px) { #block-1695998913387 .authorfeature { flex-direction: column; /* Stack children vertically */ align-items: center; } #block-1695998913387 .authorfeature__image-container { margin-right: 0; } }
