.nextsaas-team-image {
margin: 0 auto !important;
} .nextsaas-contact-form-7 .wpcf7 {
width: 100%;
}
.nextsaas-contact-form {
display: flex;
flex-wrap: wrap;
position: relative;
margin-bottom: 30px;
}
.nextsaas-contact-form .nextsaas-contact-form-title {
display: block;
width: 100%;
margin-bottom: 30px;
font-size: 30px;
color: #132c47;
font-weight: 500;
}
.nextsaas-contact-form .nextsaas-contact-form-input-group {
width: 100%;
margin-bottom: 20px;
position: relative;
}
@media (max-width: 575px) {
.nextsaas-contact-form .nextsaas-contact-form-input-group {
width: 100%;
}
}
.nextsaas-contact-form-7 input[type="text"],
.nextsaas-contact-form-7 input[type="email"],
.nextsaas-contact-form-7 input[type="url"],
.nextsaas-contact-form-7 input[type="password"],
.nextsaas-contact-form-7 input[type="search"],
.nextsaas-contact-form-7 input[type="number"],
.nextsaas-contact-form-7 input[type="tel"],
.nextsaas-contact-form-7 input[type="range"],
.nextsaas-contact-form-7 input[type="date"],
.nextsaas-contact-form-7 input[type="month"],
.nextsaas-contact-form-7 input[type="week"],
.nextsaas-contact-form-7 input[type="time"],
.nextsaas-contact-form-7 input[type="datetime"],
.nextsaas-contact-form-7 input[type="datetime-local"],
.nextsaas-contact-form-7 input[type="color"],
.nextsaas-contact-form-7 textarea {
width: 100%;
border: none;
}
.nextsaas-contact-form-7 label {
display: block;
}
.nextsaas-contact-form-7 textarea {
height: auto;
}
.nextsaas-contact-form .nextsaas-contact-form-input-group label {
display: inline-block;
position: relative;
margin-right: 20px;
margin-top: 20px;
padding: 0 0 0 25px;
}
.nextsaas-contact-form .nextsaas-contact-form-input-group label input {
opacity: 0;
height: 0;
width: 0;
position: absolute;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.nextsaas-contact-form
.nextsaas-contact-form-input-group
label
input:checked
~ .checkmark:after {
display: block;
}
.nextsaas-contact-form
.nextsaas-contact-form-input-group
label
input:checked
~ .checkmark {
background-color: #4ce2bd;
border: none;
}
.nextsaas-contact-form .nextsaas-contact-form-input-group label .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
background-color: #fff;
border: 1px solid #e3e6ec;
}
.nextsaas-contact-form
.nextsaas-contact-form-input-group
label
.checkmark::after {
content: "\e90e";
font-family: eicons;
position: absolute;
display: none;
color: #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 12px;
}
.nextsaas-contact-form-7 .wpcf7-form input[type="submit"] {
transition: all 0.4s ease;
display: flex;
cursor: pointer;
}
.nextsaas-contact-form-7 .nextsaas-cf7-column {
display: grid;
grid-auto-flow: column;
grid-column-gap: 15px;
}
.nextsaas-contact-form-7 .wpcf7-list-item {
margin: 0;
}
.nextsaas-contact-form .nextsaas-contact-form-input-action i {
margin-left: 10px;
}
.nextsaas-contact-form.two {
display: flex;
flex-wrap: wrap;
}
.nextsaas-contact-form-7 br {
display: none;
}
.nextsaas-contact-form-7 .wpcf7-form-control.wpcf7-text:focus,
.nextsaas-contact-form-7 .wpcf7-form-control.wpcf7-textarea:focus {
outline: 0;
}
.nextsaas-contact-form
.wpcf7-acceptance
.wpcf7-list-item
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
border: 1px solid #d7dde5;
border-radius: 100%;
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: middle;
background-color: #fff;
transition: all 0.2s ease;
margin: 0 8px 0 0 !important;
}
.nextsaas-contact-form
.wpcf7-acceptance
.wpcf7-list-item
input[type="checkbox"]:checked {
background-color: #f6f2ec;
border-color: #d7dde5;
}
.nextsaas-contact-form
.wpcf7-acceptance
.wpcf7-list-item
input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
background: #beab9a;
border-radius: 50%;
border: none;
transform: translate(-50%, -50%);
}  .nextsaas-sticky-enabled {
position: sticky;
} @media (max-width: 1024px) {
.nextsaas-sticky--desktop {
position: static !important;
}
} @media (min-width: 1025px), (max-width: 767px) {
.nextsaas-sticky--tablet {
position: static !important;
}
} @media (min-width: 768px) {
.nextsaas-sticky--mobile {
position: static !important;
}
}
.nextsaas-card-marquee-shadow {
-webkit-mask: linear-gradient(
90deg,
transparent,
#fff 20%,
#fff 80%,
transparent
) !important;
mask: linear-gradient(
90deg,
transparent,
#fff 20%,
#fff 80%,
transparent
) !important;
}
.card-item.left .card-content p {
justify-content: flex-start;
}
.card-item.center .card-content p {
justify-content: center;
}
.card-item.right .card-content p {
justify-content: flex-end;
}
.nextsaas-service-alignment-left .nextsaas-service-item {
align-items: flex-start;
}
.nextsaas-service-alignment-left .nextsaas-service-item .service-content {
text-align: left;
}
.nextsaas-service-alignment-center .nextsaas-service-item {
align-items: center;
}
.nextsaas-service-alignment-center .nextsaas-service-item .service-content {
text-align: center;
}
.nextsaas-service-alignment-right .nextsaas-service-item {
align-items: flex-end;
}
.nextsaas-service-alignment-right .nextsaas-service-item .service-content {
text-align: right;
}
.blog-filter-tab.filter-active {
border-bottom: 2px solid #864ffe;
}
.blog-loading {
position: absolute;
height: 100%;
width: 100%;
top: 0;
background: #1a1a1a31;
z-index: 1;
}
.blog-loading p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #1a1a1a;
} .nextsaas-mega-menu-wrapper ul.nextsaas-mega-menu-list {
margin: 0;
padding: 0;
display: flex;
}
.nextsaas-mega-menu-wrapper.nextsaas-mega-menu-align-left
ul.nextsaas-mega-menu-list {
justify-content: flex-start;
}
.nextsaas-mega-menu-wrapper.nextsaas-mega-menu-align-center
ul.nextsaas-mega-menu-list {
justify-content: center;
}
.nextsaas-mega-menu-wrapper.nextsaas-mega-menu-align-right
ul.nextsaas-mega-menu-list {
justify-content: flex-end;
}
.nextsaas-mega-menu-wrapper.nextsaas-mega-menu-align-justify
ul.nextsaas-mega-menu-list {
justify-content: space-between;
}
.nextsaas-mega-menu-wrapper ul.nextsaas-mega-menu-list li.menu-item {
list-style: none;
display: inline-block;
position: relative;
transition: all 0.3s ease;
}
.nextsaas-mega-menu-wrapper
ul.nextsaas-mega-menu-list
li.menu-item
.nextsaas-menu-item {
display: flex;
align-items: center;
line-height: 1;
}
.nextsaas-mega-menu
.nextsaas-mega-menu-wrapper
ul.nextsaas-mega-menu-list
li.parent-has-no-child
.nextsaas-menu-toggle {
display: none;
}
.nextsaas-mega-menu-wrapper ul.nextsaas-sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 200px;
height: auto;
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
z-index: 111;
transition: all 0.3s ease;
transform: scaleY(0);
transform-origin: top;
overflow: hidden;
}
.nextsaas-mega-menu-wrapper
ul.nextsaas-mega-menu-list
li.menu-item:hover
ul.nextsaas-sub-menu {
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.nextsaas-mega-menu-wrapper ul.nextsaas-sub-menu > li.menu-item {
display: block;
text-align: left;
transition: all 0.3s ease;
}
.nextsaas-mega-menu-wrapper
ul.nextsaas-sub-menu
> li.menu-item
a.nextsaas-sub-menu-item {
display: block;
}
.nextsaas-mega-menu-wrapper .nextsaas-sub-menu li.menu-item:not(:last-child) {
border-bottom-style: solid;
}
.nextsaas-mega-menu-wrapper ul.nextsaas-sub-menu div.menu-item {
display: block;
}
.nextsaas-mega-menu.nextsaas-mega-menu-oriantation-vertical
ul.nextsaas-mega-menu-list {
flex-direction: column;
width: 100%;
}
.nextsaas-mega-menu.nextsaas-mega-menu-oriantation-vertical
ul.nextsaas-mega-menu-list
ul.nextsaas-sub-menu {
top: 0;
left: 100%;
}
.nextsaas-mega-menu.nextsaas-mega-menu-oriantation-vertical
.nextsaas-mega-menu-wrapper {
display: flex;
}
.nextsaas-mega-menu.nextsaas-mega-menu-oriantation-vertical {
width: 300px;
}
.nextsaas-mega-menu-icon {
display: inline-block;
line-height: 1;
}
.nextsaas-mega-menu-label {
display: inline-block;
position: relative;
line-height: 1;
}
.nextsaas-mega-menu-wrapper .slicknav_menu {
visibility: hidden;
opacity: 0;
display: none;
}
@media (max-width: 1024px) {
.nextsaas-mega-menu__breakpoint-tablet
.nextsaas-mega-menu-wrapper
.slicknav_menu {
visibility: visible;
opacity: 1;
display: block;
}
.nextsaas-mega-menu__breakpoint-tablet
.nextsaas-mega-menu-wrapper
ul.nextsaas-mega-menu-list {
visibility: hidden;
opacity: 0;
height: 0;
display: none;
}
.nextsaas-mega-menu__breakpoint-tablet
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav,
.nextsaas-mega-menu__breakpoint-mobile
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav {
position: absolute;
top: 100%;
width: 100%;
height: auto;
z-index: 111;
background: #ffffff;
right: 0;
margin: 0 -10px;
padding: 0 10px;
}
.nextsaas-mega-menu__breakpoint-tablet
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav
ul.nextsaas-sub-menu,
.nextsaas-mega-menu__breakpoint-mobile
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav
ul.nextsaas-sub-menu {
position: relative;
top: 100%;
left: 0;
width: 100% !important;
height: auto;
margin: 0;
padding: 0;
opacity: 1;
visibility: visible;
z-index: 111;
transition: all 0.3s ease;
transform: scaleY(1);
transform-origin: top;
overflow: hidden;
}
.nextsaas-mega-menu__breakpoint-tablet
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav
.nextsaas-menu-toggle,
.nextsaas-mega-menu__breakpoint-mobile
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav
.nextsaas-menu-toggle {
display: none;
}
.nextsaas-mega-menu__breakpoint-tablet
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav
li,
.nextsaas-mega-menu__breakpoint-mobile
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav
li {
margin: 0;
}
.slicknav_nav .slicknav_row {
padding: 0 !important;
}
.slicknav_nav .slicknav_arrow {
margin: 0 15px 0 0 !important;
}
}
@media (max-width: 767px) {
.nextsaas-mega-menu__breakpoint-mobile
.nextsaas-mega-menu-wrapper
.slicknav_menu {
visibility: visible;
opacity: 1;
display: block;
}
.nextsaas-mega-menu__breakpoint-mobile
.nextsaas-mega-menu-wrapper
ul.nextsaas-mega-menu-list {
visibility: hidden;
opacity: 0;
height: 0;
display: none;
}
}
@media (max-width: 992px) {
.nextsaas-mega-menu__breakpoint-mobile.nextsaas-mega-menu-dropdown-overflow-yes
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav,
.nextsaas-mega-menu__breakpoint-tablet.nextsaas-mega-menu-dropdown-overflow-yes
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav {
overflow-y: scroll;
}
.nextsaas-mega-menu__breakpoint-mobile.nextsaas-mega-menu-dropdown-overflow-yes
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav,
.nextsaas-mega-menu__breakpoint-tablet.nextsaas-mega-menu-dropdown-overflow-yes
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav {
scrollbar-width: none;
-ms-overflow-style: none;
}
.nextsaas-mega-menu__breakpoint-mobile.nextsaas-mega-menu-dropdown-overflow-yes
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav::-webkit-scrollbar,
.nextsaas-mega-menu__breakpoint-tablet.nextsaas-mega-menu-dropdown-overflow-yes
.nextsaas-mega-menu-wrapper
.slicknav_menu
.slicknav_nav::-webkit-scrollbar {
width: 0;
height: 0;
}
} .testimonial-tiled-card:hover {
rotate: 0deg !important;
}
.nextsaas_customer_story_wrap
.nextsaas-filter-wrap
.customer-dropdown-menu
.active {
background: #fff;
} @media (max-width: 991px) {
.nextsaas_tab_wrapper [data-tab-items-container] {
flex-wrap: wrap;
width: auto;
}
.nextsaas_tab_wrapper [data-tab-items-container] .nextsaas-tab-button {
width: auto;
}
} .underline-hover-effect-black:hover .blog-title-black h3 {
background-size: 100% 100%;
}
.underline-hover-effect-black .blog-title-black h3 {
cursor: pointer;
width: 100%;
transition-property: all;
--tw-duration: 0.5s;
--tw-ease: cubic-bezier(0.645, 0.045, 0.355, 1);
background-image: linear-gradient(
rgba(0, 0, 0, 0) calc(100% - 1px),
rgb(0, 0, 0) 1px
);
background-repeat: no-repeat;
background-size: 0% 100%;
padding-bottom: 1px;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
display: inline;
} .author-image-wrapper {
display: flex;
justify-content: center;
} .nextsaas-custom-glowing-card-yes,
.nextsaas-custom-glowing-card-yes.e-con,
.has-nextsaas-glowing-card,
.has-nextsaas-glowing-card.e-con {
position: relative;
overflow: hidden;
} .nextsaas-custom-glowing-card-yes::before,
.nextsaas-custom-glowing-card-yes.e-con::before,
.has-nextsaas-glowing-card::before,
.has-nextsaas-glowing-card.e-con::before {
content: "";
position: absolute; top: calc(var(--yPos, -9999px) - (var(--glow-height, 260px) / 2));
left: calc(var(--xPos, -9999px) - (var(--glow-width, 340px) / 2));
width: var(--glow-width, 340px);
height: var(--glow-height, 260px);
border-radius: 50%;
background:
radial-gradient(
circle at 30% 30%,
var(--glow-color-1, rgba(255, 255, 255, 0.45)),
transparent 60%
),
radial-gradient(
circle at 70% 70%,
var(--glow-color-2, rgba(134, 79, 254, 0.9)),
transparent 70%
);
filter: blur(28px);
opacity: var(--glowOpacity, 0);
pointer-events: none;
mix-blend-mode: plus-lighter; transition: opacity 0.25s ease-out; z-index: var(--glow-z-index, 11);
} .blog-cards-layout-7 .blog-card {
@apply w-full transition-[width] duration-800 ease-in-out md:w-[318px];
}
.blog-cards-layout-7 .blog-card.active-card {
@apply md:w-[590px];
}  .nextsaas_blog_wrapper .blog-cards-type-2 {
width: 100%;
max-width: 100%;
}
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-card {
flex: 1 1 0;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden; transition:
flex 0.8s cubic-bezier(0.645, 0.045, 0.355, 1),
box-shadow 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-card.active-card {
flex: 1.5 1 0; } @media (max-width: 1024px) { .nextsaas_blog_wrapper {
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.nextsaas_blog_wrapper .blog-cards-type-2 {
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
gap: 2.25rem 0; justify-content: flex-start; }
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-card,
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-card.active-card {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
} .nextsaas_blog_wrapper .blog-cards-type-2 .blog-card figure,
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-card img {
max-width: 100%;
width: 100%;
box-sizing: border-box;
}
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-card > div {
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
} .nextsaas_blog_wrapper .blog-cards-type-2 .blog-card > div {
min-width: 0;
max-width: 100%;
overflow: hidden;
}
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-title-black,
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-title-black h3,
.nextsaas_blog_wrapper .blog-cards-type-2 .blog-excerpt {
overflow-wrap: break-word;
word-wrap: break-word;
min-width: 0;
max-width: 100%;
} .underline-hover-effect .blog-title h3 {
@apply inline w-full cursor-pointer pb-px transition-all duration-500 ease-[cubic-bezier(0.645,0.045,0.355,1.000)];
background-image: linear-gradient(transparent calc(100% - 1px), white 1px);
@apply bg-size-[0%_100%] bg-no-repeat;
}
.underline-hover-effect:hover .blog-title h3 {
@apply bg-size-[100%_100%];
} .underline-hover-effect-black .blog-title-black h3 {
@apply inline w-full cursor-pointer pb-px transition-all duration-500 ease-[cubic-bezier(0.645,0.045,0.355,1.000)];
background-image: linear-gradient(transparent calc(100% - 1px), black 1px);
@apply bg-size-[0%_100%] bg-no-repeat;
}
.underline-hover-effect-black:hover .blog-title-black h3 {
@apply bg-size-[100%_100%];
} .nextsaas_blog_wrapper .underline-hover-effect .blog-title h3 {
display: inline;
width: 100%;
cursor: pointer;
padding-bottom: 1px;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
background-image: linear-gradient(transparent calc(100% - 1px), white 1px);
background-size: 0% 100%;
background-repeat: no-repeat;
}
.nextsaas_blog_wrapper .underline-hover-effect:hover .blog-title h3 {
background-size: 100% 100%;
}
.nextsaas_blog_wrapper .underline-hover-effect-black .blog-title-black h3 {
display: inline;
width: 100%;
cursor: pointer;
padding-bottom: 1px;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
background-image: linear-gradient(
transparent calc(100% - 1px),
black 1px
) !important;
background-size: 0% 100% !important;
background-repeat: no-repeat;
background-position: left bottom;
}
.nextsaas_blog_wrapper
.underline-hover-effect-black:hover
.blog-title-black
h3 {
background-size: 100% 100% !important;
} .nextsaas_blog_wrapper
.blog-cards-type-2
.underline-hover-effect-black
.blog-title-black
h3 {
background-image: linear-gradient(
transparent calc(100% - 1px),
currentColor 1px
) !important;
background-size: 0% 100% !important;
background-repeat: no-repeat;
background-position: left bottom;
transition: background-size 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nextsaas_blog_wrapper
.blog-cards-type-2
.underline-hover-effect-black:hover
.blog-title-black
h3 {
background-size: 100% 100% !important;
}
.stroke-\[\#fafcff0d\]{
stroke: #fafcff0d;
} .expand-card-inner > * + * {
margin-top: 2rem;
}
.nextsaas-team-image{
transition: all 0.3s ease;
}
.partner-ship-card {
height: stretch;
}
.nextsaas_post_filter .underline-hover-effect .blog-title .blog-title-text {
display: inline;
width: 100%;
cursor: pointer;
padding-bottom: 1px;
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
background-image: linear-gradient(transparent calc(100% - 1px), white 1px);
background-size: 0% 100%;
background-repeat: no-repeat;
}
.nextsaas_post_filter .underline-hover-effect:hover .blog-title .blog-title-text {
background-size: 100% 100% !important;
}
.hero-background-gradient {
background-size: 200%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
display: inline-block;
background-repeat: no-repeat;
}