/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */


           .hero-content h1,
.hero-content h3,
.hero-content p {
    position: relative;
    z-index: 2;
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.hero-content {
    position: relative;
}

.swiper-slide:not(.swiper-slide-active) .hero-content h1,
.swiper-slide:not(.swiper-slide-active) .hero-content h3,
.swiper-slide:not(.swiper-slide-active) .hero-content p {
    opacity: 0;
}
.hero-content [data-animation] {
    animation-fill-mode: both;
    animation-duration: 1s;
}
/* Fix shadow/duplicate for hero buttons and video text */
.hero-button a,
.hero-button .video-play-btn {
    position: relative; /* ensures single layer */
    z-index: 2;         /* brings to front */
    backface-visibility: hidden; /* remove ghost rendering */
    transform: translateZ(0);    /* fix duplicate shadows */
    opacity: 1 !important;       /* override animation duplicates */
}

/* Optional: hide inactive slide buttons */
.swiper-slide:not(.swiper-slide-active) .hero-button a,
.swiper-slide:not(.swiper-slide-active) .hero-button .video-play-btn {
    opacity: 0 !important;
}

                   /* Fix logo size but keep flex spacing */
.logo {
    max-width: 150px;   /* desired logo width */
    height: auto;       /* preserve aspect ratio */
    display: block;     /* avoid inline spacing issues */
}