/*
Theme Name: Tarunjethi
Author: Tarunjethi
Description: A lightweight, responsive, and customizable WordPress theme built for speed, SEO, and clean design. Perfect for blogs, portfolios, or business websites.
Version: 4.11.19
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tarunjethi
Template: astra
*/

.site-header.sticky{
	position: fixed;
    width: 100%;
    backdrop-filter: blur(90px);
	animation: slideDown 0.35s ease-in-out;
	    background: #00000073;
}
.site-header{
	webkit-box-shadow: 0 24px 36px -20px rgba(0, 0, 0, 0.0784);
    box-shadow: 0 24px 36px -20px rgba(0, 0, 0, 0.0784);
}
.site-branding.ast-site-identity{
	padding: 0px !important;
}
header .custom-logo-link img{
	height: 100px;
    object-fit: cover;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

#site-loader {
    position: fixed;
    inset: 0;
    background: #ffffff;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-loader-inner {
    text-align: center;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #e5e5e5;
    border-top: 4px solid #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.eael-gallery-grid-item:hover .gallery-item-caption-wrap.caption-style-hoverer, .gallery-item-caption-wrap.caption-style-hoverer{
	-webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end !important;
}
.eael-filter-gallery-control ul li.control:hover{
	background: #25180b !important;
    border-radius: 100px !important;
	color:#fff !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.site-footer .site-primary-footer-wrap,.site-below-footer-wrap{
    position: relative;
    background: radial-gradient(
        circle at top,
        #1a1a1a 0%,
        #0e0e0e 60%,
        #000 100%
    );
    color: #000000;
    padding-top: 80px;
}

.site-footer a {
    transition: all 0.35s ease;
}

.site-footer ul li {
    margin-bottom: 6px;
}

.flash-heading h2 {
  background: linear-gradient(
    120deg,
    #7a5b2b 0%,
    #f5d27a 45%,
    #fff3c4 50%,
    #f5d27a 55%,
    #7a5b2b 100%
  ) !important;

  background-size: 200% 100% !important;
  background-position: 0% center;

  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;

  animation: goldFlash 2.8s linear infinite;
}

@keyframes goldFlash {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}
.main-header-menu .sub-menu{
	background:#000 !important;
}


.floating-contact-btn {
    position: fixed;
    right: -36px;
    top: 50%;
    background: linear-gradient(355deg, #000000, #fdd87f);
    color: #fff;
    padding: 9px 14px;
    border-top-left-radius: 10px;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    translate: tr;
    border-top-right-radius: 10px;
    transform: rotate(-90deg);
}

.contact-slide-form {
  position: fixed;
  bottom: 0;
  right: -420px;
  width: 300px;
  min-height: 40%;
  padding: 30px;
  z-index: 10000;
  transition: 0.4s ease;
  box-shadow: -10px 0 30px rgba(0,0,0,0.15);
  overflow-y: auto;
  border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: linear-gradient(to right, rgba(217,159,83,1) 0%, rgba(255,217,127,1) 100%);
    box-shadow: 1px 4px 5px 0px rgba(255, 227, 227, 0.75);
    -webkit-box-shadow: 1px 4px 5px 0px rgba(255, 227, 227, 0.75);
    -moz-box-shadow: 1px 4px 5px 0px rgba(255,227,227,0.75);
    backdrop-filter: blur(40px);
}

.contact-slide-form.active {
  right: 0;
}

.close-form {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  cursor: pointer;
}
.wpcf7-form-control-wrap .form-control::placeholder{
    color: #ccc;
    font-family: "Rosarivo", Sans-serif;
    font-weight: 400;
}
.contact-slide-form h3{
    font-family: "Rosarivo", sans-serif;
    font-weight: 500;
    padding-bottom: 20px;
}
.banner-carousel{
	backdrop-filter:blur(60px) !important;
}
html {
  scroll-behavior: smooth;
}
@media(max-width:900px){
	.elementor-widget-video .e-hosted-video .elementor-video{
		height: 550px !important;
    object-fit: cover;
	}
}

.snow-container {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    pointer-events: none;
}

.snowflake {
    position: absolute;
    background-color: gold;
    border-radius: 50%;
    opacity: 0.8;
    pointer-events: none;
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
        transform: translateY(100px);
    }
}

@keyframes diagonal-fall {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }
    10% {
        opacity: 1;
    }
    100% {
        opacity: 0.25;
        transform: translate(10px, 100px);
    }
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item .menu-link {
    color: #fdd87f !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: transparent !important;
}