/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. 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 so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # 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 beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@font-face {
    font-family: 'SF UI Text';
    src: url('fonts/SFUIText-Regular.eot');
    src: url('fonts/SFUIText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFUIText-Regular.woff2') format('woff2'),
        url('fonts/SFUIText-Regular.woff') format('woff'),
        url('fonts/SFUIText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, p, h1, h2, h3, h4, h5, h6, a{
	font-family: 'SF UI Text'!important;
}

/* Global */
.orange-text {
    color: #F97316;
}

/* Header */
.main-header-bar-wrap .main-header-bar{
	box-shadow: 0 0 5px #f97316, 0 0 10px #f97316;
}

/* Banner */
.za-banner-wrapper .elementor-heading-title span.orange-text{
	position: relative;
	display: inline-block;
}
.za-banner-wrapper .elementor-heading-title span.orange-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 50%;
  height: 12px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 3px solid #f97316;
  border-radius: 100% 50% 0 0;
}

/* Footer Styles */
.elementor-location-footer p {
    margin: 0;
}

/* .ast-builder-footer-grid-columns .site-footer-primary-section-2,
.ast-builder-footer-grid-columns .site-footer-primary-section-3 {
    align-items: center !important;
    display: flex;
    flex-direction: column;
}

.site-footer-primary-section-2 #footer-site-navigation {
    margin-left: -25px;
}

.ast-footer-html-1 .ast-header-html p,
.site-footer-section-3 #block-14 p{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
}

#block-16 .wp-block-button a {
    background-color: #F97316;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 24px;
    font-size: 16px;
}

.site-footer-section-3 #block-15 p {
    margin-bottom: 0;
}


@media (max-width: 767px) {
    .widget_media_image img.wp-image-31 {
        width: 50%;
    }
    .wp-block-buttons{
        display: block!important;
    }
} */

/* Homepage */
.left-bordered-text p {
    margin-bottom: 5px;
}

/* Transformation */
.transformation-container .transformation-boxes {
    border: 1px solid rgba(249, 115, 22, 0.2);
    border-radius: 10px;
    background-color: #1a1a1a;
}

.transformation-icon-box svg {
    width: 32px!important;
}

.transformation-icon-box .elementor-icon {
    padding: 0 10px;
    background: #1a0f08;
    border-radius: 10px;
    margin-bottom: 24px;
}

.transformation-icon-box .elementor-icon-box-title {
    margin-bottom: 12px;
}
.transformation-icon-box .elementor-icon-box-title:hover{
	color: #ffffff;
}

/* Forms */
.elementor-form select option {
  background-color: #000;
  color: #fff;
}

/* Dev Icons Slide */
.splide li img {
    padding: 10px;
    border: 1px solid rgba(249, 115, 22, 0.5);
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: rgb(249 115 22 / 65%) 0px 0px 20px;
    background: #1a1a1a;
}

.logo-icons-wrapper .icon-name{
	font-size: 11px;
}

.logo-icons-wrapper .splide__slide{
	text-align: center;
}

.logo-icons-wrapper .splide__slide{
	max-width: 60px;
}


/* Bubble Animation */
#background-wrap {
    bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
}

/* KEYFRAMES */

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@-moz-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:50px;
    }
}

/* ANIMATIONS */

.x1 {
    -webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: -5%;
	top: 5%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x2 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 5%;
	top: 80%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x3 {
    -webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 10%;
	top: 40%;
	
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
}

.x4 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 20%;
	top: 0;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x5 {
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 30%;
	top: 50%;
	
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}

.x6 {
    -webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 50%;
	top: 0;
	
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

.x7 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 65%;
	top: 70%;
	
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4);
}

.x8 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	
	left: 80%;
	top: 10%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

.x9 {
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	
	left: 90%;
	top: 50%;
	
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.x10 {
    -webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	
	left: 80%;
	top: 80%;
	
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3);
}

/* OBJECTS */

.bubble {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
    box-shadow: 0 20px 30px rgb(0 0 0 / 20%), inset 0px 10px 30px 5px rgba(249, 115, 22, 1);
    height: 120px;
    position: absolute;
    width: 120px;
}

.bubble:after {
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center, rgb(0 0 0 / 50%) 0%, rgba(255, 255, 255, 0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 );
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 20px 30px rgb(95 12 12 / 30%);
    content: "";
    height: 100px;
    left: 10px;
    position: absolute;
    width: 100px;
}

@media only screen and (max-width: 768px) {
	.x6, .x3, .x1, .x9 {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		transform: scale(0.5);
	}
}

/* BUBBLE LOADER */
/* Loader container */
#bubble-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
	top: 0;
    left: 0;
    right: 0;
}

/* Spinner */
@keyframes circle-1 {
  0% {
    transform: translateY(-50%) translateX(0px);
    opacity: 0.8;
  }
  33% {
    transform: translateY(-85%) translateX(-40%);
    opacity: 1;
  }
  66% {
    transform: translateY(-115%) translateX(0%);
    opacity: 0.8;
  }
  100% {
    transform: translateY(-160%) translateX(-15%);
    opacity: 0;
  }
}
@keyframes circle-2 {
  0% {
    opacity: 0;
  }
  30% {
    transform: translateY(-50%) translateX(0%);
    opacity: 0.5;
  }
  50% {
    transform: translateY(-80%) translateX(15%);
    opacity: 1;
  }
  70% {
    transform: translateY(-105%) translateX(0%);
    opacity: 0.8;
  }
  100% {
    transform: translateY(-135%) translateX(35%);
    opacity: 0;
  }
}
@keyframes circle-3 {
  0% {
    opacity: 0;
  }
  50% {
    transform: translateY(-50%) translateX(0%);
    opacity: 0.5;
  }
  50% {
    transform: translateY(-80%) translateX(15%);
    opacity: 1;
  }
  70% {
    transform: translateY(-100%) translateX(30%);
    opacity: 0.8;
  }
  100% {
    transform: translateY(-140%) translateX(0%);
    opacity: 0;
  }
}
.animation-container {
    position: absolute;
    top: 0;
    color: #49565A;
    font-size: 60px;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
.animation-container .circle--animate--1 {
  transition-timing-function: ease;
  color: #5588ff;
  opacity: 0;
}
.animation-container .circle--animate--2 {
  transition-timing-function: ease;
  color: #11BB6C;
  opacity: 0;
}
span.fa-layers.fa-fw.animation-container path {
    fill: #F97316;
}
svg.svg-inline--fa.fa-circle.circle--animate--2 path, 
svg.svg-inline--fa.fa-circle.circle--animate--3 path {
    fill: #fff;
}
.animation-container .circle--animate--3 {
  transition-timing-function: ease;
  color: #D090D7;
  opacity: 0;
}
.animation-container {
  cursor: pointer;
  color: #1F282C;
}
.animation-container .circle--animate--1 {
  animation: circle-1 1.2s infinite;
}
.animation-container .circle--animate--2 {
  animation: circle-2 1.5s infinite;
}
.animation-container .circle--animate--3 {
  animation: circle-3 1.9s infinite;
}