/*

 Theme Name:        Prespa SaaS

 Theme URI:         https://nasiothemes.com/themes/prespa/

 Description:       Prespa SaaS serves as a child theme of Prespa, inheriting all the features of Prespa. It is specifically designed for SaaS (Software as a Service) businesses, digital agency, startup, mobile app, and ai automation services, providing a modern and professional look to effectively showcase products and services. The theme is made with the distinct purpose to convert site visitors into customers. It includes specialized block patterns for pricing tables, feature lists, services, testimonials and others. The theme supports responsive layouts and includes a native toggle that allows visitors to switch between light and dark mode. Theme demo: https://prespa-saas-demo.nasiothemes.com/

 Author:            Atanas Yonkov

 Author URI:        http://nasiothemes.com

 Template:          prespa

 Requires at least: 6.1

 Tested up to:      6.9

 Requires PHP:      5.6

 Version:           1.0.8

 License:           GNU General Public License v2 or later

 License URI:       http://www.gnu.org/licenses/gpl-2.0.html

 Text Domain:       prespa-saas

 Tags:              education, one-column, two-columns, three-columns, four-columns, grid-layout, right-sidebar, left-sidebar, block-patterns, wide-blocks, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

*/



.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;
}

.top-menu.site-menu {
    display: none !important;
}

.social-icons,
.header-social-icons {
    display: none !important;
}

body {
    padding-top: 80px;
}

#masthead .main-navigation-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    z-index: 10000;
    background: #fff;
    box-shadow: 0 1px 16px rgba(15, 23, 42, .08);
    transform: none !important;
    transition: none !important;
}

#masthead .main-navigation-container.fixed-header,
#masthead .main-navigation-container.sticky-header {
    top: 0 !important;
    transform: none !important;
}

.main-navigation-container .header-content-wrapper {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    background: #fff;
}

.admin-bar #masthead .main-navigation-container {
    top: 0 !important;
}

.site-main .p-animation-text-moveUp {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

footer.bg-black {
    background: #000;
    color: #fff;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 1px solid #111827;
}

footer.bg-black .container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 2rem;
}

footer.bg-black .col-span-12 {
    grid-column: span 12 / span 12;
}

footer.bg-black .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

footer.bg-black .font-display {
    font-family: var(--wp--preset--font-family--montserrat), Montserrat, sans-serif;
}

footer.bg-black .font-bold {
    font-weight: 700;
}

footer.bg-black .tracking-tighter {
    letter-spacing: -.04em;
}

footer.bg-black .tracking-widest {
    letter-spacing: .1em;
}

footer.bg-black .mb-2 {
    margin-bottom: .5rem;
}

footer.bg-black .mb-4 {
    margin-bottom: 1rem;
}

footer.bg-black .mb-8 {
    margin-bottom: 2rem;
}

footer.bg-black .text-center {
    text-align: center;
}

footer.bg-black .text-left {
    text-align: left;
}

footer.bg-black .text-gray-100 {
    color: #f3f4f6;
}

footer.bg-black .text-gray-200 {
    color: #e5e7eb;
}

footer.bg-black .text-gray-500 {
    color: #6b7280;
}

footer.bg-black .text-gray-700 {
    color: #374151;
}

footer.bg-black .text-sm {
    font-size: .875rem;
}

footer.bg-black .text-xs {
    font-size: .75rem;
}

footer.bg-black .text-\[10px\] {
    font-size: 10px;
}

footer.bg-black .leading-relaxed {
    line-height: 1.625;
}

footer.bg-black .max-w-xl {
    max-width: 36rem;
}

footer.bg-black .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

footer.bg-black .flex {
    display: flex;
}

footer.bg-black .justify-center {
    justify-content: center;
}

footer.bg-black .gap-x-6 {
    column-gap: 1.5rem;
}

footer.bg-black a {
    color: inherit;
    text-decoration: none;
}

footer.bg-black a:hover {
    text-decoration: underline;
}

@media (max-width: 782px) {
    body {
        padding-top: 72px;
    }

    .admin-bar #masthead .main-navigation-container {
        top: 0 !important;
    }
}

@media (min-width: 768px) {
    footer.bg-black {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    footer.bg-black .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        gap: 3rem;
    }

    footer.bg-black .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    footer.bg-black .md\:col-span-8 {
        grid-column: span 8 / span 8;
    }

    footer.bg-black .md\:text-left {
        text-align: left;
    }

    footer.bg-black .md\:text-right {
        text-align: right;
    }

    footer.bg-black .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    footer.bg-black .md\:mb-6 {
        margin-bottom: 1.5rem;
    }

    footer.bg-black .md\:ml-auto {
        margin-left: auto;
        margin-right: 0;
    }

    footer.bg-black .md\:justify-end {
        justify-content: flex-end;
    }

    footer.bg-black .md\:text-xs {
        font-size: .75rem;
    }
}

.prespa-saas-hero-section .hero-top-icons,
.prespa-saas-hero-section .hero-bottom-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0;
    margin: 0;
    pointer-events: none;
}

.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;
    pointer-events: auto;
}


.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);
}

.why-choose-us .wp-image-4377,
.why-choose-us .wp-image-4378,
.why-choose-us .wp-image-4379 {
    width: 66.666% !important;
    margin-left: auto;
    margin-right: auto;
}

.nobikabu-problem-section .wp-block-columns {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.nobikabu-problem-section .wp-block-columns + .wp-block-columns {
    padding-top: 0 !important;
}

.nobikabu-problem-section .wp-block-column {
    padding: 1.25rem 1rem !important;
}

.nobikabu-problem-section .wp-block-column .wp-block-image img {
    width: 20px !important;
}

.nobikabu-problem-section .wp-block-column h5 {
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .95rem;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

.pattern-testimonials .nasio-slide-inner .wp-block-cover {
    max-width: 82%;
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px !important;
}

.pattern-testimonials .nasio-slide-inner .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group {
    padding: 1.5rem !important;
}

.pattern-testimonials .nasio-slide-inner .wp-block-image img[style*="width:70px"] {
    width: 56px !important;
    height: 56px !important;
}

.pattern-testimonials .nasio-slide-inner h4 {
    padding-top: .75rem !important;
    font-size: 1rem;
}

.pattern-testimonials .nasio-slide-inner p {
    font-size: .8125rem !important;
}

@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 .hero-top-icons,
    .prespa-saas-hero-section .hero-bottom-icons {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        height: 0;
        margin: 0;
    }

    .prespa-saas-hero-section .icon {
        display: block !important;
        top: auto !important;
        bottom: auto !important;
        margin: 0;
        max-width: 56px;
    }

    .prespa-saas-hero-section .icon img {
        width: 56px !important;
        height: auto;
    }

    .prespa-saas-hero-section .icon-top-left,
    .prespa-saas-hero-section .icon-bottom-left {
        margin-left: .75rem;
    }

    .prespa-saas-hero-section .icon-top-right,
    .prespa-saas-hero-section .icon-bottom-right {
        margin-left: auto;
        margin-right: .75rem;
    }

    .prespa-saas-box {
        gap: .375rem;

        padding-left: .25rem !important;

        padding-right: .25rem !important

    }



    .prespa-saas-box p {
        font-size: .75rem;
    }

    .nobikabu-solution-row {
        display: flex;
        flex-direction: column;
    }

    .nobikabu-solution-row .nobikabu-solution-copy {
        order: 1;
    }

    .nobikabu-solution-row .nobikabu-solution-media {
        order: 2;
    }

    .nobikabu-problem-section .wp-block-columns {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important;
    }

    .nobikabu-problem-section .wp-block-column {
        padding: 1rem .875rem !important;
    }

    .nobikabu-problem-section .wp-block-column h5 {
        max-width: 16rem;
        font-size: .9rem;
    }

    .pattern-testimonials .nasio-slide-inner .wp-block-cover {
        max-width: 76%;
    }

    .pattern-testimonials .nasio-slide-inner .wp-block-cover > .wp-block-cover__inner-container > .wp-block-group {
        padding: 1.125rem !important;
    }

    .pattern-testimonials .nasio-slide-inner .wp-block-image img[style*="width:70px"] {
        width: 48px !important;
        height: 48px !important;
    }
}


.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;

}