/**
* Theme Name:     Astra Child
* Author:         Brainstorm Force
* Template:       astra
* Text Domain:	   astra-child
* Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
*/


.site-header .ast-container {  max-width: 1600px !important; } 
 
.hero-section { background: radial-gradient(130% 120% at 75% -10%, #1B2F50 0%, #0D1520 50%, #0B0E14 100%) !important; }

.terminal-heading { position: relative; padding-left: 65px; }

.terminal-heading::before { content: ""; position: absolute; left: 0; top: 41%; transform: translateY(-50%); width: 42px; height: 14px; background: radial-gradient(circle, #F04E40 0 5px, transparent 5.5px) 0 center / 14px 14px no-repeat, radial-gradient(circle, #FCAE0B 0 4px, transparent 4.5px) 14px center / 14px 14px no-repeat, radial-gradient(circle, #29ABE2 0 3px, transparent 3.5px) 28px center / 14px 14px no-repeat; !important}

.terminal-text strong{ color:#5cdbb7 !important}

.heading-linear-mint-green { 
	background: linear-gradient(120deg, #5CDBB7 0%, #29ABE2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.heading-linear-coral-red{
	color:#f04e40!important;
}
.heading-linear-coral-teal{
	color:#5cdbb7!important;
}
.accent-line {
    background: linear-gradient(90deg, var(--teal), var(--sky)) !important;
}

.hover-card{
      transition: transform 0.4s ease;
}

.hover-btn:hover {
    transition: transform 0.3s ease;
	transform: translateY(-4px);
}

.background-3{
	background: linear-gradient(160deg, #182030 0%, #131D2E 100%) !important;
}

.background-2 {
    background: linear-gradient(160deg, #0E1824 0%, #07131E 100%) !important;
}

.background-4{
/* 	background: radial-gradient(130% 120% at 75% -10%, #1B2F50 0%, #0D1520 50%, #0B0E14 100%) !important; */
	background: linear-gradient(160deg, #182030 0%, #131D2E 100%) !important;
}

.animated-arrow {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    animation: arrowMove 1.8s ease-in-out infinite;
}
.main-header-menu .sub-menu{
	background: rgba(11,14,20,0.88);
}
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu{
	border-color:#5cdbb7;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{
	color:#5cdbb7;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
	fill:#5cdbb7;
}

/* Arrow shaft */
.animated-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 12px;
    height: 2px;
    background: #5CDBB7;
    transform: translateY(-50%);
    border-radius: 2px;
}

/* Arrow head */
.animated-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #5CDBB7;
    border-right: 2px solid #5CDBB7;
    transform: translateY(-50%) rotate(45deg);
}

@keyframes arrowMove {
    0% {
        transform: translateX(0);
        opacity: 0.7;
    }
    50% {
        transform: translateX(10px);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 0.7;
    }
}




/*=========== Form CSS============*/
/* ── Wrapper ── */
.sprint-form {
  background: #1a1f2e;
  padding: 36px 32px 28px;
  border-radius: 12px;
  max-width: 540px;
  margin: 0 auto;
  font-family: inherit;
}

/* ── Title ── */
.sprint-title {
  color: #ffffff;
  font-size: 22px !important;
  font-weight: 700;
  margin: 0 0 28px;
}

/* ── Label ── */
.sprint-form label {
  display: block;
  color: #7a8499;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* ── Two-column row ── */
.sprint-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 16px;
}

/* ── Individual field wrapper ── */
.sprint-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.sprint-field p{
	margin-bottom:0px;
}

.sprint-field.sprint-full {
  margin-bottom: 16px;
}

/* ── All inputs, selects, textarea ── */
.sprint-form input[type="text"],
.sprint-form input[type="email"],
.sprint-form select,
.sprint-form textarea {
  background: #252b3b;
  border: 1px solid #2e3448;
  border-radius: 7px;
  color: #ffffff;
  font-size: 14px;
  padding: 11px 14px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  appearance: none;
}

.sprint-form input::placeholder,
.sprint-form textarea::placeholder {
  color: #4a5168;
}

/* ── Select arrow ── */
.sprint-form select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a8499' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  color: #c0c8db;
  cursor: pointer;
}

/* unselected placeholder option */
.sprint-form select option[value=""] {
  color: #4a5168;
}

/* ── Focus state ── */
.sprint-form input:focus,
.sprint-form select:focus,
.sprint-form textarea:focus {
  border-color: #5CDBB7;
}

/* ── Textarea ── */
.sprint-form textarea {
  min-height: 110px;
  resize: vertical;
}

/* ── Submit button ── */
.sprint-form input[type="submit"],
.sprint-form .wpcf7-submit {
  display: block;
  width: 100%;
  background: #f04e40;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  margin-top: 8px;
  transition: background 0.2s, transform 0.1s;
  letter-spacing: 0.02em;
}

.sprint-form input[type="submit"]:hover,
.sprint-form .wpcf7-submit:hover {
  background: #d94035;
  transform: translateY(-1px);
}

/* ── Footer note ── */
.sprint-note {
  text-align: center;
  color: #4a5168;
  font-size: 12px;
  margin: 14px 0 0;
}

/* ── CF7 removes margins — fix span wrappers ── */
.sprint-form .wpcf7-form-control-wrap {
  display: block;
}

/* ── Validation error colour ── */
.sprint-form .wpcf7-not-valid-tip {
  color: #f04e40;
  font-size: 11px;
  margin-top: 4px;
}
/* Optional label suffix */
.sprint-optional {
  color: #4a5168;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.site-footer-section .widget-title{
	font-size:12px !important;
	font-family: JetBrains Mono !important;
	color:rgba(255,255,255,0.30);
}
.menu-item a{
	font-size:14px;
	color:rgba(255,255,255,0.45);
}
.menu-item a:hover{
	color:rgba(255,255,255,1);
}
.site-below-footer-inner-wrap{
	border-top: 1px solid rgba(255,255,255,0.8);
}



/* ── Mobile ── */
@media (max-width: 1280px) {
	.menu-item a{
		font-size:12px!important;
	}
}
@media (max-width: 1180px) {
	.menu-item a{
		font-size:10px!important;
	}
}
@media (max-width: 1080px) {
	.menu-item a{
		font-size:8px!important;
	}
}

/* ── Mobile ── */
@media (max-width: 480px) {
  .sprint-row {
    grid-template-columns: 1fr;
  }
  .sprint-form {
    padding: 24px 18px;
  }
}
@media (max-width: 921px) {
    .ast-theme-transparent-header .ast-above-header, .ast-theme-transparent-header .ast-above-header.ast-above-header-bar {
        background-color: rgba(11,14,20,0.88) !important;
    }
	.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background-color: rgba(11,14,20,0.88);
    }
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
        color: rgba(255,255,255,0.45);
    }
	.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{
		color:#5cdbb7;
		background: transparent;
	}
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle{
		color:#5cdbb7;
	}
	.ast-menu-toggle:focus {
    	outline: none;
	}
	.menu-item a{
		font-size:12px!important;
	}
	
}