/**
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
*/
body{
	background-color: #08101E !important;
}
.italic {font-style: italic;font-weight:440;}
.blue{color: #36baf7;}
.uppercase{text-transform: uppercase;}
.titlefont{font-size: clamp(44px, 5.2vw, 60px);}
.bgdark{background: #08101E;}

.entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p{
	margin:0;
}
/* Hero section right side image CSS  start*/

:root {
	--ink: #0b0a08;
	--ink-2: #0a1526;
	--ink-3: #1d1a16;
	--line: #2a2521;
	--line-strong: #3a342e;
	--paper: #f5efe4;
	--paper-2: #ece4d3;
	--paper-line: #d6cdb9;
	--cream: #fdfaf3;
	--signal: #36baf7;
	--signal-2: #36baf7;
	--teal: #3dcfb6;
	--amber: #f1b500;
	--muted: #a09a90;
	--muted-dark: #6b6760;
	--radius: 2px;
	--container: 1260px;
	--f-display: "Figtree";
	--f-body: "Outfit", Sans-serif;	
	--ease: cubic-bezier(.22, .61, .36, 1)
}

*,
:before,
:after {
	box-sizing: border-box
}

html,
body {
	margin: 0;
	padding: 0
}

html {
	scroll-behavior: smooth
}

body {
	background: var(--ink);
	color: var(--cream);
	font-family: var(--f-body);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-size: 16px;
	line-height: 1.55;
	overflow-x: hidden
}


::selection {
	background: var(--signal);
	color: var(--ink)
}


html,
body {
	overflow-x: hidden
}



.portal {
	padding: 20px;
	position: relative
}

.portal__frame {
	background: var(--ink-2);
	border: 1px solid var(--line-strong);
	border-radius: 6px;
	padding: 0;
	position: relative;
	overflow: hidden;
	box-shadow: 0 20px 60px -20px #000000b3, 0 4px 20px -8px #ff5b1f33
}

.portal__chrome {
	background: var(--ink-3);
	border-bottom: 1px solid var(--line);
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
	display: grid
}

.portal__dots {
	gap: 6px;
	display: flex
}

.portal__dots span {
	background: var(--line-strong);
	border-radius: 50%;
	width: 9px;
	height: 9px
}

.portal__dots span:first-child {
	background: #ff5f57
}

.portal__dots span:nth-child(2) {
	background: #febc2e
}

.portal__dots span:nth-child(3) {
	background: #28c840
}

.portal__addr {
	font-family: var(--f-body);
	color: var(--muted);
	border: 1px solid var(--line);
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #00000040;
	border-radius: 999px;
	justify-self: center;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	padding: 5px 14px;
	font-size: 11px;
	display: inline-flex;
	overflow: hidden
}

.portal__addr-lock {
	color: var(--teal);
	place-items: center;
	display: inline-grid
}

.portal__tools {
	gap: 6px;
	display: flex
}

.portal__tools span {
	font-family: var(--f-body);
	letter-spacing: .16em;
	border: 1px solid var(--line);
	color: var(--signal);
	background: #ff5b1f0d;
	border-radius: 2px;
	padding: 3px 7px;
	font-size: 9.5px
}

.portal__body {
	background: linear-gradient(#ffffff05 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, #ffffff05 1px, transparent 1px) 0 0 / 24px 24px, radial-gradient(400px 240px at 80% 100%, #ff5b1f14, transparent 60%), var(--ink-2);
	min-height: 420px;
	padding: 28px 28px 32px;
	position: relative
}

.dashcard {
	border: 1px solid var(--line-strong);
	transition: transform .6s var(--ease);
	background: #1b1814;
	border-radius: 4px;
	padding: 14px 16px;
	position: absolute;
	box-shadow: 0 14px 40px -18px #000c
}

.dashcard__head {
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 11px;
	display: flex
}

.dashcard__title {
	font-family: var(--f-display);
	color: var(--cream);
	font-size: 14px;
	font-style: italic
}

.tag {
	font-family: var(--f-body);
	letter-spacing: .1em;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 3px 6px;
	font-size: 9px;
	font-weight: 600
}

.tag--tableau {
	color: #36baf7;
	background: #36baf724;
	border: 1px solid #36baf759 
}

.tag--powerbi {
	color: #f2c811;
	background: #f2c81124;
	border: 1px solid #f2c81159
}

.tag--quicksight {
	color: #3dcfb6;
	background: #3dcfb624;
	border: 1px solid #3dcfb659
}

.dashcard__rls {
	font-family: var(--f-body);
	color: var(--muted);
	border: 1px solid var(--line);
	background: #0000004d;
	border-radius: 2px;
	margin-left: auto;
	padding: 3px 6px;
	font-size: 9px
}

.dashcard--1 {
	z-index: 3;
	width: 82%;
	animation: cardHover 6s var(--ease) infinite alternate;
	bottom: 20px;
	right: 24px
}

.dashcard--2 {
	z-index: 2;
	width: 54%;
	animation: cardHover 7s var(--ease) infinite alternate-reverse;
	background: #1f1b16;
	top: 40px;
	right: 56px;
	transform: rotate(-1.2deg)
}

.dashcard--3 {
	z-index: 1;
	width: 44%;
	animation: cardHover 8s var(--ease) infinite alternate;
	opacity: .92;
	background: #1f1b16;
	top: 24px;
	left: 20px;
	transform: rotate(-2deg)
}

@keyframes cardHover {
	0% {
		transform: translateY(0) rotate(var(--r, 0deg))
	}

	to {
		transform: translateY(-6px) rotate(var(--r, 0deg))
	}
}

.dashcard--2 {
	--r: -1.2deg
}

.dashcard--3 {
	--r: -2deg;
}

.dashcard__row {
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 10px;
	display: grid
}

.kpi {
	border: 1px solid var(--line);
	background: #0003;
	border-radius: 2px;
	padding: 8px 10px
}

.kpi__label {
	font-family: var(--f-body);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--muted);
	font-size: 9px;
	display: block
}

.kpi__value {
	font-family: var(--f-display);
	font-variation-settings: "opsz" 72;
	color: var(--cream);
	margin-top: 4px;
	font-size: 22px;
	line-height: 1.1;
	display: block
}

.kpi__delta {
	font-family: var(--f-body);
	margin-top: 2px;
	font-size: 10px;
	display: inline-block
}

.kpi__delta.up {
	color: var(--teal)
}

.kpi__delta.dn {
	color: #ff7b7b
}

.dashcard__chart {
	width: 100%;
	height: 96px;
	margin-top: 8px;
	display: block
}

.chart__grid {
	stroke: #ffffff0f;
	stroke-width: 1px;
	stroke-dasharray: 2 4;
	fill: none
}

.chart__line {
	stroke: var(--signal);
	stroke-width: 1.8px;
	fill: none;
	stroke-linejoin: round
}

.chart__tip {
	fill: var(--signal)
}

.chart__area {
	pointer-events: none
}

.dashcard__foot {
	border-top: 1px dashed var(--line);
	color: var(--muted);
	justify-content: space-between;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 10px;
	display: flex
}

.dashcard__mini {
	align-items: flex-end;
	gap: 6px;
	height: 62px;
	padding: 4px 2px 0;
	display: flex
}

.dashcard__mini .bar {
	height: calc(var(--h) * 100%);
	background: linear-gradient(180deg, var(--signal), #ff5b1f33);
	border-radius: 1px;
	flex: 1
}

.dashcard__cohort {
	flex-direction: column;
	gap: 4px;
	padding: 2px 0;
	display: flex
}

.cohort__row {
	grid-template-columns: repeat(5, 1fr);
	gap: 4px;
	display: grid
}

.cohort__row span {
	background: rgba(61, 207, 182, calc(var(--v, .5)));
	border-radius: 1px;
	height: 18px
}

.anno {
	font-family: var(--f-body);
	color: var(--muted);
	letter-spacing: .12em;
	text-transform: uppercase;
	align-items: center;
	gap: 8px;
	font-size: 9.5px;
	display: flex;
	position: absolute
}

.anno span {
	color: var(--signal);
	border: 1px solid var(--line-strong);
	background: #0000004d;
	border-radius: 2px;
	padding: 1px 5px
}

.anno--a {
	top: 10px;
	right: 20px
}

.anno--b {
	top: 50%;
	left: -20px;
	transform: translateY(-50%)
}

.anno--c {
	bottom: 8px;
	left: 24px
}


.tick {
	width: 14px;
	height: 14px;
	color: var(--signal);
	position: absolute
}

.tick:before,
.tick:after {
	content: "";
	background: currentColor;
	position: absolute
}

.tick:before {
	width: 14px;
	height: 1px;
	top: 7px;
	left: 0
}

.tick:after {
	width: 1px;
	height: 14px;
	top: 0;
	left: 7px
}

.tick--tl {
	top: 0;
	left: 0
}

.tick--tr {
	top: 0;
	right: 0
}

.tick--bl {
	bottom: 0;
	left: 0
}

.tick--br {
	bottom: 0;
	right: 0
}


/* SPEC / embedportal section CSS  */

.specsheet {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: var(--ink-2);
	position: relative;
}


.specsheet:before,
.specsheet:after {
	content: "";
	border: 1px solid var(--signal);
	width: 10px;
	height: 10px;
	position: absolute;
}

.specsheet:before {
	border-bottom: 0;
	border-right: 0;
	top: -5px;
	left: -5px;
}

.specsheet:after {
	border-top: 0;
	border-left: 0;
	bottom: -5px;
	right: -5px;
}

.specsheet__head {
	border-bottom: 1px solid var(--line);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--muted);
	justify-content: space-between;
	padding: 14px 20px;
	font-size: 10.5px;
	display: flex;
}

.mono {
	font-family: var(--f-body);
	font-feature-settings: "ss01";
	letter-spacing: .01em;
}

.specsheet__rows>div {
	border-bottom: 1px dashed var(--line);
	grid-template-columns: 140px 1fr;
	gap: 16px;
	padding: 16px 20px;
	display: grid;
}

.specsheet__rows dt {
	font-family: var(--f-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #cfc8b8;
	font-size: 11px;
}

.specsheet__rows dd {
	font-family: var(--f-display);
	font-variation-settings: "opsz" 24;
	color: var(--cream);
	margin: 0;
	font-size: 16px;
}

.specsheet__foot {
	border-top: 1px solid var(--line);
	letter-spacing: .1em;
	color: var(--muted);
	background: #ff5b1f0a;
	padding: 14px 20px;
	font-size: 11px;
}

.specsheet__foot a {
	color: var(--signal);
	border-bottom: 1px solid var(--signal);
}


.codepanel {
	border: 1px solid var(--line);
	background: #0d0c0a;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 30px 70px -30px #000000e6;
}

.codepanel:before {
	content: "";
	pointer-events: none;
	background: linear-gradient(#ff5b1f0d, #0000 30%);
	position: absolute;
	inset: 0;
}

.codepanel__head {
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	letter-spacing: .14em;
	text-transform: uppercase;
	justify-content: space-between;
	padding: 10px 16px;
	font-size: 11px;
	display: flex;
}

.codepanel__file {
	color: var(--signal);
}

.code {
	border: 1px solid var(--line);
	font-family: var(--f-body);
	color: #d4cfc2;
	background: #0d0c0a;
	border-radius: 2px;
	margin: 22px 0 0;
	padding: 16px 18px;
	font-size: 12.5px;
	line-height: 1.65;
	overflow-x: auto;
}

.codepanel .code {
	border: 0;
	border-radius: 0;
	margin: 0;
	font-size: 13px;
}

.code .c-com {
	color: var(--muted);
	font-style: italic;
}

.code .c-key {
	color: var(--signal);
}

.code .c-str,
.code .c-fn {
	color: #e8c46a;
}

.code .c-num {
	color: #f2c811;
}

.codepanel__foot {
	border-top: 1px solid var(--line);
	color: var(--muted);
	justify-content: space-between;
	padding: 10px 16px;
	font-size: 11px;
	display: flex;
}

.codepanel__foot span {
	color: var(--teal);
}

.codepanel__foot span:first-child:before {
	background: var(--signal);
}

.codepanel__foot span:before {
	content: "";
	background: currentColor;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	margin-right: 2px;
	animation: 1.2s steps(2, end) infinite blink;
	display: inline-block;
}

.codepanel__foot span:nth-child(2):before {
	animation-delay: .3s;
}

.codepanel__foot span:nth-child(3):before {
	background: var(--amber);
}

.codepanel__foot span:nth-child(3):before {
	animation-delay: .6s;
}

@keyframes blink {
	50% {
		opacity: .25
	}
}
.circle-animation .elementor-widget-container{
	position: relative;
}
.circle-animation .elementor-widget-container:after{
	content: "";
	pointer-events: none;
	background: conic-gradient(#0000 0deg, #2196f340 60deg, #0000 120deg);
	border-radius: 50%;
	animation: 4.2s linear infinite stepSpin;
	position: absolute;
	inset: 0;
}
@keyframes stepSpin {
	to {
		transform: rotate(360deg)
	}
}
.wl{
	position: relative;
}
.wl:before {
	content: "";
	pointer-events: none;
	background-image: linear-gradient(#0b0a080a 1px, #0000 1px), linear-gradient(90deg, #0b0a080a 1px, #0000 1px);
	background-size: 64px 64px;
	position: absolute;
	inset: 0;
}
.wl__swatches {
	flex-wrap: wrap;
	gap: 14px;
	/*             margin-top: 32px; */
	display: flex;
}

.wl__swatches:not(:focus-within) .swatch:first-child {
	animation: 3s ease-in-out 1.5s 2 swatchHint;
	box-shadow: 0 0 #0b0a084d;
}

.swatch {
	background: var(--cream);
	border: 1px solid var(--paper-line);
	border-radius: var(--radius);
	cursor: pointer;
	transition: border-color .2s var(--ease), transform .2s var(--ease);
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	display: inline-flex;
}

.swatch:hover,
.swatch.is-active {
	border-color: var(--ink);
	transform: translateY(-2px);
}

.swatch>span {
	border-radius: 1px;
	width: 44px;
	height: 14px;
	display: block;
}

.swatch>span+span {
	margin-top: -2px;
}

.swatch em {
	font-family: var(--f-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ink);
	margin-top: 6px;
	font-size: 10px;
	font-style: normal;
}

.wl__browser {
	background: var(--cream);
	border: 1px solid var(--paper-line);
	transition: background .4s var(--ease), color .4s var(--ease);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 40px 80px -40px #00000059, 0 4px 12px -4px #0000001a;
}

.wl__chrome {
	border-bottom: 1px solid var(--paper-line);
	background: var(--paper-2);
	align-items: center;
	gap: 8px;
	padding: 12px 14px;
	display: flex;
}

.wl__chrome>span:first-child {
	background: #ff5f57;
}

.wl__chrome>span {
	background: var(--paper-line);
	border-radius: 50%;
	width: 9px;
	height: 9px;
}

.wl__url {
	color: #5a5346;
	background: var(--cream);
	border: 1px solid var(--paper-line);
	border-radius: 2px;
	flex: 1;
	margin-left: 12px;
	padding: 5px 12px;
	font-size: 11px;
}

.wl__stage {
	grid-template-columns: 220px 1fr;
	min-height: 440px;
	display: grid;
}

.wl__side {
	background: var(--wl-bg, var(--ink));
	color: var(--wl-fg, var(--cream));
	transition: background .4s var(--ease), color .4s var(--ease);
	flex-direction: column;
	gap: 14px;
	padding: 14px 12px;
	display: flex;
	position: relative;
}

.wl__orghead {
	border-bottom: 1px solid #ffffff0f;
	align-items: center;
	gap: 10px;
	padding: 4px 4px 10px;
	display: flex;
}

.wl__toggle {
	color: #ffffff8c;
	width: 26px;
	height: 26px;
	transition: background .15s var(--ease), color .15s var(--ease);
	border-radius: 4px;
	place-items: center;
	display: inline-grid;
	padding: 0;
	margin: 0;
	background: none;
}

.wl__orgmark {
	background: var(--wl-accent, var(--signal));
	width: 26px;
	height: 26px;
	color: var(--wl-accent-fg, var(--ink));
	font-family: var(--f-body);
	border-radius: 4px;
	place-items: center;
	font-size: 12px;
	font-weight: 700;
	display: inline-grid;
}

.wl__orgname {
	font-family: var(--f-body);
	color: var(--wl-fg, var(--cream));
	letter-spacing: -.01em;
	font-size: 13px;
	font-weight: 500;
}

.wl__orgswitch {
	color: #fffc;
	text-align: left;
	transition: background .15s var(--ease);
	background: #ffffff0a;
	border-radius: 4px;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	font-size: 12px;
	display: flex;
}

.wl__dot {
	width: 6px;
	height: 6px;
	animation: wlPulse 2s infinite var(--ease);
	background: #4ade80;
	border-radius: 50%;
	flex: 0 0 6px;
	box-shadow: 0 0 #4ade8066;
}

@keyframes wlPulse {
	0% {
		box-shadow: 0 0 #4ade8059
	}

	70% {
		box-shadow: 0 0 0 6px #4ade8000
	}

	to {
		box-shadow: 0 0 #4ade8000
	}
}

.wl__navlabel {
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #ffffff59;
	margin-top: 2px;
	padding: 4px 6px;
	font-size: 10px
}

.wl__nav {
	flex-direction: column;
	flex: 1;
	gap: 1px;
	display: flex
}

.wl__nav li {
	color: #ffffff8c;
	transition: background .15s var(--ease), color .15s var(--ease);
	cursor: pointer;
	border-left: 2px solid #0000;
	border-radius: 4px;
	align-items: center;
	gap: 10px;
	padding: 7px 10px 7px 8px;
	font-size: 13px;
	display: flex
}

.wl__nav li:hover {
	color: #ffffffd9;
	background: #ffffff0a
}

.wl__nav li.is-active {
	color: var(--wl-fg, var(--cream));
	border-left-color: var(--wl-accent, var(--signal));
	background: #ffffff14
}

.wl__nav li svg {
	color: currentColor;
	opacity: .7;
	flex: 0 0 13px
}

.wl__nav li.is-active svg {
	color: var(--wl-accent, var(--signal));
	opacity: 1
}

.wl__user {
	border-top: 1px solid #ffffff0f;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	padding: 12px 8px 8px;
	display: flex
}

.wl__avatar {
	width: 28px;
	height: 28px;
	color: var(--wl-fg, var(--cream));
	font-family: var(--f-body);
	letter-spacing: .02em;
	background: #ffffff1a;
	border-radius: 50%;
	place-items: center;
	font-size: 10.5px;
	font-weight: 700;
	display: inline-grid
}

.wl__userinfo {
	flex-direction: column;
	flex: 1;
	min-width: 0;
	line-height: 1.2;
	display: flex
}

.wl__userinfo strong {
	color: var(--wl-fg, var(--cream));
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12.5px;
	font-weight: 500;
	overflow: hidden
}

.wl__userinfo span {
	color: #ffffff73;
	font-size: 10.5px
}

.wl__user svg {
	color: #ffffff59;
	flex: 0 0 12px
}

.wl__crumb {
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #8a8579;
	margin-bottom: 4px;
	font-size: 10px
}

.wl__main {
	background: var(--cream);
	color: var(--ink);
	padding: 24px 28px
}

.wl__mainhead {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	display: flex
}

.wl__mainhead h4 {
	font-family: var(--f-display);
	font-variation-settings: "opsz" 36;
	color: var(--ink);
	font-size: 22px
}

.wl__btn {
	font-family: var(--f-body);
	letter-spacing: .12em;
	text-transform: uppercase;
	background: var(--wl-accent, var(--signal));
	color: var(--wl-fg-btn, var(--ink));
	border-radius: 2px;
	padding: 7px 12px;
	font-size: 11px
}

.wl__kpis {
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 18px;
	display: grid
}

.wl__kpis>div {
	border: 1px solid var(--paper-line);
	background: #fbf7ed;
	border-radius: 2px;
	padding: 12px 14px
}

.wl__kpis span {
	font-family: var(--f-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #6e685a;
	font-size: 10px
}

.wl__kpis strong {
	font-family: var(--f-display);
	font-variation-settings: "opsz" 72;
	color: var(--ink);
	margin-top: 4px;
	font-size: 22px;
	font-weight: 500;
	display: block
}

.wl__chart {
	width: 100%;
	height: 110px;
	margin-top: 6px
}

.wl__line {
	stroke: var(--wl-accent, var(--signal));
	stroke-width: 2px;
	fill: none;
	stroke-linejoin: round
}



body[data-wl-theme=ink] {
	--wl-bg: #0b0a08;
	--wl-fg: #f5efe4;
	--wl-accent: #36baf7;
	--wl-accent-fg: #0b0a08
}

body[data-wl-theme=forest] {
	--wl-bg: #1b3a2b;
	--wl-fg: #f2ede1;
	--wl-accent: #e8c46a;
	--wl-accent-fg: #1b3a2b
}

body[data-wl-theme=oxblood] {
	--wl-bg: #4a1320;
	--wl-fg: #f6e9da;
	--wl-accent: #d96a4e;
	--wl-accent-fg: #fff
}

body[data-wl-theme=slate] {
	--wl-bg: #1a2230;
	--wl-fg: #eef1f5;
	--wl-accent: #3dcfb6;
	--wl-accent-fg: #0b0a08
}

body[data-wl-theme] .wl__line {
	stroke: var(--wl-accent)
}

body[data-wl-theme] .wl__btn {
	background: var(--wl-accent);
	color: var(--wl-accent-fg)
}

@media (width<=720px) {
	.wl__stage {
		grid-template-columns: 1fr
	}

	.wl__side {
		padding: 16px
	}

	.wl__side ul {
		flex-flow: wrap
	}
}

body[data-wl-theme] .wl__btn {
	background: var(--wl-accent);
	color: var(--wl-accent-fg);
}

.trust__inner {
	text-align: center;
	flex-direction: column;
	align-items: center;
	gap: 26px;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
}

.trust__label {
	letter-spacing: .28em;
	color: var(--signal);
	text-transform: uppercase;
	align-items: center;
	gap: 12px;
	font-size: 10.5px;
	display: inline-flex;
}

.trust__label:before,
.trust__label:after {
	content: "";
	background: var(--line-strong);
	width: 28px;
	height: 1px;
}

.marquee {
	--marquee-speed: 38s;
	width: 100%;
	padding: 8px 0;
	position: relative;
	overflow: hidden;
}

.marquee__track {
	width: max-content;
	animation: marquee var(--marquee-speed) linear infinite;
	will-change: transform;
	display: flex
}

.marquee:hover .marquee__track {
	animation-play-state: paused
}

.marquee__set {
	flex-wrap: nowrap;
	flex-shrink: 0;
	align-items: center;
	gap: 64px;
	padding-right: 64px !important;
	padding-left: 0 !important;
	display: flex
}

.marquee__set li {
	color: #cfc8b8;
	font-family: var(--f-display);
	font-variation-settings: "opsz" 36;
	letter-spacing: -.015em;
	transition: color .25s var(--ease), transform .25s var(--ease);
	white-space: nowrap;
	align-items: center;
	gap: 12px;
	font-size: 22px;
	font-weight: 500;
	display: inline-flex
}

.marquee__set li:hover {
	color: var(--cream);
	transform: translateY(-2px)
}

.marquee__set img {
	width: 26px;
	height: 26px;
	transition: transform .3s var(--ease), filter .3s var(--ease)
}

.marquee__set li:hover img {
	transform: rotate(-6deg)scale(1.08)
}

@keyframes marquee {
	0% {
		transform: translate(0, 0)
	}

	to {
		transform: translate(-50%)
	}
}

.marquee__fade {
	z-index: 2;
	pointer-events: none;
	width: 120px;
	position: absolute;
	top: 0;
	bottom: 0
}

.marquee__fade--l {
	background: linear-gradient(to right, var(--ink-2), transparent);
	left: 0
}

.marquee__fade--r {
	background: linear-gradient(to left, var(--ink-2), transparent);
	right: 0
}

@media (prefers-reduced-motion:reduce) {
	.marquee__track {
		animation: none
	}

	.marquee__set:last-child {
		display: none
	}
}

@media (width<=780px) {
	.marquee {
		--marquee-speed: 28s
	}

	.marquee__set {
		gap: 44px;
		padding-right: 44px
	}

	.marquee__set li {
		font-size: 18px
	}

	.marquee__set img {
		width: 20px;
		height: 20px
	}

	.marquee__fade {
		width: 60px
	}
}

/* Mouse hover effect  */
.glow-card{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #111;
}

.glow-card::before{
    content: "";
    position: absolute;
    inset: 0; 
    background: radial-gradient(
        300px circle at var(--mx, 50%) var(--my, 50%),
        rgba(255,255,255,0.18),
        transparent 40%
    );
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
    z-index: 1;
}

.glow-card:hover::before{
    opacity: 1;
}

/* Keep content above glow */
.glow-card > *{
    position: relative;
    z-index: 2;
}
.page-id-2402 .site-primary-footer-wrap[data-section="section-primary-footer-builder"] ,.page-id-2402 .site-above-footer-wrap[data-section="section-above-footer-builder"], 
.page-id-2942 .site-primary-footer-wrap[data-section="section-primary-footer-builder"] ,.page-id-2942 .site-above-footer-wrap[data-section="section-above-footer-builder"]{
    display: none !important;
}
.hero-dashboard .elementor-widget-container
{
	overflow-x:auto;
}

/* Header bg color */
.main-header-bar {background-color: #08101E; border-bottom-color: #2A2521;}

/* Main Menu */
.ast-builder-menu-1 .menu-item > .menu-link {color: #ffffff;}
/* .ast-builder-menu-1 .menu-item > .menu-link:hover {color: #38bdf8 !important;} */
.ast-builder-menu-1 .menu-link:hover, .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-1 .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-1 .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle {color: #38bdf8}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {color: #38bdf8}
.elementor-2942 .elementor-element.elementor-element-e737a2f:not(.elementor-motion-effects-element-type-background), .elementor-2942 .elementor-element.elementor-element-e737a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer {background: none !important;}

/* Fotter CSS */

.site-below-footer-wrap[data-section="section-below-footer-builder"]
{
	background-color: #0b1424 !important;
}
.site-below-footer-wrap {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.ast-footer-copyright
{
	display:flex;
	align-items:center;
	color:#fff;
	gap:20px;
}
ul.astra-footer-vertical-menu
{
	display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
ul.astra-footer-vertical-menu li a
{
	color:#fff;
	font-size:16px;
}
.uagb-ifb-desc
{
	margin-top:0 !important;
}
.blog .ast-archive-entry-banner
{
	display:none !important;
}
.ast-related-post-content .entry-header .ast-related-post-title, .ast-related-post-content .entry-header .ast-related-post-title a, .entry-meta, .entry-meta *,
.ast-related-post-excerpt, .entry-meta a, .entry-meta a *, .read-more a:not(.ast-button),.read-more a:not(.ast-button):hover, .entry-meta a:hover, .entry-meta a:hover *

{
	color:#fff;
}
.privacy-banner-bg
{
	border-bottom: 1px solid var(--line);
    background-image: linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
    background-size: 64px 64px;   
    position: relative;
}
@media (max-width: 768px) { 
	
	ul.astra-footer-vertical-menu, .ast-footer-copyright
	{ 
		flex-flow:column;
	}
}