/**
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
*/

.zoom-bg{
    overflow: hidden;
}
.zoom-bg .elementor-background-overlay,
.zoom-bg{
    transition: all 0.8s ease;
}
.zoom-bg:hover{
    background-size: 120% !important;
}
 .zoom-image-wrapper {
    overflow: hidden;
    border-radius: 7px; 
}
.zoom-image-wrapper img {
    width: 100%;
	height:100%;
    display: block;
    transition: transform 0.6s ease;
}
.zoom-image-wrapper:hover img {
    transform: scale(1.1);
}



/*  */
.headbutton .elementor-button-text::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url("https://www.atsphereglobal.com/wp-content/uploads/2026/03/Group.svg") no-repeat center;
    background-size: contain;
}
h1.entry-title {
    display: none !important;
}
.services ul li a {
    text-decoration: underline;
    color: #0B1F3B !important;
}
.pilot-btns input {
    width: 100%;
}

.flexible::before{
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
    transform: scale(1);
    z-index: -2;
}

.flexible::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.8);
    z-index: -1;
}

.flexible:hover::before{
    transform: scale(1.1) !important;
}
@media (min-width: 1025px) {
	
.scale-bg{ 
	overflow: hidden;
    background-size: 110% !important;
    background-position: center !important;
    transition: background-size 0.8s ease-in-out !important;
	width:100%;
	height:100%;
}

.scale-bg:hover{
    background-size: 120% !important;
}


.scale-bgs{    overflow: hidden;
    background-size: 120% !important;
    background-position: center !important;
    transition: background-size 0.8s ease-in-out !important;
	width:100%;
	height:100%;
}

.scale-bgs:hover{
    background-size: 130% !important;
}

}

.career-img{
	transition:transform 0.3s ease;
}
.career-img:hover{
	transform:scale(1.02);
}

.card-1:hover {
    transform: translateY(-10px);
}

@media(max-width:768px){
	.elementor-1572 .elementor-element.elementor-element-442d965 img {
    width: 55%;
}
	.elementor-1572 .elementor-element.elementor-element-1f76199 {
    --display: flex;
    justify-content: space-around !important;
   
}
	.top-head {
    display: flex;
    gap: 6px !important;
    justify-content: space-around !important;
    padding: 0px 10px 0px 10px;
}
/* 	form */
	.form-row {
    display: block !important;
    gap: 20px;
    align-items: start;
}
	.wpcf7 select.wpcf7-form-control {
    padding: 6px 10px;
    width: 100%;
}
	.pilot-btn p::after {
    position: absolute;
    content: "";
    background-image: url(https://www.atsphereglobal.com/wp-content/uploads/2026/03/SVG-9.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27px;
    width: 100px;
    left: 72% !important;
    top: 18%;
}
	
	.scale-bg{    overflow: hidden;
    background-size:cover !important;
    background-position: center !important;
    transition: background-size 0.8s ease-in-out !important;
	width:100%;
	height:100%;
}
	.scale-bg:hover{
		background-size:cover !important
	}
}

.pilot-input11 p span {
    display: block !important;
    text-align: start;
    align-items: self-end;
    justify-content: start;
}

.pilot-input11 p {
	text-align:start !important;
}
.top-header{
background: linear-gradient(143deg, #0B1F3B 75%, #6B7280 75%);
}

.elementor-nav-menu .elementor-item:hover {
    font-weight: 700;
}
.main-header{
	position: sticky !important;
  top: 0;
  z-index: 9999;
}
.banner-btn1 a{
	background-color:transparent !important;
}
.about-text {
  background: linear-gradient(90deg, #154471 0%, #2881D7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.serv-icon ul li svg{
	background:transparent !important;
}
.ser-icon ul li svg{
	background:transparent !important;
}

.data-box:hover .serv-icon .elementor-icon-list-icon svg{
	background:transparent !important;
	fill:none !important;
}
.pilot-form{
	background-color:#FFFFFF80;
	border-radius:7px;
    border: 1.35px solid #E2E4E9;
    box-shadow: 0px 5.39px 26.94px 0px #1F242E14;
	padding:20px;
}
.pilot-input p{
	font-family:"Roboto";
	font-size:17px;
	color:#0B1F3B;
	margin-bottom:2px;
}
.pilot-input input{
	background:#F9FAFB;
	border: 1.08px solid #D8DEE4;
	margin-bottom:15px;
}
.pilot-input1 p{
	font-family:"Roboto";
	font-size:17px;
	color:#0B1F3B;
	margin-bottom:2px;
}
.pilot-input1 input {
    background: #F9FAFB;
    border: 1.08px solid #D8DEE4;
    margin-bottom: 7px;
    width: 170px !important;
}
.select1 select{
	width:260px !important;
	background:#F9FAFB;
	border: 1.08px solid #D8DEE4;
	margin-bottom:15px;
}
.pilot-input select{
	background:#F9FAFB;
	border: 1.08px solid #D8DEE4;
	margin-bottom:15px;
}
.form-row{
	display:flex;
	gap:20px;
	align-items:start;
}
.pilot-input textarea{
	background:#F9FAFB;
	border: 1.08px solid #D8DEE4;
	height:100px;
	resize:none;
}
.pilot-btn input {
    background: #0B1F3B;
    width: 100%;
    font-family: "Roboto";
    padding: 12px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 7px;
}
.pilot-btn p {
    position: relative;
    margin-bottom: 10px;
}
.pilot-btn p::after {
    position: absolute;
    content: "";
    background-image: url(https://www.atsphereglobal.com/wp-content/uploads/2026/03/SVG-9.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 27px;
    width: 100px;
    left: 65%;
    top: 18%;
}
span.wpcf7-spinner {
    display: none;
}
.pilot-below {
    display: flex;
    gap: 10px;
}

.choo{
    margin-top: 15px;
}
.zoom-bg {
  overflow: hidden;
}

.zoom-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: inherit;
  transition: transform 0.5s ease;
  z-index: 0;
}

/* Keep content above */
.zoom-bg > * {
  position: relative;
  z-index: 1;
}

/* Hover Zoom Effect */
.zoom-bg:hover::before {
  transform: scale(1.1);
}
.pilot-below img{
	height:21px;
	width:21px;
}
.pilot-below p{
	margin-bottom:0px;
	font-family:"Roboto";
	font-size:16px;
	color:#0B1F3B;
	
}
.wpcf7 .wpcf7-form-control-wrap {
    width: 100%;
    display: flex;
    gap: 15px;
	align-items:center;
}


.box-shadow-custom {
  box-shadow: 0 4px 20px rgba(11, 33, 60, 0.08);
}



.box-shadow-custom .cu {
  background-size: cover;        /* ensures full image */
  background-position: center;
  transition: background-size 0.5s ease, box-shadow 0.5s ease;
  overflow: hidden;              /* optional, keeps everything inside */
}

.box-shadow-custom .cu:hover {
  background-size: 110% !important;         /* zooms the image */
  box-shadow: 0 8px 25px rgba(11, 33, 60, 0.1);
}


.page-id-1289 header.entry-header {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
div#header-link {
    font-family: "Nunito Sans", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    background-color: #0066C8;
    border-radius: 7px 7px 7px 7px;
    padding: 2px 15px 2px 20px !important;
}

#header-link .e-n-menu-title-text{
	color:#fff;
}


#header-link .e-n-menu-title-text::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url("https://www.atsphereglobal.com/wp-content/uploads/2026/03/Group.svg") no-repeat center;
    background-size: contain;
}

.data h2 a {
    text-decoration: none !important;
}


.serv-icon .elementor-icon-list-text,
.serv-icon .elementor-icon-list-icon {
    transition: transform 0.3s ease;
}

.serv-icon .elementor-icon-list-item:hover .elementor-icon-list-text,
.serv-icon .elementor-icon-list-item:hover .elementor-icon-list-icon {
    transform: translateX(10px);
}


.pilot-input input {
    background: #ffffff80 !important;
    border: 1.08px solid #D8DEE4;
    margin-bottom: 15px;
}


.pilot-input input,
.pilot-input select {
    background: #ffffff80 !important;
    border: 1.08px solid #D8DEE4;
    margin-bottom: 15px;
}



.pilot-input textarea {
    background: #ffffff80 !important;
    border: 1.08px solid #D8DEE4;
    margin-bottom: 15px;
}



.zoom-bg {
    overflow: hidden;
    border-radius: 7px;
/*     box-shadow: 0 10px 30px rgba(0,0,0,0.08); */
    transition: all 0.3s ease;
}

.zoom-bg .ma {
    transition: transform 0.4s ease;
}

.zoom-bg:hover .ma {
    transform: scale(1.1);
}


.card-1{
	 box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.icon-list-box:hover .list span{
	color:white !important;
	
}

.icon-list-box:hover .card-text {
    color: white !important;
}
.icon-list-box:hover .list  svg.e-font-icon-svg.e-fas-hand-point-right {
    fill: white !important;
}



/* marqueee text */
.text-marquee{
    width:100%;
    overflow:hidden;
    background-color:#223849;
    
    padding:10px 0;
    white-space:nowrap;
    position:relative;
    border-radius:7px;
}

.text-track{
    display:flex;
    width:max-content;
    animation:marquee 15s linear infinite;
}

.text-track span{
    font-size:18px;
    font-weight:400;
    color:white;
     font-family:'Roboto', sans-serif;
    
    padding-right:80px;
    letter-spacing:1px;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

.number-box:hover .number h2{
	color:white !important;
}
.number-box:hover .number-text{
	color:white !important;
}
.number-box:hover{
	border:5px 1px 1px 1px #223849 !important;
}
.error404.ast-separate-container #primary {
    margin-bottom: 0;
}
.error404 .ast-container {
    max-width: 100%;
	padding:0px !important;
	margin:0px !important;
}
#scrollProgressBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 7px;
  background: #6B7280; 
  z-index: 9999;
  transition: width 0.1s linear;
}

.top-head{
    display: flex;
    gap: 40px;
}
    .top-text{
        color:#fff;
        font-family: ;
        font-size:16px;
    }
    .top-text img{
        height:20px;
        width:20px;
    }

   .industries-slider {
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
}

.slider-track {
  display: flex;
  gap:100px;
  width: calc(250px * 10); /* slide width × total slides */
  animation: scroll 20s linear infinite;
}

.slide {

  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:5px;
  text-align: center;

}

.slide img {
  width: 25px;
  height: 25px;

}

.slide h4 {
  font-size: 18px;
  font-family:"Roboto", Sans-Serif;
  color: #fff;
  margin: 0px !important;
}

/* Animation */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Scope everything under unique parent */
.serviceSwiperUnique {
  width: 90%;
}

.serviceSwiperUnique .service-card {
  background: #fff;
  padding: 26px;
  border-radius: 7px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.serviceSwiperUnique .service-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.serviceSwiperUnique .service-card-top h3 {
  font-size: 20px;
  margin-bottom: 0px ;
  margin: 0;
  font-family:"Poppins", Sans-Serif;
  color:#0B1F3B;
}

.serviceSwiperUnique .service-card-top img {
  width: 50px;
}
.service-card p{
    margin-bottom: 0px ;
  margin: 0;
  font-size:16px;
  font-family:"Roboto", Sans-Serif;
  color:#0B1F3B;
}
/* Custom HR */
.serviceSwiperUnique .service-line {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, #154471, #2881D7);
  margin: 15px 0;
}

.serviceSwiperUnique .service-pagination {
  position: relative;
  margin-top: 25px;
  text-align: center;
}

.serviceSwiperUnique .swiper-pagination-bullet {
  width: 10px;
  height: 13px;
  background: #6B7280;
  opacity: 1;
  margin: 0 5px !important;
  transition: all 0.3s ease;
}

.serviceSwiperUnique .swiper-pagination-bullet-active {
  background:#fff;
  transform: scale(1.2);
}

/* FIXED: wrapper holds arrows outside the swiper */
.swiper-outer-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.swiper-outer-wrapper .swiper-button-prev,
.swiper-outer-wrapper .swiper-button-next {
  position: static;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-top:  -40px;
  color: #0B1F3B;
}

.swiper-outer-wrapper .swiper-button-prev {
  margin-right: 10px;
}

.swiper-outer-wrapper .swiper-button-next {
  margin-left: 10px;
}

.swiper-outer-wrapper .swiper-button-prev::after,
.swiper-outer-wrapper .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
  color: #0B1F3B;
  background-color: white;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  width: 44px;
  height: 44px;
  border-radius: 50%;        /* ← perfect circle always */
  display: flex;
  align-items: center;
  justify-content: center;   /* ← arrow icon centered */
}

.soft-icon-boxc2{
  width:36px;
  height:36px;
  background:#1183D41;
  border-radius: 9px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.soft-icon-boxc2 img{
  width:15px;
  height:auto;
  filter: brightness(0) saturate(100%) invert(11%) sepia(29%) saturate(1587%) hue-rotate(188deg) brightness(92%) contrast(95%);
}

.ast-container {
    max-width: 100%;
    padding: 0px;
}