/*
Theme Name: Saas Software Pro
Theme URI: https://www.themagnifico.net/products/saas-wordpress-theme
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: The SAAS WordPress Theme is a modern, multipurpose, and elegant theme crafted for startups, software companies, SaaS Agency, SaaS Solutions, Software Agency, SaaS Services, SaaS Development, Cloud Software, Software Consulting, SaaS Marketing, SaaS Growth and digital agencies. Designed with a minimal yet sophisticated aesthetic, it features a clean, responsive, and retina-ready layout that ensures your website looks stunning across all devices. Built on bootstrap with optimized code and secure, clean code, it delivers faster page load time and smooth performance for users. The theme includes an eye-catching banner section to highlight products or services, a testimonial section to build trust, and a team section to introduce your experts. Its Call to Action (CTA) buttons and social media integrations are strategically placed to boost engagement and conversions. Whether you are a developer or a business owner, this theme’s intuitive design ensures a user-friendly and mobile-friendly experience for every visitor.
Version: 0.0.2
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: saas-software-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Saas Software Pro WordPress Theme has been created by Themagnifico(Themagnifico.net), 2025.
Saas Software Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */


@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/*--------- Site Loader --------------*/
.preloader {
  background: #5945E5;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  align-items: center;
    justify-content: center;
}


.woocommerce .loader::before{
  background: none !important;
}
.loader {
  position: relative;
  width: 75px;
  height: 100px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#DDD 50px, transparent 0),
                    linear-gradient(#DDD 50px, transparent 0),
                    linear-gradient(#DDD 50px, transparent 0),
                    linear-gradient(#DDD 50px, transparent 0),
                    linear-gradient(#DDD 50px, transparent 0);
  background-size: 8px 100%;
  background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  animation: pillerPushUp 4s linear infinite;
}
.loader:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #F6438C;
  border-radius: 50%;
  animation: ballStepUp 4s linear infinite;
}

@keyframes pillerPushUp {
0% , 40% , 100%{background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px}
50% ,  90% {background-position: 0px 50px, 15px 58px, 30px 66px, 45px 78px, 60px 90px}
}

@keyframes ballStepUp {
0% {transform: translate(0, 0)}
5% {transform: translate(8px, -14px)}
10% {transform: translate(15px, -10px)}
17% {transform: translate(23px, -24px)}
20% {transform: translate(30px, -20px)}
27% {transform: translate(38px, -34px)}
30% {transform: translate(45px, -30px)}
37% {transform: translate(53px, -44px)}
40% {transform: translate(60px, -40px)}
50% {transform: translate(60px, 0)}
57% {transform: translate(53px, -14px)}
60% {transform: translate(45px, -10px)}
67% {transform: translate(37px, -24px)}
70% {transform: translate(30px, -20px)}
77% {transform: translate(22px, -34px)}
80% {transform: translate(15px, -30px)}
87% {transform: translate(7px, -44px)}
90% {transform: translate(0, -40px)}
100% {transform: translate(0, 0);}
}