.prespa-saas-animated-text {
background: linear-gradient(to right, #0091f8 0%, #4b0082 25%, #8a2be2 50%, #d755e9 75%, #0091f8 90%);
background-clip: text;
color: transparent;
background-size: 500% auto;
animation: prespa-saas-text-shine 15s ease-in-out infinite alternate;
will-change: transform;
}
.prespa-saas-hero-section .icon {
position: relative;
animation-name: prespa-saas-float-up-down;
animation-duration: 5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
width: fit-content;
z-index: 10;
transition: scale .75s ease-in-out;
scale: 1;
}
.prespa-saas-hero-section .icon-top-left {
animation-delay: 0s;
}
.prespa-saas-hero-section .icon-top-right {
animation-delay: 0.75s;
}
.prespa-saas-hero-section .icon-bottom-right {
animation-delay: 1.5s;
}
.prespa-saas-hero-section .icon-bottom-left {
animation-delay: 2.25s;
}
.prespa-saas-hero-section .icon-top-left,
.prespa-saas-hero-section .icon-top-right {
top: 4rem;
}
.prespa-saas-hero-section .icon-bottom-left,
.prespa-saas-hero-section .icon-bottom-right {
bottom: 4rem;
}
.prespa-saas-hero-section .icon:hover {
animation-play-state: paused;
scale: 1.15;
filter: brightness(1.05);
z-index: 999;
}
@keyframes prespa-saas-text-shine {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
@keyframes prespa-saas-float-up-down {
0%,
100% {
translate: 0 0;
}
50% {
translate: 0 -20px;
}
}
.promo-video a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.promo-video a::before {
content: "▶";
font-size: 0.8em;
position: absolute;
left: 15px;
opacity: 0;
transform: translateX(-15px);
transition: all .6s ease;
}
.promo-video a span {
display: inline-block;
transition: transform .6s ease;
}
.promo-video a:hover span {
transform: translateX(10px);
}
.promo-video a:hover::before {
opacity: 1;
transform: translateX(0);
}
.promo-video a:hover {
background-color: rgba(53, 109, 241, 0.04) !important;
}
.prespa-saas-box {
gap: .5rem;
}
.prespa-saas-box figure {
display: flex;
}
.prespa-saas-box p {
font-size: var(--wp--preset--font-size--small);
}
@media (min-width: 40rem) {
.prespa-saas-hero-section {
--wp--preset--font-size--xx-large: 4rem;
}
}
@media(max-width:40rem) {
.prespa-saas-hero-section {
--wp--preset--font-size--xx-large: 1.75rem;
}
.prespa-saas-hero-section .icon {
display: none;
}
.prespa-saas-box {
gap: .375rem;
padding-left: .25rem !important;
padding-right: .25rem !important
}
.prespa-saas-box p {
font-size: .75rem;
}
}
.prespa-saas-pricing-plans .wp-block-column {
position: relative;
}
.prespa-saas-pricing-plans .badge-wrap {
position: absolute;
top: -1rem;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.prespa-saas-pricing-plans .nasio-tab-nav-button {
font-size: .875rem;
}
.prespa-saas-pricing-plans .badge {
color: #fff;
padding: .5rem .75rem;
border-radius: 12px;
font-size: .75rem;
background: linear-gradient(90deg, rgb(0, 145, 248) 0%, rgb(138, 43, 226) 70%, rgb(215, 85, 233) 100%);
}
.call-to-action a {
border: 1px solid #e3e3e3;
border-radius: 1.75rem;
transition: .4s background;
}
.post-thumbnail img, .wp-element-button, .hentry, .widget-area section {
border-radius: 1rem;
}
.top-meta .cat-links a {
border: 1px solid #e3e3e3;
border-radius: .5rem;
}
.dark-mode {
--wp--preset--color--dark-gray: #f7f7f7;
--wp--preset--color--light-gray: #262626;
--wp--preset--color--gray-25: #262626;
}
.dark-mode .section-faq.nasio-pattern .nasio-accordion-item-header {
background-color: transparent;
border-color: var(--p-line);
}
.dark-mode .nasio-accordion-item {
border-bottom: 0;
}
.dark-mode .prespa-saas-why-choose-us .wp-block-column > .wp-block-group {
border-color: #ababab !important;
}
.dark-mode .pattern-testimonials .nasio-slide .wp-block-cover{
border-color: #ababab !important;
}
.box-service:hover {
transform: translateY(-6px);
box-shadow: 0 18px 45px rgba(30, 41, 59, .12);
border-color: #d8e1e7;
}
h2 {
font-family: bebas Neue;
font-size: 32px;
line-height: 38px;
}
@media (max-width: 1024px) {
h2 {
font-size: 28px;
}
}
#bbpress-forums h1 {
clear: both;
line-height: 1.4;
font-family: inherit;
font-size: 24px !important;
} #bbpress-forums .bbp-topic-actions {
clear: both;
display: flex;
flex-wrap: wrap;
width: fit-content;
max-width: 100%;
margin: 8px 8px 16px auto;
FONT-VARIANT: JIS78;
border-radius: 10px;
overflow: hidden;
font-size: 14px;
line-height: 1.4;
box-shadow: 0px 0px 2px 0px #00000080;
}
#bbpress-forums .bbp-topic-actions #favorite-toggle,
#bbpress-forums .bbp-topic-actions #subscription-toggle {
float: none;
}
#bbpress-forums .bbp-topic-actions #favorite-toggle + #subscription-toggle {
border-left: 1px solid #dcdfe4;
}
#bbpress-forums .bbp-topic-actions a {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 18px;
color: #1f2937;
text-decoration: none;
transition: background-color 0.15s;
}
#bbpress-forums .bbp-topic-actions a:hover,
#bbpress-forums .bbp-topic-actions a:focus-visible {
background: #e6e8ec;
}
#bbpress-forums .bbp-topic-actions a::before {
content: "";
flex: none;
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask: var(--topic-action-icon) center / contain no-repeat;
mask: var(--topic-action-icon) center / contain no-repeat;
}
#bbpress-forums .bbp-topic-actions .favorite-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}
#bbpress-forums .bbp-topic-actions .is-favorite .favorite-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}
#bbpress-forums .bbp-topic-actions .subscription-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");
}
#bbpress-forums .bbp-topic-actions .is-subscribed .subscription-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");
}
@media (max-width: 600px) {
#bbpress-forums .bbp-topic-actions {
flex-direction: column;
}
#bbpress-forums .bbp-topic-actions #favorite-toggle + #subscription-toggle {
border-left: 0;
border-top: 1px solid #dcdfe4;
}
}
.dark-mode #bbpress-forums .bbp-topic-actions {
background: rgba(255, 255, 255, 0.06);
}
.dark-mode #bbpress-forums .bbp-topic-actions #favorite-toggle + #subscription-toggle {
border-color: rgba(255, 255, 255, 0.12);
}
.dark-mode #bbpress-forums .bbp-topic-actions a {
color: #e5e7eb;
}
.dark-mode #bbpress-forums .bbp-topic-actions a:hover,
.dark-mode #bbpress-forums .bbp-topic-actions a:focus-visible {
background: rgba(255, 255, 255, 0.08);
} #bbpress-forums .topic-activity {
clear: both;
margin: 16px 0 24px;
padding: 14px 16px;
background: #effaf9;
border: 1px solid #cdeeec;
border-radius: 10px;
font-size: 15px;
line-height: 1.5;
color: #1f2937;
}
#bbpress-forums .topic-activity p {
margin: 0;
}
#bbpress-forums .topic-activity-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
#bbpress-forums .topic-activity-icon {
display: flex;
align-items: center;
justify-content: center;
flex: none;
width: 36px;
height: 36px;
border-radius: 8px;
background: #0aa8a5;
color: #fff;
}
#bbpress-forums .topic-activity-title {
font-weight: 600;
}
#bbpress-forums .topic-activity-updated,
#bbpress-forums .topic-activity-last {
font-size: 13px;
color: #5b6170;
}
#bbpress-forums .topic-activity-summary strong {
color: #0a7f7d;
}
#bbpress-forums .topic-activity-last {
margin-top: 8px;
}
#bbpress-forums .topic-activity-last a {
color: #1f2937;
}
#bbpress-forums .topic-activity-last .bbp-author-link {
font-weight: 600;
text-decoration: none;
}
#bbpress-forums .topic-activity-last .bbp-author-name {
color: inherit;
}
.dark-mode #bbpress-forums .topic-activity {
background: rgba(10, 168, 165, 0.1);
border-color: rgba(10, 168, 165, 0.35);
color: #e5e7eb;
}
.dark-mode #bbpress-forums .topic-activity-updated,
.dark-mode #bbpress-forums .topic-activity-last {
color: #aab0bb;
}
.dark-mode #bbpress-forums .topic-activity-summary strong {
color: #3fd0cd;
}
.dark-mode #bbpress-forums .topic-activity-last a {
color: #e5e7eb;
} .single-topic #bbpress-forums .bbp-pagination-count,
.single-topic #bbpress-forums .bbp-replies > .bbp-header {
display: none;
}
.single-topic #bbpress-forums .bbp-pagination:has(.bbp-pagination-links:empty) {
display: none;
} .single-forum .hentry:nth-child(1),
.single-topic .hentry:nth-child(1) {
margin-top: 0;
}