/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Astra Child Theme
Author: Your Name
Author URI: https://yourwebsite.com
Template: astra
Version: 1.0.0
*/
/* 
.elementor-button 
{ 
	background: linear-gradient(135deg, #8666e8, #4e93e9, #0bdec3) !important; 
	letter-spacing: 0px; 
	fill: var( --e-global-color-astglobalcolor4 ); 
	color: #ffffff !important; 
	transition-duration: 0.2s; 
	border-radius: 100px 100px 100px 100px; 
	padding: 14px 18px 14px 18px; 
} */
/* Add your custom CSS below this line */
::selection {
  background: #0FD9CF;
  color: #000; /* optional: text color when selected */
}

::-moz-selection {
  background: #0FD9CF;
  color: #000;
}
.elementor-button{
    background: linear-gradient(135deg, #8666e8, #4e93e9, #0bdec3) !important;
    color:#fff !important;
    border-radius:100px;
    padding:14px 18px;
    position:relative;
    overflow:hidden;
}

/* Shine layer */
.elementor-button::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.6),
        transparent
    );
    animation:shine 2.5s infinite;
}

/* Stop animation on hover */
.elementor-button:hover::before{
    animation:none;
}

/* Shine movement */
@keyframes shine{
    0%{
        left:-100%;
    }
    100%{
        left:120%;
    }
}
.ast-header-button-1 .ast-custom-button:hover
{
	background: linear-gradient(135deg, #8666e8, #4e93e9, #0bdec3) !important;
	color: #ffffff !important;
	border-color: black !important;
}
.slug_anim{
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
/*   border-right: 3px solid #fff; */
  width: 0;
  animation: typing 4s steps(16,end) infinite, blink .8s infinite;
}

@keyframes typing{
  0%{width:0}
  50%{width:16ch}
  100%{width:0}
}

@keyframes blink{
  0%,100%{border-color:transparent}
  50%{border-color:#fff}
}

/* Menu style */
.menu-item > .menu-link {
    font-size: 16px !important;
    font-weight: 800;
    padding: 0 12px;	
}
.menu-item.current-menu-item > .menu-link
{
	color: #6c79eb !important;
}
.menu-item:hover > .menu-link
{
	color: #0ae0be !important;
}


/* ===== DEFAULT (FIRST SECTION - GLASS EFFECT) ===== */
#masthead,
.site-header {
  position: absolute !important; /* change from fixed */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;

  background: rgba(10, 10, 20, 0.25);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);

  transition: all 0.4s ease;
}

/* ===== STICKY STATE ===== */
#masthead.header-scrolled {
  position: fixed !important;
  top: -120px; /* hidden */
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;

  background: rgba(0, 0, 0, 0.96);
  backdrop-filter: none;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);

  transition: top 0.45s ease, background 0.3s ease;
}
#ast-scroll-top {
    background-color: #0fd9cf !important;
    font-size: 20px;
    border-radius: 100px;
}
/* ===== SLIDE DOWN EFFECT ===== */
#masthead.header-scrolled.show-header {
  top: 0;
}

.our-section > .elementor-container {
  display: flex !important;
  align-items: flex-start !important;
}

.our-section > .elementor-container > .elementor-column-wrap,
.our-section > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
  align-self: flex-start !important;
}

.our-left {
  position: sticky !important;
  top: 100px; /* adjust to your navbar height */
  align-self: flex-start !important;
  height: fit-content !important;
}

.our-left > .elementor-column-wrap {
  position: sticky !important;
  top: 100px; /* same as above */
  align-self: flex-start !important;
  height: fit-content !important;
}

.our-right {
  align-self: flex-start !important;
}
@media only screen and (max-width: 1024px)
{
	  .our-left,
  .our-left > .elementor-column-wrap {
    position: static !important;
    top: auto !important;
    height: auto !important;
  }	
}
button.main-header-menu-toggle {
    border: none !important;
    outline: none !important;
}

/* css */
.privacy-section h2 {
    font-size: 42px;
    margin: 0px 0px 20px;
}
.privacy-section span {
    display: block;
    margin: 0px 0px 20px;
}
.privacy-section h3 {
    font-size: 28px;
    margin-bottom: 10px;
}
.call-section-new a {
    color: #0FD9CF;
}
.call-section-new a:hover
{
	text-decoration: underline;
}
@media only screen and (max-width: 480px)
{
	.privacy-section h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.privacy-section h2 {
		font-size: 40px;
		margin: 0px 0px 14px;
	}
}