/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.2.2.1770616102
Updated: 2026-02-09 05:48:22

*/
.elementor-element.elementor-element-1996baf .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #4CD4F7; /* normal bg */
    transition: color 0.3s ease;
}

/* Hover layer */
.elementor-element.elementor-element-1996baf .elementor-button::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff5722; /* hover bg */
    z-index: -1;
}

/* Hover animation */
.elementor-element.elementor-element-1996baf .elementor-button:hover::before {
    animation: topToBottomFill 0.45s ease forwards;
}

/* Text color */
.elementor-element.elementor-element-1996baf .elementor-button:hover {
    color: #ffffff;
}

/* Keyframes */
@keyframes topToBottomFill {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}

/* Header Sticky Css */
header.elementor-element.elementor-element-6369599.main-header.top.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    position: relative; 
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: transparent; 
    transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
}


header.elementor-element.elementor-element-6369599.main-header.top.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded.fixed {
    position: fixed;
    top: -18px;
    left: 0;
    width: 100%;
    background: #6EC1E4;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transform: scale(0.96);
    border-radius: 21px;
}

.main-header.fixed .elementor-nav-menu a {
    color: #fff !important; 
    transition: all 0.3s ease;
}


.main-header.fixed .elementor-nav-menu a:hover {
    background-color: #ff5722 !important; 
    color: #fff !important;
    border-radius: 5px; 
    padding: 5px 10px; 
}
/* Header Sticky Css End */

/* marquee css home page */
.marquee-wrapper {
    width: 100%;
    overflow: hidden;
    background: #ff5722;
    padding: 8px 0;
}

/* scrolling */
.marquee-content {
    display: flex;
    gap: 80px;
    white-space: nowrap;
    animation: marqueeMove 12s linear infinite;
}

/* hover stop */
.marquee-wrapper:hover .marquee-content {
    animation-play-state: paused;
}

/* items */
.marquee-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* links */
.marquee-item a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.marquee-item a:hover {
    text-decoration: underline;
}

/* emoji icon animation (GIF style) */
.sparkle-icon {
    font-size: 22px;
    display: inline-block;
    animation: iconGlow 1.4s infinite ease-in-out;
}

/* icon shine animation */
@keyframes iconGlow {
    0% {
        transform: scale(1) rotate(0deg);
        filter: drop-shadow(0 0 2px #fff);
    }
    50% {
        transform: scale(1.3) rotate(8deg);
        filter: drop-shadow(0 0 10px #fff);
    }
    100% {
        transform: scale(1) rotate(0deg);
        filter: drop-shadow(0 0 2px #fff);
    }
}

/* marquee movement */
@keyframes marqueeMove {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}


/* About us Page css */

/* Main Section */
.biyani-ayush-section {
    width: 100%;
    height: 471px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Default Image */
.biyani-ayush-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('https://biyaniayush.org/wp-content/uploads/2026/03/biyani-ayush-ayurvedic.jpg') center/cover no-repeat;
    transition: all 0.6s ease;
    z-index: 1;
}

/* Hover Image */
.biyani-ayush-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url('https://biyaniayush.org/wp-content/uploads/2026/03/biyani-ayurvedic.jpg') center/cover no-repeat;
    opacity: 0;
    transform: scale(1.2);
    transition: all 0.6s ease;
    z-index: 2;
}

/* Hover Effect */
.biyani-ayush-section:hover::after {
    opacity: 1;
    transform: scale(1);
}

/* Zoom out first image */
.biyani-ayush-section:hover::before {
    transform: scale(1.1);
    filter: blur(2px);
}

/* Content styling */
.overlay-content {
    position: relative;
    z-index: 3;
    color: #fff;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.overlay-content h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.overlay-content p {
    font-size: 18px;
}


.elementor-element-4db07e3 {
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}

.elementor-element-4db07e3.e-con {
    overflow: visible;
}

/* Main Card */
.elementor-element.elementor-element-ade7fb9.e-con-full.e-flex.e-con.e-child {
    background: #ffffff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Hover Effect */
.elementor-element.elementor-element-ade7fb9.e-con-full.e-flex.e-con.e-child:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

/* Gradient Border Effect */
.elementor-element.elementor-element-ade7fb9.e-con-full.e-flex.e-con.e-child::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    padding: 2px;
    background: linear-gradient(120deg, #ff5722, #ff9800, #ff5722);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: 0.4s;
}

/* Show border on hover */
.elementor-element.elementor-element-ade7fb9.e-con-full.e-flex.e-con.e-child:hover::before {
    opacity: 1;
}

/* Optional inner content smooth animation */
.elementor-element.elementor-element-ade7fb9 * {
    transition: all 0.3s ease;
}

/* Slight zoom text on hover */
.elementor-element.elementor-element-ade7fb9:hover * {
    transform: translateY(-2px);
}
.elementor-element.elementor-element-f53d955.biyani-welcome-text.elementor-widget.elementor-widget-text-editor p {
    margin: 0;
}

/* Vision Mission Css */
.vm-section {
    max-width: 1220px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* Card */
.vm-card {
    background: #fff;
    border: 2px solid #1e2762;
    border-radius: 20px;
    padding: 25px 30px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    opacity: 0;
    transform: translateY(50px);
}

/* Hover */
.vm-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    background: #fffaf7;
}

/* Title */
.vm-title {
    display: flex;
    align-items: self-start;
    gap: 12px;
    margin-bottom: 12px;
}

.vm-title h3 {
    font-size: 22px;
    color: #0b5c63;
}



/* ICON */
.vm-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG style */
.vm-icon svg {
    width: 100%;
    height: 100%;
    fill: #ff5722;
    transition: all 0.3s ease;
}

/* Hover icon effect */
.vm-card:hover .vm-icon svg {
    transform: scale(1.2) rotate(5deg);
    fill: #0b5c63;
}

/* Text */
.vm-card p {
    font-size: 15px;
    color: #444;
    line-height: 1.7;
}

/* Animation */
.vm-card.show {
    opacity: 1;
    transform: translateY(0);
}
/* Courses We Offered  css */
/* Section */
.courses-section {
    max-width: 1220px;
    margin: 20px auto;
    padding: 0 15px;
}

.courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

/* Card */
.course-card {
    position: relative;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    display: block;
    cursor: pointer;

    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
}

.course-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* Image */
.card-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

/* Hover Screenshot */
.hover-screenshot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    height: 217px; 
    overflow-y: auto;

    opacity: 0;
    transition: opacity 0.5s ease;

    z-index: 5;
    pointer-events: auto; 
	padding-top: 27px;
}
.hover-screenshot img {
    width: 100%;
}

/* Show hover */
.course-card:hover .hover-screenshot {
    opacity: 1;
}

.course-card:hover .card-image img {
    transform: scale(1.05);
}

/* Content */
.card-content {
    padding: 20px;
    text-align: center;
}

.card-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    transition: 0.3s;
}

.card-content p {
    font-size: 14px;
    color: #555;
}

.course-card:hover h3 {
    color: #0b5c63;
}

/* Button */
.course-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 12px;
    padding: 10px 25px;

    background: #ff5722;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;

    transition: 0.3s;
}

.course-btn::after {
    content: "→";
    opacity: 0;
    transform: translateX(-5px);
    transition: 0.3s;
}

.course-card:hover .course-btn {
    background: #0b5c63;
}

.course-card:hover .course-btn::after {
    opacity: 1;
    transform: translateX(5px);
}

/* Scrollbar */
.hover-screenshot::-webkit-scrollbar {
    width: 6px;
}

.hover-screenshot::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
}
p.biyani-pragarp {
    padding-top: 24px;
}

/* Call To Action css */

/* CTA Section */
.cta-section {
  position: relative;
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}



@media (max-width: 1024px) {
	.cta-content h2 {
    font-size: 2rem !important;
    margin-bottom: 20px;
    animation: slideInFromLeft 1s ease forwards;
}
	.cta-content p {
    font-size: 1rem !important;
    margin-bottom: 22px;
    animation: slideInFromRight 1s ease forwards;
}
	.cta-button {
    background-color: #ff6f61;
    color: #fff;
    padding: 8px 23px !important;
    font-size: 1.1rem;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    animation: fadeInUp 1.5s ease forwards 0.5s;
}
	.biyani-ayush-section {
    width: 100%;
    height: 583px !important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
}

@media (max-width: 767px) {
	.biyani-ayush-section {
    width: 100%;
    height: 455px !important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
	.courses-section {
    max-width: 1220px;
    margin: 20px auto;
    padding: 0 0;
}
	.cta-content h2 {
    font-size: 1rem !important;
    margin-bottom: 20px;
    animation: slideInFromLeft 1s ease forwards;
}
.cta-content p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    animation: slideInFromRight 1s ease forwards;
    padding: 0 10px;
}
	.vm-title {
    display: flex;
    align-items: self-start;
    gap: 12px;
    margin-bottom: 0;
}
	
	.cta-section {
    position: relative;
    width: 100%;
    height: 334px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}
}
/* Background image + scale animation */
.cta-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url('https://biyaniayush.org/wp-content/uploads/2026/03/bg-biyani.jpg') center/cover no-repeat;
  z-index: 1;
  animation: zoom 20s infinite alternate;
  filter: brightness(0.6); /* Dark overlay effect */
}

/* Overlay for extra readability */
.cta-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 123, 255, 0.4); /* gradient blue overlay */
  z-index: 2;
}

/* Content on top */
.cta-content {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 800px;
  animation: fadeInUp 1.5s ease forwards;
  opacity: 0;
}

/* Headings & Paragraph */
.cta-content h2 {
  font-size: 3rem;
  margin-bottom: 20px;
  animation: slideInFromLeft 1s ease forwards;
}

.cta-content p {
  font-size: 1.2rem;
  margin-bottom: 30px;
  animation: slideInFromRight 1s ease forwards;
}

/* Button */
.cta-button {
  background-color: #ff6f61;
  color: #fff;
  padding: 15px 35px;
  font-size: 1.1rem;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  animation: fadeInUp 1.5s ease forwards 0.5s;
}

.cta-button:hover {
    background-color: #fff !important;
    transform: translateY(-5px);
    color: #000 !important;
}


/* Keyframe animations */
@keyframes zoom {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}

@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes slideInFromLeft {
  0% { opacity: 0; transform: translateX(-50px); }
  100% { opacity: 1; transform: translateX(0); }
}

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

/* Responsive */
@media (max-width: 768px) {
  .cta-content h2 { font-size: 2rem; }
  .cta-content p { font-size: 1rem; }
  .cta-button { padding: 12px 25px; font-size: 1rem; }
}

/* FooterCopy Right Css */

.elementor-element.elementor-element-1f92127.elementor-widget.elementor-widget-text-editor p {
    margin: 0;
}