Veggie Burgers Reviewed ABC+PowerPack demo
Sep 25, 2023Example Awesome Blog Creator
This blog post is created with the Awesome Blog Creator + PowerPack of Jiffy Courses Online. It is meant to demonstrate some of the countless possibilities you have at your disposal when using this tool.
Find out more at: The Awesome Blog Creator >>
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
How did we test the burgers
This text in this block is automatically wrapped around the image. If you switch from desktop to tablet of mobile, the text and image will adapt. Just try out to see what happens.
The Text Wrap feature comes with the ABC + Powerpack.
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed.
Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque. Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
Meet our burgers
To present the veggie burgers in this test, we used the Author Card feature of the ABC + PowerPack.
Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque. Lorem ipsum dolor sit amet, metus at rhoncus dapibus,
The testing experience
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
Price
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque. Lorem ipsum dolor sit amet, habitasse vitae cubilia odio sed.
Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
Texture
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque. Lorem ipsum dolor sit amet, habitasse vitae cubilia odio sed.
Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
Taste and smell
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus.
Lorem ipsum dolor sit amet, habitasse vitae cubilia odio sed.
Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
Do you think of meat?
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque. Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
The scores
The review cards shown below are another feature of the ABC + PowerPack. You'll have different options to visualize the scores of the product or service you've reviewed. You can choose which elements you want to incorporate and every element can be adapted to fit your style.
The scores presented below a are only meant to demonstrate the Review Block option of the ABC + PowerPack. The scores do not represent real scores or the opinion of the author about a specific product.
1: Beyond Burger
Lorem ipsum dolor sit amet,.
75%
Price for ⭐️⭐️⭐️⭐️⭐️
Texture ⭐️⭐️⭐️⭐️⭐️
Taste ⭐️⭐️⭐️⭐️⭐️
Meat ⭐️⭐️⭐️⭐️⭐️
Total score ⭐️⭐️⭐️⭐️⭐️
2: Garden Gourmet
Lorem ipsum dolor sit amet.
60%
Price for ⭐️⭐️⭐️⭐️⭐️
Texture ⭐️⭐️⭐️⭐️⭐️
Taste ⭐️⭐️⭐️⭐️⭐️
Meat ⭐️⭐️⭐️⭐️⭐️
Total score ⭐️⭐️⭐️⭐️⭐️
3: AH Terra
Lorem ipsum dolor sit amet.
65%
Price for ⭐️⭐️⭐️⭐️⭐️
Texture ⭐️⭐️⭐️⭐️⭐️
Taste ⭐️⭐️⭐️⭐️⭐️
Meat ⭐️⭐️⭐️⭐️⭐️
Total score ⭐️⭐️⭐️⭐️⭐️
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
4: Garden Gourmet
Lorem ipsum dolor sit amet.
75%
Price for ⭐️⭐️⭐️⭐️⭐️
Texture ⭐️⭐️⭐️⭐️⭐️
Taste ⭐️⭐️⭐️⭐️⭐️
Meat ⭐️⭐️⭐️⭐️⭐️
Total score ⭐️⭐️⭐️⭐️⭐️
5: Vivera
Lorem ipsum dolor sit amet.
70%
Price for ⭐️⭐️⭐️⭐️⭐️
Texture ⭐️⭐️⭐️⭐️⭐️
Taste ⭐️⭐️⭐️⭐️⭐️
Meat ⭐️⭐️⭐️⭐️⭐️
Total score ⭐️⭐️⭐️⭐️⭐️
6: Vegetarische Slager
Lorem ipsum dolor sit amet.
85%
Price for ⭐️⭐️⭐️⭐️⭐️
Texture ⭐️⭐️⭐️⭐️⭐️
Taste ⭐️⭐️⭐️⭐️⭐️
Meat ⭐️⭐️⭐️⭐️⭐️
Total score ⭐️⭐️⭐️⭐️⭐️
The conclusion
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
The Awesome Blog Creator PowerPack
This demo blog is created with the Awesome Blog Creator + PowerPack. It demonstrates some of the many possibilities, but there is so much more. Just check it out.
Do you want to see more demo blogs? Do take a look at these other blogs created with the Awesome Blog Creator and the Awesome Blog Creator + PowerPack
☟
Do you want to know more about the Awesome Blog Creator and the ABC + PowerPack?
Unlock the power of minimalistic fashion ABC-demo
Sep 19, 2023
How to Travel on a Budget ABC+PowerPack demo
Sep 21, 2023
/* flush setting */ /* margin settings */ #block-1695808423290 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695808423290 .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-1695808423290 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695808423290 .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-1695808423290 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695823632865 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695823632865 .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-1695823632865 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695823632865 .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-1695823632865 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695823664488 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695823664488 .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-1695823664488 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695823664488 .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-1695823664488 { text-align: left; } } #block-1695823664488 .image__image { max-width: 25%; border-radius: 4px; } #block-1695823664488 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695824214561 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695824214561 .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-1695824214561 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695824214561 .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-1695824214561 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695896943584 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695896943584 .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-1695896943584 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695896943584 .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-1695896943584 { text-align: center; } } #block-1695896943584 .feature__image, [data-slick-id="1695896943584"] .feature__image { width: 100px; border-radius: 0px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } } /* flush setting */ /* margin settings */ #block-1695897148516 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897148516 .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-1695897148516 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897148516 .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-1695897148516 { text-align: center; } } #block-1695897148516 .feature__image, [data-slick-id="1695897148516"] .feature__image { width: 100px; border-radius: 0px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } } /* flush setting */ /* margin settings */ #block-1695897126311 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897126311 .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-1695897126311 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897126311 .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-1695897126311 { text-align: center; } } #block-1695897126311 .feature__image, [data-slick-id="1695897126311"] .feature__image { width: 100px; border-radius: 0px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } } /* flush setting */ /* margin settings */ #block-1695897172427 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897172427 .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-1695897172427 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897172427 .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-1695897172427 { text-align: center; } } #block-1695897172427 .feature__image, [data-slick-id="1695897172427"] .feature__image { width: 100px; border-radius: 0px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } } /* flush setting */ /* margin settings */ #block-1695897192505 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897192505 .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-1695897192505 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897192505 .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-1695897192505 { text-align: center; } } #block-1695897192505 .feature__image, [data-slick-id="1695897192505"] .feature__image { width: 100px; border-radius: 0px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } } /* flush setting */ /* margin settings */ #block-1695897223824 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897223824 .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-1695897223824 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695897223824 .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-1695897223824 { text-align: center; } } #block-1695897223824 .feature__image, [data-slick-id="1695897223824"] .feature__image { width: 100px; border-radius: 0px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } } /* flush setting */ /* margin settings */ #block-1695824365940 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695824365940 .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-1695824365940 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695824365940 .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-1695824365940 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695824743541 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695824743541 .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-1695824743541 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695824743541 .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-1695824743541 { text-align: left; } } #block-1695824743541 .image__image { max-width: 33%; border-radius: 4px; } #block-1695824743541 .image__image { float: left; margin-right: 20px; } /* flush setting */ /* margin settings */ #block-1695826166276 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826166276 .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-1695826166276 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826166276 .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-1695826166276 { text-align: left; } } #block-1695826166276 .image__image { max-width: 33%; border-radius: 4px; } #block-1695826166276 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695826218389 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826218389 .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-1695826218389 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826218389 .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-1695826218389 { text-align: left; } } #block-1695826218389 .image__image { max-width: 33%; border-radius: 4px; } #block-1695826218389 .image__image { float: left; margin-right: 20px; } /* flush setting */ /* margin settings */ #block-1695826276339 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826276339 .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-1695826276339 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826276339 .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-1695826276339 { text-align: left; } } #block-1695826276339 .image__image { max-width: 33%; border-radius: 4px; } #block-1695826276339 .image__image { float: right; margin-left: 20px; } /* flush setting */ /* margin settings */ #block-1695826317750 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826317750 .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-1695826317750 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826317750 .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-1695826317750 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695826426528 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826426528 .block { /* border settings */ border: 1px solid #cccccc; 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-1695826426528 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826426528 .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-1695826426528 { text-align: center; } } #block-1695826426528 .feature__image, [data-slick-id="1695826426528"] .feature__image { width: 100px; border-radius: 0px; } #block-1695826426528 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695826426528 .revcirle, #block-1695826426528 .revtext {width: 100%;} #block-1695826426528 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695826426528 .revcirle, #block-1695826426528 .revtext {width: 100%;} #block-1695826426528 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695826426528 .revtext .even { font-size: 14px; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695826426528 .revtext .uneven {font-size: 14px; background-color: #dddddd; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695826426528 .revtext span { float: right; } #block-1695826426528 .revtext span { position: relative;} #block-1695826426528 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695826426528 .item1 span::after {width: 70%;} #block-1695826426528 .item2 span::after {width: 10%;} #block-1695826426528 .item3 span::after {width: 30%;} #block-1695826426528 .item4 span::after {width: 40%;} #block-1695826426528 .item5 span::after {width: 25%;} #block-1695826426528 .item6 span::after {width: 100%;} #block-1695826426528 .item7 span::after {width: 100%;} #block-1695826426528 .item8 span::after {width: 100%;} #block-1695826426528 .item9 span::after {width: 100%;} #block-1695826426528 .item10 span::after {width: 100%;} #block-1695826426528 .uneven span::after {background-color: #dddddd;} #block-1695826426528 .even span::after {background-color: #ffffff;} #block-1695826426528 .fill, #block-1695826426528 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695826426528 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695826426528 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1695826426528 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1695826426528 .c100:hover { cursor: default; } #block-1695826426528 .c100:hover span { color: #146129; } #block-1695826426528 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695826426528 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695826783652 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826783652 .block { /* border settings */ border: 1px solid #cccccc; 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-1695826783652 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826783652 .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-1695826783652 { text-align: center; } } #block-1695826783652 .feature__image, [data-slick-id="1695826783652"] .feature__image { width: 100px; border-radius: 0px; } #block-1695826783652 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695826783652 .revcirle, #block-1695826783652 .revtext {width: 100%;} #block-1695826783652 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695826783652 .revcirle, #block-1695826783652 .revtext {width: 100%;} #block-1695826783652 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695826783652 .revtext .even { font-size: 14px; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695826783652 .revtext .uneven {font-size: 14px; background-color: #dddddd; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695826783652 .revtext span { float: right; } #block-1695826783652 .revtext span { position: relative;} #block-1695826783652 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695826783652 .item1 span::after {width: 40%;} #block-1695826783652 .item2 span::after {width: 20%;} #block-1695826783652 .item3 span::after {width: 35%;} #block-1695826783652 .item4 span::after {width: 60%;} #block-1695826783652 .item5 span::after {width: 40%;} #block-1695826783652 .item6 span::after {width: 100%;} #block-1695826783652 .item7 span::after {width: 100%;} #block-1695826783652 .item8 span::after {width: 100%;} #block-1695826783652 .item9 span::after {width: 100%;} #block-1695826783652 .item10 span::after {width: 100%;} #block-1695826783652 .uneven span::after {background-color: #dddddd;} #block-1695826783652 .even span::after {background-color: #ffffff;} #block-1695826783652 .fill, #block-1695826783652 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p60 .slice { clip: rect(auto, auto, auto, auto); } .c100.p60 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p60 .bar:after, .c100.p60 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695826783652 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695826783652 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1695826783652 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p60 .bar { -webkit-transform: rotate(216.0deg); -moz-transform: rotate(216.0deg); -ms-transform: rotate(216.0deg); -o-transform: rotate(216.0deg); transform: rotate(216.0deg); } #block-1695826783652 .c100:hover { cursor: default; } #block-1695826783652 .c100:hover span { color: #146129; } #block-1695826783652 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695826783652 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695826967206 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826967206 .block { /* border settings */ border: 1px solid #cccccc; 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-1695826967206 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695826967206 .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-1695826967206 { text-align: center; } } #block-1695826967206 .feature__image, [data-slick-id="1695826967206"] .feature__image { width: 100px; border-radius: 0px; } #block-1695826967206 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695826967206 .revcirle, #block-1695826967206 .revtext {width: 100%;} #block-1695826967206 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695826967206 .revcirle, #block-1695826967206 .revtext {width: 100%;} #block-1695826967206 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695826967206 .revtext .even { font-size: 14px; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695826967206 .revtext .uneven {font-size: 14px; background-color: #dddddd; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695826967206 .revtext span { float: right; } #block-1695826967206 .revtext span { position: relative;} #block-1695826967206 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695826967206 .item1 span::after {width: 60%;} #block-1695826967206 .item2 span::after {width: 20%;} #block-1695826967206 .item3 span::after {width: 20%;} #block-1695826967206 .item4 span::after {width: 25%;} #block-1695826967206 .item5 span::after {width: 20%;} #block-1695826967206 .item6 span::after {width: 100%;} #block-1695826967206 .item7 span::after {width: 100%;} #block-1695826967206 .item8 span::after {width: 100%;} #block-1695826967206 .item9 span::after {width: 100%;} #block-1695826967206 .item10 span::after {width: 100%;} #block-1695826967206 .uneven span::after {background-color: #dddddd;} #block-1695826967206 .even span::after {background-color: #ffffff;} #block-1695826967206 .fill, #block-1695826967206 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p65 .slice { clip: rect(auto, auto, auto, auto); } .c100.p65 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p65 .bar:after, .c100.p65 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695826967206 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695826967206 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1695826967206 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p65 .bar { -webkit-transform: rotate(234.0deg); -moz-transform: rotate(234.0deg); -ms-transform: rotate(234.0deg); -o-transform: rotate(234.0deg); transform: rotate(234.0deg); } #block-1695826967206 .c100:hover { cursor: default; } #block-1695826967206 .c100:hover span { color: #146129; } #block-1695826967206 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695826967206 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695827024428 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827024428 .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-1695827024428 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827024428 .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-1695827024428 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695827014421 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827014421 .block { /* border settings */ border: 1px solid #cccccc; 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-1695827014421 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827014421 .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-1695827014421 { text-align: center; } } #block-1695827014421 .feature__image, [data-slick-id="1695827014421"] .feature__image { width: 100px; border-radius: 0px; } #block-1695827014421 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695827014421 .revcirle, #block-1695827014421 .revtext {width: 100%;} #block-1695827014421 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695827014421 .revcirle, #block-1695827014421 .revtext {width: 100%;} #block-1695827014421 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695827014421 .revtext .even { font-size: 14px; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695827014421 .revtext .uneven {font-size: 14px; background-color: #dddddd; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695827014421 .revtext span { float: right; } #block-1695827014421 .revtext span { position: relative;} #block-1695827014421 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695827014421 .item1 span::after {width: 60%;} #block-1695827014421 .item2 span::after {width: 20%;} #block-1695827014421 .item3 span::after {width: 10%;} #block-1695827014421 .item4 span::after {width: 20%;} #block-1695827014421 .item5 span::after {width: -6475%;} #block-1695827014421 .item6 span::after {width: 100%;} #block-1695827014421 .item7 span::after {width: 100%;} #block-1695827014421 .item8 span::after {width: 100%;} #block-1695827014421 .item9 span::after {width: 100%;} #block-1695827014421 .item10 span::after {width: 100%;} #block-1695827014421 .uneven span::after {background-color: #dddddd;} #block-1695827014421 .even span::after {background-color: #ffffff;} #block-1695827014421 .fill, #block-1695827014421 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p75 .slice { clip: rect(auto, auto, auto, auto); } .c100.p75 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p75 .bar:after, .c100.p75 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695827014421 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695827014421 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1695827014421 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p75 .bar { -webkit-transform: rotate(270.0deg); -moz-transform: rotate(270.0deg); -ms-transform: rotate(270.0deg); -o-transform: rotate(270.0deg); transform: rotate(270.0deg); } #block-1695827014421 .c100:hover { cursor: default; } #block-1695827014421 .c100:hover span { color: #146129; } #block-1695827014421 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695827014421 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695827165607 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827165607 .block { /* border settings */ border: 1px solid #cccccc; 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-1695827165607 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827165607 .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-1695827165607 { text-align: center; } } #block-1695827165607 .feature__image, [data-slick-id="1695827165607"] .feature__image { width: 100px; border-radius: 0px; } #block-1695827165607 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695827165607 .revcirle, #block-1695827165607 .revtext {width: 100%;} #block-1695827165607 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695827165607 .revcirle, #block-1695827165607 .revtext {width: 100%;} #block-1695827165607 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695827165607 .revtext .even { font-size: 14px; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695827165607 .revtext .uneven {font-size: 14px; background-color: #dddddd; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695827165607 .revtext span { float: right; } #block-1695827165607 .revtext span { position: relative;} #block-1695827165607 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695827165607 .item1 span::after {width: 30%;} #block-1695827165607 .item2 span::after {width: 40%;} #block-1695827165607 .item3 span::after {width: 40%;} #block-1695827165607 .item4 span::after {width: 70%;} #block-1695827165607 .item5 span::after {width: 30%;} #block-1695827165607 .item6 span::after {width: 100%;} #block-1695827165607 .item7 span::after {width: 100%;} #block-1695827165607 .item8 span::after {width: 100%;} #block-1695827165607 .item9 span::after {width: 100%;} #block-1695827165607 .item10 span::after {width: 100%;} #block-1695827165607 .uneven span::after {background-color: #dddddd;} #block-1695827165607 .even span::after {background-color: #ffffff;} #block-1695827165607 .fill, #block-1695827165607 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p70 .slice { clip: rect(auto, auto, auto, auto); } .c100.p70 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p70 .bar:after, .c100.p70 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695827165607 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695827165607 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1695827165607 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p70 .bar { -webkit-transform: rotate(252.0deg); -moz-transform: rotate(252.0deg); -ms-transform: rotate(252.0deg); -o-transform: rotate(252.0deg); transform: rotate(252.0deg); } #block-1695827165607 .c100:hover { cursor: default; } #block-1695827165607 .c100:hover span { color: #146129; } #block-1695827165607 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695827165607 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695827293046 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827293046 .block { /* border settings */ border: 1px solid #cccccc; 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-1695827293046 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827293046 .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-1695827293046 { text-align: center; } } #block-1695827293046 .feature__image, [data-slick-id="1695827293046"] .feature__image { width: 100px; border-radius: 0px; } #block-1695827293046 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1695827293046 .revcirle, #block-1695827293046 .revtext {width: 100%;} #block-1695827293046 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1695827293046 .revcirle, #block-1695827293046 .revtext {width: 100%;} #block-1695827293046 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1695827293046 .revtext .even { font-size: 14px; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695827293046 .revtext .uneven {font-size: 14px; background-color: #dddddd; margin-bottom: 0; padding: 5px; text-align: left; } #block-1695827293046 .revtext span { float: right; } #block-1695827293046 .revtext span { position: relative;} #block-1695827293046 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1695827293046 .item1 span::after {width: 35%;} #block-1695827293046 .item2 span::after {width: 10%;} #block-1695827293046 .item3 span::after {width: 10%;} #block-1695827293046 .item4 span::after {width: 15%;} #block-1695827293046 .item5 span::after {width: 15%;} #block-1695827293046 .item6 span::after {width: 100%;} #block-1695827293046 .item7 span::after {width: 100%;} #block-1695827293046 .item8 span::after {width: 100%;} #block-1695827293046 .item9 span::after {width: 100%;} #block-1695827293046 .item10 span::after {width: 100%;} #block-1695827293046 .uneven span::after {background-color: #dddddd;} #block-1695827293046 .even span::after {background-color: #ffffff;} #block-1695827293046 .fill, #block-1695827293046 .bar { border-color: #146129; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p85 .slice { clip: rect(auto, auto, auto, auto); } .c100.p85 .fill { position: absolute; border: 0.08em solid #146129; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p85 .bar:after, .c100.p85 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1695827293046 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1695827293046 .c100 span { color: #146129; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1695827293046 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p85 .bar { -webkit-transform: rotate(306.0deg); -moz-transform: rotate(306.0deg); -ms-transform: rotate(306.0deg); -o-transform: rotate(306.0deg); transform: rotate(306.0deg); } #block-1695827293046 .c100:hover { cursor: default; } #block-1695827293046 .c100:hover span { color: #146129; } #block-1695827293046 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #146129; } #block-1695827293046 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1695827581388 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827581388 .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-1695827581388 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827581388 .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-1695827581388 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695827611441 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827611441 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #597f64; /* 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-1695827611441 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827611441 .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-1695827611441 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1695828266017 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695828266017 .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: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1695828266017 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695828266017 .block { /* default padding for desktop */ padding: 0px; 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-1695828266017 { text-align: left; } } #block-1695828266017 .btn { border-color: #597f64; border-radius: 4px; background: #597f64; color: #ffffff; } #block-1695828266017 .btn--outline { background: transparent; color: #597f64; } #block-1695828266017 .card__footer { color: } /* flush setting */ /* margin settings */ #block-1695827655197 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827655197 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #fff; /* 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-1695827655197 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827655197 .block { /* default padding for desktop */ padding: 0px; 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-1695827655197 { text-align: left; } } #block-1695827655197 .block { overflow: hidden; } /* flush setting */ /* margin settings */ #block-1695827629996 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827629996 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: #fff; /* 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-1695827629996 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695827629996 .block { /* default padding for desktop */ padding: 0px; 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-1695827629996 { text-align: left; } } #block-1695827629996 .block { overflow: hidden; } /* flush setting */ /* margin settings */ #block-1695828664799 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695828664799 .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-1695828664799 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1695828664799 .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-1695828664799 { text-align: center; } } #block-1695828664799 .feature__image, [data-slick-id="1695828664799"] .feature__image { width: 100px; border-radius: 100px; } /* CSS for the feature container */ .authorfeature { display: flex; align-items: flex-start; /* Align items to the top */ /* Add any other styles you need for the container */ position: relative; } /* CSS for the image container */ .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; /* Adjust the spacing between image and text */ /* Add any other styles you need for the image container */ } /* CSS for the image */ .authorfeature__image { max-width: 150px; /* Set the maximum width of the image */ height: auto; /* Maintain aspect ratio */ /* Add any other styles you need for the image */ } /* CSS for the text and button container */ .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ /* Add any other styles you need for the text and button container */ } }
