/* 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;
.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;
} .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;
}
}
}
Trusted by 10,000+
Build an App in minutes
You don't have to be an expert in coding 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
Everything you need in one place
Make your tools Smarter
Build powerful, structured tools that generate real output, proposals, captions, plans and more.
Learn more
Define your digital companion
Create guided chat experiences that feel like real assistants, not generic bots.
Learn more
Our Awesome Clients
This is some text inside of a div block.
This is some text inside of a div block.
–
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
–
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
–
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
–
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
–
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
–
This is some text inside of a div block.
What's new?
Break Language Barriers in Real-time
Translate your tools in real time into 50+ languages making global communication seamless and effortless.
Need a Custom Solution? Let's Build it Together!
Sponsor a feature or request a tailored tool built for your unique workflows.
Contact Us
