/*!
Theme Name: Saasify
Theme URI: http://saasify.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Startup & SaaS Landing Page WordPress Theme.
Version: 1.0.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saasify
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Saasify Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.hero-section .hero-content-area{
	margin-bottom: 0px!important;
}

.hero-section .tj-hero-section .banner_img{
	width: 80%;
	margin: auto;
}

.hero-lg-image {
    border: unset!important;
    background: transparent!important;
    box-shadow: unset!important;
}

.feature-svg-icon svg path{
	  fill: var(--tj-color-theme-primary);;
}

.feature-svg-icon:hover svg path{
	  fill: var(--tj-color-common-white);;
}
.feature-svg-icon h5.title{
	height: 55px;
}

.feature-svg-icon div.desc{
	height: 98px;
}
/* .feature_item{
	background-image: linear-gradient(140deg, #082F6C 3%, var(--tj-color-common-white) 45%);
}
.feature_item::before {
	  background-image: linear-gradient(119deg, #4572B7 1.65%, #082F6C 126.29%);
} */

/* .map-svg-icon  {
	background-image: unset!important;
} */
/* .tj-image-box .image_box_inner{
	background-image: linear-gradient(119deg, #bbcfed 1.65%, #082F6C 126.29%);
} */
.it-operation-section{
	background-image: linear-gradient(90deg, var(--tj-color-theme-primary) 0%, var(--tj-color-theme-secondary) 100%)!important;
}

 #lottie-container {
        width: 300px;
        height: 300px;
        margin: 100px auto;
      }

@media (max-width: 767px) {
/* 	.hustle-ui.module_id_4 .hustle-layout .hustle-layout-content{
	    padding: 40px 30px 50px 30px!important;
	} */
}
/* Pop up */
.hustle-error-message{
	margin-top: 10px!important;
	border-radius: 5px;
}

/* Contact form - form */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form .wpcf7-response-output {
    border-color: transparent!important;
	margin: 1em 0em!important;
	padding: 0px!important;
}
.custom-loader {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  color: #6f7782;
  margin-top: 15px;
  font-size: 16px;
}

.spinner {
  width: 20px;
  height: 20px;
  border: 3px solid #ccc;
  border-top: 3px solid #3c68ac;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}