/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 3.3.2
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

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

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.
Images that appear in the collage are licensed under CC0.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Screenshot images are all licensed under Creative Commons Zero (CC0) ( https://pxhere.com/en/license )
https://pxhere.com/en/photo/100653
https://pxhere.com/en/photo/759723
https://pxhere.com/en/photo/1259448
https://pxhere.com/en/photo/1456591
https://pxhere.com/en/photo/1389199

/* Note: The CSS files are loaded from assets/css/ folder. */
 
.elementor-7 .elementor-element.elementor-element-099a616 .eael-progressbar-circle-half {
    border-width: 25px !important;
    border-color: #04AA6D;
}
.dae-shortcode-download-title
{
	display:none !important;
}
.page-id-554 .menu-item-1742 {
    background-color: #fff;
    border-radius: 20px;
    border: 0px solid #1c3d5f !important;
    padding: 5px 10px;
}
@media only screen and (min-width: 320px) and (max-width: 768px)
{
.page-id-554 .menu-item-1742 {
    background-color: #fff;
    border-radius: 20px;
    border: 0px solid #1c3d5f !important;
    padding: 5px 10px;
}
#ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-inner {
    height: 100% !important;
}
#psac-carousel-1 span.owl-prev {
    left: 36% !important;
    position: absolute;
}
#psac-carousel-1 span.owl-next {
    right: 34% !important;
    position: absolute;
}
.elementor-widget-tabs .elementor-tab-desktop-title {
    position: relative;
    padding: 20px 15px;
}
.elementor-element-3b309e2 .elementor-element-populated {
    margin-top: 5em !important;
}
.elementor-element-44817fe0 {
    margin-bottom: 30px !important;
}
.page-id-2864 .mr-3.img-48 img {
    width:34px !important;
    max-width: 34px !important;
    height: auto;
    padding: 0;
    margin: 0;
}
.elementor-1318 .elementor-element.elementor-element-ac9262e {
    padding: 0em 0em 0em 0em !important;
}
.menu-item-4289{
        width: 50% !important;
    }
}

.payroll-icon-list .elementor-icon-list-text h4{
    margin-bottom: 0px;
    font-weight: 900;
    color: #EC3C3C;
}
.elementor-icon-list-text{
    margin-left:15px;
}







.box-btn-hover button {
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #000;
  font-size: 15px;
  cursor: pointer;
  border: 3px solid #2b478b !important;
  line-height: 19px;
  border-radius: 3px;
    
}
box-btn-hover span {
  display: block;
  padding: 25px 80px;
}
.box-btn-hover button::before,
.box-btn-hover button::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #900;
}

.box-btn-hover span::before,
.box-btn-hover span::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #900;
}
.box-btn-hover button:hover::before,
.box-btn-hover button:hover::after {
  width: 100%;
}
.box-btn-hover button:hover span::before,
.box-btn-hover button:hover span::after {
  height: 100%;
}

button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
       background-color: #ffffff75 !important;
    color: #000 !important;
     
}

--- Button 2 -------

 .btn-2::before,
 .btn-2::after {
  transition-delay: 0s;
}
.btn-2 span::before,
.btn-2 span::after {
  transition-delay: 0.2s;
}
.btn-2::before {
  right: 0;
  top: 0;
}
.btn-2::after {
  left: 0;
  bottom: 0;
}
.btn-2 span::before {
  left: 0;
  top: 0;
}
.btn-2 span::after {
  right: 0;
  bottom: 0;
}
.btn-2:hover::before,
.btn-2:hover::after {
  transition-delay: 0.2s;
}
.btn-2:hover span::before,
.btn-2:hover span::after {
  transition-delay: 0s;
}


.elementor-element-e96b32e ul li:before{
 content: "";
    position: absolute;
    background-image: url(https://valluva.com/wp-content/uploads/2021/11/bullet-point.svg);
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    left: -25px;
    top: 7px;
}
.elementor-list ul li{
    list-style:none;
    position: relative;
}
.elementor-list ul
{
	margin-bottom: 20px;
}
.elementor-list ul li:before{
    content: "";
    position: absolute;
    background-image: url(https://valluva.com/wp-content/uploads/2021/11/bullet-point.svg);
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    left: -25px;
    top: 7px;
}
.elementor-widget-heading .elementor-heading-title {
    color: #EC3C3C !important;
	font-size: 24px !important;}
.elementor-element-6b240040 .elementor-widget-heading .elementor-heading-title {
    color: #fff !important;
	font-size: 24px !important;}
.menu-item-4289 {
    background-color: #f9505a;
    border-radius: 20px;
    padding: 5px 10px;
    color: white !important;
    margin-left: 11px;
}
.menu-item-4289 a {
    color: #fff !important;
}
.elementor-clearfix ul li{
     list-style:none;
    position: relative;
}
ast-desktop .ast-menu-hover-style-underline>.menu-item:hover>.menu-link:before {
    width: calc(70% - 0em);
    background-color: currentColor;
    transform: scale(0,0) translate(18%,0) !important;
}
.ds-sticky .menu-item-4288 {
    background-color: #26a856;
    border-radius: 20px;
    border: 1px solid #26a856;
    padding: 5px 10px;
}
.ds-sticky .menu-item-4288 a {
    color: #fff !important;
}
.elementor-element-197fa093 .swiper-slide {
    transition: 1s;
    transform: scale(0.7);
    opacity: .5;
}
.elementor-element-197fa093 .swiper-slide.swiper-slide-next {
    transform: scale(1.1);
    transition: .9s;
    opacity: 1;
}
.wk-grid-item-match, .wk-grid-match > * {
    display: block !important;
    flex-wrap: wrap;
}
.content-carousel .wk-card .wk-card-media-top .wk-display-block img{
    width:100px;
	height:100px;
}
.content-carousel .wk-margin-medium-top {
    margin-top: 0px !important;
}
@media only screen and (min-width:320px) and (max-width:768px)
{
/*.login-btn*/
/*{*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    font-size: 16px;*/
/*    left: -25px;*/
/*    transform: translateY(-50%) rotate(*/
/*270deg);*/
/*    background: #f9505a;*/
/*    color: #fff;*/
/*    padding: 10px 30px;*/
/*    box-shadow: 0 0 7px -4px black;*/
/*    border-bottom-left-radius: 15px;*/
/*    border-bottom-right-radius: 15px;*/
/*    z-index: 10;*/
/*}*/
.login-btn a{
    color:#fff !important;
}
.startfree-btn a{
    color:#fff !important;
}
.startfree-btn{
    position: fixed;
    top: 50%;
    font-size: 16px;
    right: -53px;
    transform: translateY(-50%) rotate(
90deg);
    background: #f9505a;
    color: #fff;
    padding: 15px 30px;
    box-shadow: 0 0 7px -4px black;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 10;
}
.menu-item-4288{
    display:none !important;
}
#ht-ctc-chat{
    bottom:20px !important;
}
#ht-ctc-chat svg{
        height: 55px !important;
    width: 55px !important;
}
}
@media only screen and (min-width:999px) and (max-width:1920px)
{
   .login-btn, .startfree-btn{
       display:none;
   }
}
.ast-button-wrap .menu-toggle:focus {
    outline: none !important;
}
.ast-menu-toggle:focus {
    outline: none !important;
}
.wk-display-block img{
    width: 100% !important;
    max-width: 130px !important;
    height: 100% !important;
}
input[type="submit"]:hover {
    color: #ffffff !important;
    border-color: #2b455a !important;
    background-color: #2b455a !important;
    border-radius: 10px;
    padding: 15px 30px;
}
.tawk-min-container .tawk-button-circle.tawk-button-large {
    width: 60px;
    height: 60px;
}
.icon-calendar{
    position:relative;
}
.icon-calendar:before{
    content:"\f073";
    position:absolute;
    font-size:20px;
    top:0px;
}
.icon-calendar {
    position: fixed;
    bottom: 15px;
    right: 15px;
    border-radius: 10px;
    z-index: 999999;
    width: 55px;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0px 0px 1px #efefef;
}
.elementor-element-5b1e704e .elementor-element-70c5deaf h1 {
    color: #000000 !important;
    font-family: "Roboto", Sans-serif;
    font-size: 32px !important;
    font-weight: 600;
}
.elementor-element-5b1e704e .elementor-element-4bbf836b h2{
	color: #000000 !important;
    font-size: 20px !important;
}
.elementor-3525 .elementor-element.elementor-element-3e97e9c0 .elementor-heading-title, .elementor-3525 .elementor-element.elementor-element-1eab764c .elementor-heading-title {
    color: #04284E !important;
    font-size: 30px !important;
}
.fixed-header {
    position: fixed !important;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: #fff !important;
        z-index: 10000000 !important;
}