+
+
+
@@ -1088,6 +1090,9 @@
<div class="space-y-7">
<span>General Icons</span>
<div class="grid grid-cols-12 auto-cols-max grid-flow-row gap-y-10">
+ <div class="bg-white p-4 w-max m-auto" tooltip=".icon-add">
+ <i class="icon-add text-lg"></i>
+ </div>
<div class="bg-white p-4 w-max m-auto" tooltip=".icon-earth">
<i class="icon-earth text-lg"></i>
</div>
diff --git a/vendor/safingTailwind/docs/js/internal/iframeRefresher.js b/vendor/safingTailwind/docs/js/internal/iframeRefresher.js
index a0077d7..770d9b5 100644
--- a/vendor/safingTailwind/docs/js/internal/iframeRefresher.js
+++ b/vendor/safingTailwind/docs/js/internal/iframeRefresher.js
@@ -10,7 +10,7 @@ function SetUpIframeData() {
innerHtml = iframeContents.find('html');
innerBody = iframeContents.find('body');
innerHead = iframeContents.find('head');
- innerHead.append('
');
+ innerHead.append('
');
innerBody.append(data)
});
setTimeout(function(){
diff --git a/vendor/safingTailwind/fonts/safing-icons.ttf b/vendor/safingTailwind/fonts/safing-icons.ttf
index 9129431..a59f0c5 100644
Binary files a/vendor/safingTailwind/fonts/safing-icons.ttf and b/vendor/safingTailwind/fonts/safing-icons.ttf differ
diff --git a/vendor/safingTailwind/fonts/safing-icons.woff b/vendor/safingTailwind/fonts/safing-icons.woff
index 1a30b00..7b6bb01 100644
Binary files a/vendor/safingTailwind/fonts/safing-icons.woff and b/vendor/safingTailwind/fonts/safing-icons.woff differ
diff --git a/vendor/safingTailwind/safingTailwind-1.6.1.css b/vendor/safingTailwind/safingTailwind-1.7.css
similarity index 99%
rename from vendor/safingTailwind/safingTailwind-1.6.1.css
rename to vendor/safingTailwind/safingTailwind-1.7.css
index e5a8d53..6b61556 100644
--- a/vendor/safingTailwind/safingTailwind-1.6.1.css
+++ b/vendor/safingTailwind/safingTailwind-1.7.css
@@ -1739,21 +1739,6 @@ em {
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
-.card, .card-extended {
- position: relative;
-}
-
-.card::after, .card-extended::after {
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
- content: '';
- height: 100%;
- left: 0px;
- position: absolute;
- top: 0px;
- width: 100%;
- z-index: -1;
-}
-
.card-extended .card {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(0, 0, 0, 0.15);
@@ -1999,18 +1984,38 @@ em {
display: block;
}
-.card-shadow {
+.card.card-shadow, .card-extended.card-shadow {
position: relative;
}
-.card-shadow::after {
+.card.card-shadow::after,
+.card-extended.card-shadow::after {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
content: '';
+}
+
+.card.card-shadow::after, .card-extended.card-shadow::after {
height: 100%;
+}
+
+.card.card-shadow::after, .card-extended.card-shadow::after {
left: 0px;
+}
+
+.card.card-shadow::after, .card-extended.card-shadow::after {
position: absolute;
+}
+
+.card.card-shadow::after, .card-extended.card-shadow::after {
top: 0px;
+}
+
+.card.card-shadow::after, .card-extended.card-shadow::after {
width: 100%;
+}
+
+.card.card-shadow::after,
+.card-extended.card-shadow::after {
z-index: -1;
}
@@ -2161,7 +2166,12 @@ em {
content: var(--icon-chart);
}
+.icon-add:before {
+ content: var(--icon-add);
+}
+
:root {
+ --icon-add: "\e91e";
--icon-scales: "\e91c";
--icon-chart: "\e91d";
--icon-fedora: "\e901";
@@ -3676,21 +3686,6 @@ em {
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
-.card-influence, .card-extended {
- position: relative;
-}
-
-.card-influence::after, .card-extended::after {
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
- content: '';
- height: 100%;
- left: 0px;
- position: absolute;
- top: 0px;
- width: 100%;
- z-index: -1;
-}
-
.card-extended .card-influence {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(0, 0, 0, 0.15);
@@ -3933,6 +3928,41 @@ em {
padding-left: 0px;
}
+.card-influence.card-shadow, .card-extended.card-shadow {
+ position: relative;
+}
+
+.card-influence.card-shadow::after,
+.card-extended.card-shadow::after {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
+ content: '';
+}
+
+.card-influence.card-shadow::after, .card-extended.card-shadow::after {
+ height: 100%;
+}
+
+.card-influence.card-shadow::after, .card-extended.card-shadow::after {
+ left: 0px;
+}
+
+.card-influence.card-shadow::after, .card-extended.card-shadow::after {
+ position: absolute;
+}
+
+.card-influence.card-shadow::after, .card-extended.card-shadow::after {
+ top: 0px;
+}
+
+.card-influence.card-shadow::after, .card-extended.card-shadow::after {
+ width: 100%;
+}
+
+.card-influence.card-shadow::after,
+.card-extended.card-shadow::after {
+ z-index: -1;
+}
+
.card-faq .card-influence .card-title {
padding-top: 0px;
}
@@ -4039,21 +4069,6 @@ em {
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
-.card-package, .card-extended {
- position: relative;
-}
-
-.card-package::after, .card-extended::after {
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
- content: '';
- height: 100%;
- left: 0px;
- position: absolute;
- top: 0px;
- width: 100%;
- z-index: -1;
-}
-
.card-extended .card-package {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(0, 0, 0, 0.15);
@@ -4296,6 +4311,41 @@ em {
padding-left: 0px;
}
+.card-package.card-shadow, .card-extended.card-shadow {
+ position: relative;
+}
+
+.card-package.card-shadow::after,
+.card-extended.card-shadow::after {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
+ content: '';
+}
+
+.card-package.card-shadow::after, .card-extended.card-shadow::after {
+ height: 100%;
+}
+
+.card-package.card-shadow::after, .card-extended.card-shadow::after {
+ left: 0px;
+}
+
+.card-package.card-shadow::after, .card-extended.card-shadow::after {
+ position: absolute;
+}
+
+.card-package.card-shadow::after, .card-extended.card-shadow::after {
+ top: 0px;
+}
+
+.card-package.card-shadow::after, .card-extended.card-shadow::after {
+ width: 100%;
+}
+
+.card-package.card-shadow::after,
+.card-extended.card-shadow::after {
+ z-index: -1;
+}
+
.card-faq .card-package .card-title {
padding-top: 0px;
}
@@ -4319,24 +4369,11 @@ em {
}
.card-package {
+ width: 370px;
padding-left: 3rem;
padding-right: 3rem;
- padding-top: 3rem;
padding-bottom: 3rem;
-}
-
-@media (min-width: 768px) {
- .card-package {
- padding-left: 4rem;
- padding-right: 4rem;
- }
-}
-
-@media (min-width: 768px) {
- .card-package {
- padding-top: 4rem;
- padding-bottom: 4rem;
- }
+ padding-top: 3rem;
}
.card-package .card-package-top > :not([hidden]) ~ :not([hidden]) {
@@ -4419,6 +4456,41 @@ em {
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
+.card-package.most-popular {
+ --tw-border-opacity: 1;
+ border-color: rgba(97, 136, 255, var(--tw-border-opacity));
+ border-width: 4px;
+}
+
+.card-package .card-package-most-popular {
+ width: 100%;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 0px;
+}
+
+.card-package .card-package-most-popular span {
+ --tw-bg-opacity: 1;
+ background-color: rgba(97, 136, 255, var(--tw-bg-opacity));
+ text-align: center;
+ border-radius: 9999px;
+ padding-left: 2.5rem;
+ padding-right: 2.5rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ display: block;
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ margin-left: auto;
+ margin-right: auto;
+ --tw-text-opacity: 1;
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
+ font-weight: 700;
+ margin-top: -20px;
+}
+
.card-faq, .card-extended {
height: -webkit-max-content;
height: -moz-max-content;
@@ -4442,21 +4514,6 @@ em {
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
-.card-faq, .card-extended {
- position: relative;
-}
-
-.card-faq::after, .card-extended::after {
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
- content: '';
- height: 100%;
- left: 0px;
- position: absolute;
- top: 0px;
- width: 100%;
- z-index: -1;
-}
-
.card-extended .card-faq {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(0, 0, 0, 0.15);
@@ -4699,6 +4756,41 @@ em {
padding-left: 0px;
}
+.card-faq.card-shadow, .card-extended.card-shadow {
+ position: relative;
+}
+
+.card-faq.card-shadow::after,
+.card-extended.card-shadow::after {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
+ content: '';
+}
+
+.card-faq.card-shadow::after, .card-extended.card-shadow::after {
+ height: 100%;
+}
+
+.card-faq.card-shadow::after, .card-extended.card-shadow::after {
+ left: 0px;
+}
+
+.card-faq.card-shadow::after, .card-extended.card-shadow::after {
+ position: absolute;
+}
+
+.card-faq.card-shadow::after, .card-extended.card-shadow::after {
+ top: 0px;
+}
+
+.card-faq.card-shadow::after, .card-extended.card-shadow::after {
+ width: 100%;
+}
+
+.card-faq.card-shadow::after,
+.card-extended.card-shadow::after {
+ z-index: -1;
+}
+
.card-faq .card-faq .card-title {
padding-top: 0px;
}
@@ -4810,21 +4902,6 @@ em {
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
-.card-table, .card-extended {
- position: relative;
-}
-
-.card-table::after, .card-extended::after {
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
- content: '';
- height: 100%;
- left: 0px;
- position: absolute;
- top: 0px;
- width: 100%;
- z-index: -1;
-}
-
.card-extended .card-table {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(0, 0, 0, 0.15);
@@ -5067,6 +5144,41 @@ em {
padding-left: 0px;
}
+.card-table.card-shadow, .card-extended.card-shadow {
+ position: relative;
+}
+
+.card-table.card-shadow::after,
+.card-extended.card-shadow::after {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
+ content: '';
+}
+
+.card-table.card-shadow::after, .card-extended.card-shadow::after {
+ height: 100%;
+}
+
+.card-table.card-shadow::after, .card-extended.card-shadow::after {
+ left: 0px;
+}
+
+.card-table.card-shadow::after, .card-extended.card-shadow::after {
+ position: absolute;
+}
+
+.card-table.card-shadow::after, .card-extended.card-shadow::after {
+ top: 0px;
+}
+
+.card-table.card-shadow::after, .card-extended.card-shadow::after {
+ width: 100%;
+}
+
+.card-table.card-shadow::after,
+.card-extended.card-shadow::after {
+ z-index: -1;
+}
+
.card-faq .card-table .card-title {
padding-top: 0px;
}
@@ -5233,6 +5345,39 @@ em {
color: rgba(89, 89, 89, var(--tw-text-opacity));
}
+.package-billing {
+ display: flex;
+ width: 100%;
+}
+
+.package-billing-line-left,
+.package-billing-line-right {
+ height: 15px;
+ width: 100%;
+ background-color: transparent;
+ border: 3px solid #2f62ff;
+ margin-top: 10px;
+}
+
+.package-billing-center {
+ width: 620px;
+ text-align: center;
+}
+
+.package-billing-line-right {
+ border-top-right-radius: 10px;
+ border-left: none;
+ border-bottom: none;
+ margin-left: 17px;
+}
+
+.package-billing-line-left {
+ border-top-left-radius: 10px;
+ border-right: none;
+ border-bottom: none;
+ margin-right: 17px;
+}
+
.header-one-container-reverse, .header-one-container {
height: -webkit-max-content;
height: -moz-max-content;
@@ -5580,6 +5725,15 @@ em {
.header-two-container > .header-two-top {
padding-top: 4rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+
+@media (min-width: 768px) {
+ .header-two-container > .header-two-top {
+ padding-left: 0px;
+ padding-right: 0px;
+ }
}
.header-two-container .header-two-top-title {
@@ -5588,6 +5742,8 @@ em {
line-height: 1;
font-size: 3.75rem;
line-height: 1;
+ margin-left: auto;
+ margin-right: auto;
}
.header-two-container .header-two-top-desc {
@@ -6311,23 +6467,23 @@ em {
color: rgba(114, 114, 114, var(--tw-text-opacity));
}
-.showcase-container-reverse {
+.showcase-one-container-reverse {
flex-direction: row-reverse;
}
-.showcase-container-reverse > :not([hidden]) ~ :not([hidden]), .showcase-container > :not([hidden]) ~ :not([hidden]) {
+.showcase-one-container-reverse > :not([hidden]) ~ :not([hidden]), .showcase-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
-.showcase-container-reverse, .showcase-container {
+.showcase-one-container-reverse, .showcase-one-container {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
@media (min-width: 768px) {
- .showcase-container-reverse > :not([hidden]) ~ :not([hidden]), .showcase-container > :not([hidden]) ~ :not([hidden]) {
+ .showcase-one-container-reverse > :not([hidden]) ~ :not([hidden]), .showcase-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
@@ -6335,7 +6491,7 @@ em {
}
@media (min-width: 1024px) {
- .showcase-container-reverse > :not([hidden]) ~ :not([hidden]), .showcase-container > :not([hidden]) ~ :not([hidden]) {
+ .showcase-one-container-reverse > :not([hidden]) ~ :not([hidden]), .showcase-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
@@ -6343,7 +6499,7 @@ em {
}
@media (min-width: 1024px) {
- .showcase-container-reverse, .showcase-container {
+ .showcase-one-container-reverse, .showcase-one-container {
display: flex;
align-items: center;
justify-content: center;
@@ -6351,89 +6507,89 @@ em {
}
@media (min-width: 1024px) {
- .showcase-container-reverse, .showcase-container {
+ .showcase-one-container-reverse, .showcase-one-container {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
-.showcase-container-reverse div:last-child, .showcase-container div:last-child {
+.showcase-one-container-reverse div:last-child, .showcase-one-container div:last-child {
margin-left: auto;
margin-right: auto;
}
-.showcase-container div:first-child {
+.showcase-one-container div:first-child {
margin-left: auto;
}
@media (min-width: 1024px) {
- .showcase-container div:last-child {
+ .showcase-one-container div:last-child {
margin-left: 8rem;
}
}
-.showcase-container-reverse div:first-child {
+.showcase-one-container-reverse div:first-child {
margin-right: auto;
}
@media (min-width: 1024px) {
- .showcase-container-reverse div:last-child {
+ .showcase-one-container-reverse div:last-child {
margin-right: 8rem;
}
}
-.showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+.showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
text-align: left;
}
-.showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+.showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
-.showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+.showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
max-width: 32rem;
}
-.showcase-container-reverse > .showcase-right > :not([hidden]) ~ :not([hidden]), .showcase-container > .showcase-right > :not([hidden]) ~ :not([hidden]) {
+.showcase-one-container-reverse > .showcase-one-right > :not([hidden]) ~ :not([hidden]), .showcase-one-container > .showcase-one-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
-.showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+.showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
padding-top: 4rem;
}
@media (min-width: 768px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
padding-top: 0px;
}
}
@media (min-width: 768px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
text-align: center;
}
}
@media (min-width: 1024px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
text-align: left;
}
}
@media (min-width: 1280px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 1280px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
@@ -6441,112 +6597,112 @@ em {
}
@media (min-width: 1280px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
display: block;
}
}
@media (min-width: 1280px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
margin-left: 3rem;
}
}
@media (min-width: 1280px) {
- .showcase-container-reverse > .showcase-right, .showcase-container > .showcase-right {
+ .showcase-one-container-reverse > .showcase-one-right, .showcase-one-container > .showcase-one-right {
margin-right: 3rem;
}
}
-.showcase-container-reverse > .showcase-right .alert-tiny, .showcase-container > .showcase-right .alert-tiny {
+.showcase-one-container-reverse > .showcase-one-right .alert-tiny, .showcase-one-container > .showcase-one-right .alert-tiny {
margin-left: 0px;
}
@media (min-width: 768px) {
- .showcase-container-reverse > .showcase-right .alert-tiny, .showcase-container > .showcase-right .alert-tiny {
+ .showcase-one-container-reverse > .showcase-one-right .alert-tiny, .showcase-one-container > .showcase-one-right .alert-tiny {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px) {
- .showcase-container-reverse > .showcase-right .alert-tiny, .showcase-container > .showcase-right .alert-tiny {
+ .showcase-one-container-reverse > .showcase-one-right .alert-tiny, .showcase-one-container > .showcase-one-right .alert-tiny {
margin-left: 0px;
}
}
-.showcase-container-reverse .showcase-right-title, .showcase-container .showcase-right-title {
+.showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
letter-spacing: -0.025em;
}
-.showcase-container-reverse .showcase-right-title, .showcase-container .showcase-right-title {
+.showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
font-weight: 700;
}
-.showcase-container-reverse .showcase-right-title, .showcase-container .showcase-right-title {
+.showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
line-height: 1;
}
-.showcase-container-reverse .showcase-right-title, .showcase-container .showcase-right-title {
+.showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
font-size: 3rem;
line-height: 1;
}
@media (min-width: 768px) {
- .showcase-container-reverse .showcase-right-title, .showcase-container .showcase-right-title {
+ .showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1024px) {
- .showcase-container-reverse .showcase-right-title, .showcase-container .showcase-right-title {
+ .showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
margin-left: 0px;
margin-right: 0px;
}
}
-.showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
font-size: 0.975rem;
}
-.showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
}
-.showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
max-width: 28rem;
}
-.showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
margin-left: auto;
margin-right: auto;
}
-.showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
margin-left: 0px;
}
@media (min-width: 768px) {
- .showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+ .showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
margin-left: auto;
}
}
@media (min-width: 1024px) {
- .showcase-container-reverse .showcase-right-desc, .showcase-container .showcase-right-desc {
+ .showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
margin-left: 0px;
margin-right: 0px;
}
}
-.showcase-container-reverse > .showcase-left,
-.showcase-container > .showcase-left {
+.showcase-one-container-reverse > .showcase-one-left,
+.showcase-one-container > .showcase-one-left {
max-width: 1050px;
}
-.showcase-container-reverse > .showcase-left, .showcase-container > .showcase-left {
+.showcase-one-container-reverse > .showcase-one-left, .showcase-one-container > .showcase-one-left {
display: block;
width: 100%;
margin-left: auto;
@@ -6554,32 +6710,190 @@ em {
}
@media (min-width: 1024px) {
- .showcase-container-reverse > .showcase-left, .showcase-container > .showcase-left {
+ .showcase-one-container-reverse > .showcase-one-left, .showcase-one-container > .showcase-one-left {
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 1024px) {
- .showcase-container-reverse > .showcase-left, .showcase-container > .showcase-left {
+ .showcase-one-container-reverse > .showcase-one-left, .showcase-one-container > .showcase-one-left {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
}
-.showcase-container-reverse > .showcase-left img, .showcase-container > .showcase-left img {
+.showcase-one-container-reverse > .showcase-one-left img, .showcase-one-container > .showcase-one-left img {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
- .showcase-container-reverse > .showcase-left img, .showcase-container > .showcase-left img {
+ .showcase-one-container-reverse > .showcase-one-left img, .showcase-one-container > .showcase-one-left img {
margin-left: 0px;
margin-right: 0px;
}
}
+.showcase-two-container {
+ position: relative;
+}
+
+.showcase-two-container > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.showcase-two-container {
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+}
+
+@media (min-width: 768px) {
+ .showcase-two-container > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(5rem * var(--tw-space-y-reverse));
+ }
+}
+
+@media (min-width: 1024px) {
+ .showcase-two-container {
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+}
+
+.showcase-two-container div {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.showcase-two-container > .showcase-two-top-break-left {
+ text-align: left;
+ display: block;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 32rem;
+}
+
+.showcase-two-container > .showcase-two-top-break-left > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
+.showcase-two-container > .showcase-two-top-break-left {
+ padding-top: 4rem;
+ position: relative;
+ z-index: 10;
+}
+
+@media (min-width: 768px) {
+ .showcase-two-container > .showcase-two-top-break-left {
+ padding-top: 0px;
+ }
+}
+
+@media (min-width: 768px) {
+ .showcase-two-container > .showcase-two-top-break-left {
+ text-align: center;
+ }
+}
+
+.showcase-two-container > .showcase-two-top {
+ text-align: left;
+ display: block;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 32rem;
+}
+
+.showcase-two-container > .showcase-two-top > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
+.showcase-two-container > .showcase-two-top {
+ padding-top: 4rem;
+ position: relative;
+ z-index: 10;
+ text-align: center;
+}
+
+@media (min-width: 768px) {
+ .showcase-two-container > .showcase-two-top {
+ padding-top: 0px;
+ }
+}
+
+.showcase-two-container .showcase-two-top-title {
+ letter-spacing: -0.025em;
+ font-weight: 700;
+ line-height: 1;
+ font-size: 3rem;
+ line-height: 1;
+}
+
+.showcase-two-container .showcase-two-top-desc {
+ font-size: 0.975rem;
+ --tw-text-opacity: 1;
+ color: rgba(114, 114, 114, var(--tw-text-opacity));
+}
+
+.showcase-two-container > .showcase-two-bottom {
+ max-width: 1050px;
+ display: block;
+ width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ z-index: 10;
+}
+
+@media (min-width: 1024px) {
+ .showcase-two-container > .showcase-two-bottom {
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ }
+}
+
+.showcase-two-container > .showcase-two-bottom video, .showcase-two-container > .showcase-two-bottom img {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media (min-width: 1024px) {
+ .showcase-two-container > .showcase-two-bottom video, .showcase-two-container > .showcase-two-bottom img {
+ margin-left: 0px;
+ margin-right: 0px;
+ }
+}
+
+.showcase-two-container > .showcase-bg:before {
+ content: '';
+ position: absolute;
+ background-image: linear-gradient(to bottom, transparent, #dce4ff);
+ opacity: 0.6;
+ height: 100%;
+ width: 150%;
+ margin-left: -130px;
+ margin-top: -960px;
+ display: none;
+}
+
+@media (min-width: 768px) {
+ .showcase-two-container > .showcase-bg:before {
+ display: block;
+ }
+}
+
.faq-container {
display: block;
width: -webkit-max-content;
@@ -6888,105 +7202,6 @@ em {
margin-right: auto;
}
-.packages-container {
- width: 100%;
-}
-
-@media (min-width: 640px) {
- .packages-container {
- display: block;
- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- margin-left: auto;
- margin-right: auto;
- }
-}
-
-.packages-container .packages-container-top {
- display: block;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
-}
-
-.packages-container .packages-container-top > :not([hidden]) ~ :not([hidden]) {
- --tw-space-y-reverse: 0;
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-}
-
-.packages-container .packages-container-top {
- margin-bottom: 5rem;
-}
-
-.packages-container .packages-container-top-title {
- display: block;
- position: relative;
- font-size: 3rem;
- line-height: 1;
- letter-spacing: -0.025em;
- font-weight: 800;
- line-height: 1;
- text-align: center;
-}
-
-@media (min-width: 1024px) {
- .packages-container .packages-container-top-title {
- text-align: center;
- }
-}
-
-.packages-container .packages-container-top-desc {
- display: block;
- width: 100%;
- margin-left: auto;
- margin-right: auto;
- --tw-text-opacity: 1;
- color: rgba(114, 114, 114, var(--tw-text-opacity));
- text-align: center;
- display: inline-block;
-}
-
-.packages-container .packages-container-bottom {
- display: grid;
- max-width: 24rem;
- margin-left: auto;
- margin-right: auto;
- row-gap: 1.75rem;
-}
-
-@media (min-width: 768px) {
- .packages-container .packages-container-bottom {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
-}
-
-@media (min-width: 768px) {
- .packages-container .packages-container-bottom {
- -moz-column-gap: 2rem;
- column-gap: 2rem;
- }
-}
-
-@media (min-width: 768px) {
- .packages-container .packages-container-bottom {
- row-gap: 2.5rem;
- }
-}
-
-@media (min-width: 768px) {
- .packages-container .packages-container-bottom {
- max-width: 100%;
- }
-}
-
-@media (min-width: 1024px) {
- .packages-container .packages-container-bottom {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
-}
-
.prev-next-container-reverse, .prev-next-container {
display: block;
}
@@ -7694,21 +7909,6 @@ em {
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
-.plug-container, .card-extended {
- position: relative;
-}
-
-.plug-container::after, .card-extended::after {
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
- content: '';
- height: 100%;
- left: 0px;
- position: absolute;
- top: 0px;
- width: 100%;
- z-index: -1;
-}
-
.card-extended .plug-container {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(0, 0, 0, 0.15);
@@ -7951,6 +8151,41 @@ em {
padding-left: 0px;
}
+.plug-container.card-shadow, .card-extended.card-shadow {
+ position: relative;
+}
+
+.plug-container.card-shadow::after,
+.card-extended.card-shadow::after {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
+ content: '';
+}
+
+.plug-container.card-shadow::after, .card-extended.card-shadow::after {
+ height: 100%;
+}
+
+.plug-container.card-shadow::after, .card-extended.card-shadow::after {
+ left: 0px;
+}
+
+.plug-container.card-shadow::after, .card-extended.card-shadow::after {
+ position: absolute;
+}
+
+.plug-container.card-shadow::after, .card-extended.card-shadow::after {
+ top: 0px;
+}
+
+.plug-container.card-shadow::after, .card-extended.card-shadow::after {
+ width: 100%;
+}
+
+.plug-container.card-shadow::after,
+.card-extended.card-shadow::after {
+ z-index: -1;
+}
+
.card-faq .plug-container .card-title {
padding-top: 0px;
}