/* 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;
.gradient-text-style-1 {
background: -webkit-linear-gradient(45deg, $gr-color-1, $gr-color-2);
-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%;
}
}
More to explore
Each bundle includes SmartForms and CoPilots that you can tweak, brand, and deploy in minutes—helping you create AI-powered lead magnets, client tools, or premium offerings with zero coding required.Comprehensive collection of toolsets packed to fit your business needs.
TOOLSET BUNDLE
TOOLSET BUNDLE
TOOLSET BUNDLE
TOOLSET BUNDLE
The eCommerce AI Toolkit is designed for FormWise users who serve eCommerce entrepreneurs—whether you're a marketer, agency, or coach helping online store owners grow. This AI-powered Toolset provides solutions for product descriptions, ad copy, abandoned cart recovery emails, and more, helping eCommerce brands boost conversions and streamline their marketing efforts. With fully customizable tools, you can embed this toolkit inside CRMs, memberships, or private client portals, offering your audience AI-driven insights to optimize their online stores and increase revenue. 🚀
