/* COLORS */
$brand-blue: #4262FF;
.faq-card,
.faq-text-question,
.faq-answer-container,
.faq-text-answer,
.faq-icon-container,
.faq-icon-plus,
.faq-icon-minus {
transition: all 150ms ease;
}
.faq-answer-container {
height: 100%;
max-height: 0px;
}
.fw-faq-card-open {
&.faq-card {
border-color: $brand-blue;
}
.faq-text-question {
color: $brand-blue;
}
.faq-answer-container {
max-height: 500px;
}
.faq-icon-container {
transform: rotate(90deg);
}
.faq-icon-plus {
opacity: 0;
}
.faq-icon-minus {
opacity: 1;
}
} /* COLORS */
$brand-blue: #4262FF;
$dark-blue: #4262FF40;
.fw-plan-toggle-container,
.fw plan-toggle,
.fw-plan-toggle-knob {
transition: all 200ms ease;
}
.fw-pricing-card {
&.toggled {
.fw-plan-toggle-container {
background-color: $dark-blue;
}
.fw-plan-toggle {
background-color: $brand-blue;
}
.fw-plan-toggle-knob {
transform: translateX(calc(100% - 2px));
}
}
}
.fw-webinar-detail-rte {
h1,h2 {
font-size: 18px;
font-weight: 500;
margin: 0;
padding: 0;
strong {
font-weight: 500;
}
}
h3,h4,h5,h6 {
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0;
strong {
font-weight: 500;
}
}
&.blank-strong {
p > strong {
display: none;
}
}
p {
font-size: 16px;
line-height: 160%;
opacity: 0.9;
strong {
/* display: none; */
font-weight: 500 !important;
}
}
p:has(>strong) {
padding-top: 8px;
}
ol, ul {
padding: 0;
padding-top: 12px;
padding-left: 32px;
}
li {
font-size: 16px;
margin: 0;
&:not(first-child) {
margin-top: 12px;
}
strong {
font-weight: 500;
}
}
a {
text-decoration: none;
}
br {
margin: 0;
padding: 0;
line-height: 0;
}
} .subscribe-form-email-input {
&::placeholder {
color: #FFFFFF95;
font-weight: 100;
}
} /* VARIABLES */
$font-size: 16px;
/* PROPS */
.fw-rte {
* {
font-size: $font-size;
}
.w-richtext {
padding-top: 12px;
a, strong {
font-weight: 500;
}
}
} $gr-color-1: #090934;
$gr-color-2: #2E55F8;
$gr-color-3: #FFFFFF;
$gr-color-4: #060608;
$gr-color-5: #838383;
$tb-gr-color-1: #4262FF;
$tb-gr-color-2: #42C9FF;
$tb-gr-color-3: #090934;
.gradient-text-style-1 {
background: -webkit-linear-gradient(45deg, $gr-color-1, $gr-color-2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient-text-style-2 {
background: -webkit-linear-gradient(45deg, $gr-color-3 2%, $gr-color-5 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient-text-style-3 {
background: -webkit-linear-gradient(45deg, $tb-gr-color-1 2%, $tb-gr-color-2 60%, $tb-gr-color-3 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-ellipsis {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
&.line-clamp-2 {
-webkit-line-clamp: 2;
}
} /*
parentcontainer = .register-now-container
toggledheader = .register-now-header-toggled
registerbtn = .register-now-mobile
closebtn = .register-close-btn
ghlform = .ghl-form-mobile
*/
.register-now-container {
.register-now-header-toggled, .ghl-form-mobile {
display: none;
}
.register-close-btn {
cursor: pointer;
}
.register-now-mobile {
background-color: #4362FF !important;
}
&.modal-on {
.register-now-mobile {
display: none;
}
.register-now-header-toggled {
display: flex;
}
.ghl-form-mobile {
display: block;
}
}
}
.caret-down-animation {
animation: caret-down-animation 1s ease-in-out infinite;
@keyframes caret-down-animation {
0% { transform: translateY(0) }
50% { transform: translateY(-16px) }
100% { transform: translateY(0) }
}
}
.vertical-scroll-infinite {
animation: vertical-scroll-infinite 240s linear infinite;
@keyframes vertical-scroll-infinite {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
}
.animate-view {
&-scale-in {
animation: scale-in 1s forwards;
opacity: 0;
@keyframes scale-in {
0% {
opacity: 0;
transform: scale(1.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
}
&-timeline-view {
position: relative;
opacity: 0;
animation: scroll-to-reveal both;
animation-timeline: view;
@keyframes scroll-to-reveal {
from {
opacity: 0;
transform: translateY(150px) scale(0.4);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
}
}
/* ENTERPRISE STANDALONE PAGE STYLE */
.enterprise-sp * {
transition: all 150ms ease;
}
.enterprise-sp {
& .enterprise-navbar-link {
&:hover {
color: #42C9FF;
}
}
& .enterprise-navbar-menu-items {
@media only screen and (max-width: 1070px) {
display: none;
}
}
& .enterprise-navbar-cta {
&:hover {
background: #FFFFFF20;
border-color: #FFFFFF30;
}
&:active {
opacity: 0.8;
}
}
& .enterprise-hero-cta {
--border-radius: 12px;
position: relative;
background-size: 200% 200%;
transition: all 400ms ease;
border: solid 1px transparent;
border-radius: var(--border-radius);
&:after {
opacity: 0;
}
&:hover {
background-position-x: -150px;
&:after {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
background: linear-gradient(25deg, #FFFFFF, #FFFFFF10);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
border-radius: var(--border-radius);
box-sizing: border-box;
padding: 1px; /* border thickness */
}
}
}
& .enterprise-memory-item {
position: relative;
&:before {
position: absolute;
content: '';
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(45deg, #266FB810, #4DCFD100);
}
&:hover {
border-color: #FFFFFF70;
&:before {
opacity: 1;
}
& .enterprise-memory-item-texts {
opacity: 1;
}
}
}
}
.enterprise-hero-title-text {
background: -webkit-linear-gradient(#FFFFFF 54.39%, #4EDAB4 120.11%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.fw-footer[theme="enterprise"] {
background-image: linear-gradient(180deg, #050507, #355193);
border-top: none;
& .fw-footer-p,
.fw-footer-copyrights,
.fw-footer-link-header {
color: #ffffff;
}
& .fw-footer-link {
color: #ffffff80;
transition: all 150ms ease;
&:hover {
color: #ffffff;
}
}
& .fw-footer-social-icons {
color: #42bdff !important;
fill: #42bdff;
transition: all 150ms ease;
&:hover {
opacity: 0.6;
}
}
& .fw-footer-logo {
display: none;
}
& .fw-footer-logo.white {
display: inline-block;
}
}
/* NAVBAR */
.enterprise-navbar {
backdrop-filter: blur(15px);
background: linear-gradient(-45deg, #42C9FF40, #4262FF20, #0AA3A430);
animation: gradient-pulse 7s ease infinite;
background-size: 400% 400%;
position: relative;
border-style: none !important;
&:before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
width: 100%;
height: 100%;
background: linear-gradient(25deg, #42C9FF50, #FFFFFF40, #FFFFFF10);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
border-radius: 16px;
box-sizing: border-box;
padding: 1px; /* border thickness */
}
}
/* CTA CUSTOM BUILD */
.cta-custom-build {
background: linear-gradient(-45deg, #DADAEE, #8BD6FF, #DADAEE);
background-size: 400% 200%;
animation: gradient-pulse 7s ease infinite;
}
/* ANIMATIONS */
@keyframes gradient-pulse {
0%{
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
.radial-gradient-1 {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: radial-gradient(73.37% 70.11% at 82.7% 12.24%, #393939 0%, #141414 100%);
} .text-arrow-btn {
transition: all 200ms ease;
& svg {
transition: all 150ms ease;
}
&:hover {
opacity: 0.7;
& svg {
margin-left: 8px;
}
}
}
.sticky-parent {
position: relative;
.sticky-child {
position: sticky;
top: 0px;
&.podcast-thumb {
position: sticky;
top: 450px;
}
}
}
Trusted by 10,000+
New Feature
Style and customize your tools to seamlessly fit your brand, website, or portal.
Learn more
Turn your knowledge into an AI app in minutes
You don't need to code to share your expertise with the world, FormWise's AI assistant helps you turn your knowledge into a marketable AI product in minutes.
Learn more
Scale your expertise on autopilot
Turn your framework into a templatized
Build AI powered forms that utilize your knowledge and frameworks to facilitate scalable user experiences.
Learn more
Package your expertise into interactive
Create guided chatbot experiences that follow your frameworks. Always available 24/7.
Learn more
Break Language Barriers in Real-time
Translate your tools in real time into 50+ languages making global communication seamless and effortless.
Our Awesome Clients
"FormWise makes selling AIÂ tools effortless-it's how we grew client retention by 20%."
Molly Mahoney
–
AI Coach & Expert
"This tool is a game-changer for lead gen - clients are obssesed with A.I."
Chad
–
Real Estate Marketing Agency Owner
"FormWise makes selling AIÂ tools effortless-it's how we grew client retention by 20%."
Bridget Bartlett
–
Business Coach
"This tool is a game-changer for lead gen - clients are obssesed with A.I."
"FormWise transformed how we create value for clients."
Matt Deseno
–
CEO, HLPro Tools
"With FormWise, IÂ generated $200KÂ in digital product sales by embedding AIÂ tools in my course."
Jon Schumacher
–
Entrepreneur
Need a Custom Solution? Let's Build it Together!
Sponsor a feature or request a tailored tool built for your unique workflows.
Contact Us
