/* Loader overlay */
.loader-wrapper {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.8s ease-in-out,
                visibility 0.8s ease-in-out;
}

/* Logo animation */
.loader-logo-wrap {
    opacity: 0;
    transform: translateY(2rem) scale(0.92);
    transition: opacity 1s ease,
                transform 1s ease;
}

.loader-logo-wrap.logo-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Text: one word at a time */
.loader-word {
    display: inline-block;
    margin-right: 0.25em;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.loader-word.word-visible {
    opacity: 1;
    transform: translateY(0);
}




/* Loader exit */
.loader-wrapper.loader-exit {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Video */
.loader-flowers video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .loader-wrapper,
    .loader-logo-wrap,
    .loader-word,
    .kaleeka-border {
        transition-duration: 0.01ms;
    }
}

.kaleeka-border {
    opacity: 0;
    transition: opacity 0.8s ease;
}

.kaleeka-border.border-visible {
    opacity: 1;
}


.kaleeka-border.active-f{
     opacity: 1 !important;
     transform: translateY(0px) !important;
}

.valuesSwiper{
    overflow:  hidden !important;
}


.panel-image {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.panel-image.is-visible {
    opacity: 1;
    transform: scale(1);
}


.panel-heading {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out,
                transform 0.8s ease-out;
}

.panel-heading.is-visible {
    opacity: 1;
    transform: translateY(0);
}


.panel-flex {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out,
                transform 0.8s ease-out;
}

.panel-flex.is-visible {
    opacity: 1;
    transform: translateY(0);
}



/* ==================================
   HOME: Our Intent
================================== */

.anim-fade-up,
.anim-fade-down,
.anim-fade-left,
.anim-fade-right,
.anim-fade-side {
    opacity: 0;
    transition: opacity .8s ease-out, transform .8s ease-out;
    will-change: opacity, transform;
}

.anim-fade-up {
    transform: translateY(40px);
}

.anim-fade-down {
    transform: translateY(-35px);
}

.anim-fade-left {
    transform: translateX(-35px);
}

.anim-fade-right {
    transform: translateX(35px);
}

.anim-fade-side {
    transform: translateX(60px);
}

.anim-fade-up.is-visible,
.anim-fade-down.is-visible,
.anim-fade-left.is-visible,
.anim-fade-right.is-visible,
.anim-fade-side.is-visible {
    opacity: 1;
    transform: none;
}

.anim-delay-1 { transition-delay: .1s; }
.anim-delay-2 { transition-delay: .2s; }
.anim-delay-3 { transition-delay: .3s; }
.anim-delay-4 { transition-delay: .4s; }


/* ==================================
   OUR IMAGE / SWIPER OUTER WRAPPER
================================== */

.our-image {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.our-image.is-visible {
    opacity: 1;
    transform: translateX(0);
}


/* ==================================
   OUR PURPOSE
================================== */

.purpose-left,
.purpose-right {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .8s ease-out, transform .8s ease-out;
}

.purpose-bg {
    opacity: 0;
    transition: opacity 1.2s ease-out;
}

.purpose-bg.is-visible {
    opacity: 1;
}

.purpose-left.is-visible,
.purpose-right.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* ==================================
   VEDIC SECTION
================================== */

.vedic-image {
    opacity: 0;
    transform: scale(.9);
    transition: opacity .8s ease-out, transform .8s ease-out;
}

.vedic-content {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease-out, transform .7s ease-out;
    transition-delay: .2s;
}

.vedic-image.is-visible,
.vedic-content.is-visible {
    opacity: 1;
    transform: none;
}


/* ==================================
   RESEARCH CONVERSATION
================================== */

.panel-heading,
.panel-flex {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .8s ease-out, transform .8s ease-out;
}

.panel-flex {
    transition-delay: .2s;
}

.panel-heading.is-visible,
.panel-flex.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.panel-image {
    opacity: 0;
    transform: scale(.9);
    transition: opacity .8s ease-out, transform .8s ease-out;
}

.panel-image.is-visible {
    opacity: 1;
    transform: scale(1);
}


/* ==================================
   RESEARCH COLLABORATORS
================================== */

.meet-heading {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease-out, transform .7s ease-out;
}

.meet-heading.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.panel-card {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .6s ease-out, transform .6s ease-out;
}

.panel-card.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (hover: hover) {
    .panel-grid .panel-card.is-visible:hover {
        transform: translateY(-8px);
    }
}


/* ==================================
   CONNECT PAGE BANNER
================================== */

.community-banner {
    opacity: 0;
    transform: scale(1.03);
    transition: opacity .9s ease-out, transform .9s ease-out;
}

.community-banner.is-visible {
    opacity: 1;
    transform: scale(1);
}

.kaleeka-border {
    opacity: 0;
    transform: translateY(0px);
    transition: opacity .6s ease-out, transform .6s ease-out;
    transition-delay: .3s;
}

.kaleeka-border.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* ==================================
   FAQ
================================== */

.faq-heading {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .6s ease-out, transform .6s ease-out;
}

.faq-heading.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.faq-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .5s ease-out, transform .5s ease-out;
}

.faq-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* ==================================
   FOOTER
================================== */

.footer-links,
.footer-contact,
.footer-logo,
.footer-bottom {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .5s ease-out, transform .5s ease-out;
}

.footer-links.is-visible,
.footer-contact.is-visible,
.footer-logo.is-visible,
.footer-bottom.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* ==================================
   ACCESSIBILITY
================================== */

@media (prefers-reduced-motion: reduce) {
    .anim-fade-up,
    .anim-fade-down,
    .anim-fade-left,
    .anim-fade-right,
    .anim-fade-side,
    .our-image,
    .vedic-image,
    .vedic-content,
    .panel-heading,
    .panel-flex,
    .panel-image,
    .meet-heading,
    .panel-card,
    .community-banner,
    .faq-heading,
    .faq-item,
    .footer-links,
    .footer-contact,
    .footer-logo,
    .footer-bottom {
        opacity: 1;
        transform: none;
        transition: none;
    }
}



.our-wrapper .anim-fade-up p {
    font-size: 2rem;
	text-align: justify;
	font-family: var(--regular-font-family) !important;
    line-height: 1.2;
}

.regular-fonts {
    font-family: var(--regular-font-family) !important;
}

.purpose-right p {
	font-family: var(--regular-font-family) !important;
}

.purpose-right p span{
	font-family: var(--semibold-font-family) !important;
}


.purpose-bg img{
	    height: 700px;
    aspect-ratio: auto 900 / 700;
}