<?php include ('header.php');?>
 <!-- banner-style-two -->
        <section class="banner-style-two p_relative">
            <div class="banner-carousel owl-theme owl-carousel owl-nav-none owl-dots-none">
                <div class="slide-item">
                     <video class="video-bg" autoplay loop muted playsinline>
        <source src="assets/images/banner/avideo6.mp4" type="video/mp4">
    </video>
                    <figure class="image-layer"><img src="assets/images/banner/banner-img-2.png" alt=""></figure>
                    <div class="auto-container">
                        <div class="content-box">
                            <span class="upper-text">The Art of Healthcare Starts Right Now</span>
                            <h2>We offer <span>complete</span> Healthcare services.</h2>
                            <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
                            <div class="btn-box">
                                <a href="index-2.html" class="theme-btn btn-one"><span>Explore Our Service</span></a>
                            </div>
                        </div> 
                    </div>
                </div>
                <div class="slide-item">
                    <div class="bg-layer" style="background-image:url(assets/images/banner/banner-1.jpg)"></div>
                    <figure class="image-layer"><img src="assets/images/banner/banner-img-2.png" alt=""></figure>
                    <div class="auto-container">
                        <div class="content-box">
                            <span class="upper-text">The Art of Healthcare Starts Right Now</span>
                            <h2>We offer <span>complete</span> Healthcare services.</h2>
                            <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
                            <div class="btn-box">
                                <a href="index-2.html" class="theme-btn btn-one"><span>Explore Our Service</span></a>
                            </div>
                        </div> 
                    </div>
                </div>
                <div class="slide-item">
                    <div class="bg-layer" style="background-image:url(assets/images/banner/banner-1.jpg)"></div>
                    <figure class="image-layer"><img src="assets/images/banner/banner-img-2.png" alt=""></figure>
                    <div class="auto-container">
                        <div class="content-box">
                            <span class="upper-text">The Art of Healthcare Starts Right Now</span>
                            <h2>We offer <span>complete</span> Healthcare services.</h2>
                            <p>It is not only the medicine that cures and recovers your health earlier, it is the Healthcare team who loves the art of treatment with love.</p>
                            <div class="btn-box">
                                <a href="index-2.html" class="theme-btn btn-one"><span>Explore Our Service</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- banner-style-two end -->
        <!-- banner-style-two end -->
        <section class="feature-style-two centred">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-9"></i></div>
                                    <h3><a href="#">Ethernet Communication</a></h3>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-10"></i></div>
                                    <h3><a href="#">Touch Screen Display</a></h3>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-11"></i></div>
                                    <h3><a href="#">Alarm Transmissions</a></h3>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-12"></i></div>
                                    <h3><a href="#">Humidity System</a></h3>
                                  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        
        <section class="about-style-three pt_120 pb_120">
            <div class="pattern-layer"></div>
            <div class="auto-container">
                <div class="row clearfix">
                     <div class="col-lg-6 col-md-12 col-sm-12 content-column wow fadeInRight animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
                        <div class="content_block_one">
                            <div class="content-box">
                                <div class="sec-title mb_15">
                                    <span class="sub-title">About Us</span>
                                    <h2>Aureole Pharma Tech</h2>
                                </div>
                                <div class="text-box mb_40">
                                    <p>At Aureole Pharma Tech, we believe in the power of inspiration. Our name, “Aureole”, draws inspiration from the radiant halo or aura often associated with revered figures in spirituality. This symbolism holds a profound significance for us as our core values are inspired by it.</p>
                                    <p>“Aureole” represents our unwavering commitment to excellence and distinction. Just as the halo symbolizes the sacred and divine, our name embodies a commitment to upholding the highest standards of quality, integrity, and innovation in the pharmaceutical industry.</p>
                                    <!--<ul class="list-style-one clearfix">-->
                                    <!--    <li>Refresing to get such a personal touch.</li>-->
                                    <!--    <li>Duis aute irure dolor in reprehenrit in voluptate.</li>-->
                                    <!--    <li>Velit esse cillum dolore eu fugiat nua pariatur.</li>-->
                                    <!--</ul>-->
                                    <div class="btn-box">
    <a href="index-2.html" class="btn-one alefox-btn">
        <span>Read More</span>

        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
    </a>
</div>
                                </div>
                                <!--<div class="lower-box">-->
                                <!--    <div class="experience-box">-->
                                <!--        <div class="icon-box"><i class="icon-29"></i></div>-->
                                <!--        <h3>32 Years</h3>-->
                                <!--        <span class="designation">Of Medical Experience</span>-->
                                <!--    </div>-->
                                    
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                        <div class="image_block_three">
                            <div class="image-box">
                                <div class="image-shape">
                                   
                                    <div class="shape-2" style="background-image: url(assets/images/shape/shape-33.png);"></div>
                                   
                                    <div class="shape-4" style="background-image: url(assets/images/shape/shape-34.png);"></div>
                                  
                                </div>
                                <figure class="image image-1"><img src="assets/images/banner/industry.jpeg" alt=""></figure>
                                <!--<figure class="image image-2"><img src="assets/images/resource/about-3.jpg" alt=""></figure>-->
                                <!--<div class="icon-box"><i class="icon-14"></i></div>-->
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
        </section>
        
        
        <section class="service-style-two sec-pad" style=" background: #eef2f9 url(assets/images/banner/swoosh-white.png) center bottom / 100% no-repeat;">
            <div class="pattern-layer">
                <div class="pattern-1" style="background-image: url(assets/images/shape/shape-27.png);"></div>
                <div class="pattern-2" style="background-image: url(assets/images/shape/shape-28.png);"></div>
            </div>
            <div class="auto-container">
                <div class="sec-title mb_50 light centred wow fadeInRight animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
                    <!--<span class="sub-title">Our Services</span>-->
                    <h2 style="color:#000;">Our Services</h2>
                </div>
                <div class="row clearfix">
                    <div class="col-lg-3 col-md-6 col-sm-12 service-block">
                        <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image"><a href=""><img src="assets/images/service/phrn.png" alt=""></a></figure>
                                    <!--<div class="icon-box"><i class="icon-15"></i></div>-->
                                </div>
                                <div class="lower-content">
                                    <h3><a href="#">Pharmaceutical</a></h3>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 service-block">
                        <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="300ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 300ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image"><a href="#"><img src="assets/images/service/oilgn.png" alt=""></a></figure>
                                    
                                </div>
                                <div class="lower-content">
                                    <h3><a href="#">Oil & Gas Industry</a></h3>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                       <div class="col-lg-3 col-md-6 col-sm-12 service-block">
                        <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image"><a href="#"><img src="assets/images/service/marin.png" alt=""></a></figure>
                                  
                                </div>
                                <div class="lower-content">
                                    <h3><a href="#">Marine Industry</a></h3>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 service-block">
                        <div class="service-block-one wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 600ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image"><a href="#"><img src="assets/images/service/labn.png  " alt=""></a></figure>
                                    
                                </div>
                                <div class="lower-content">
                                    <h3><a href="#">Laboratory Industry</a></h3>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="chooseus-style-two bg-color-1" style="display:none;">
            <div class="bg-layer" style="background-image: url(assets/images/background/whychoosephr.png);"></div>
            <div class="pattern-layer" style="background-image: url(assets/images/shape/shape-12.png);"></div>
            <div class="auto-container">
                <div class="row clearfix sec-pad">
                    <div class="col-lg-8 col-md-12 col-sm-12 content-column offset-lg-4">
                        <div class="content-box ml_45">
                            <div class="sec-title mb_50">
                                <span class="sub-title">Why Choose Us</span>
                                <h2>Aureole Pharma Tech</h2>
                            </div>
                            <div class="row clearfix">
                                <div class="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                                    <div class="chooseus-block-one">
                                        <div class="inner-box">
                                            <div class="icon-box"><span class="icon-quality"></span>
</div>
                                            <h3>Superior Quality Standards</h3>
                                            <p>
We deliver pharmaceutical products manufactured under strict quality control and global regulatory compliance.
</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                                    <div class="chooseus-block-one">
                                        <div class="inner-box">
                                            <div class="icon-box"><i class="icon-21"></i></div>
                                            <h3>Advanced Manufacturing Technology</h3>
                                            <p>
Our modern, automated facility ensures precision, consistency, and high production efficiency.
</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                                    <div class="chooseus-block-one">
                                        <div class="inner-box">
                                            <div class="icon-box"><i class="icon-19"></i></div>
                                            <h3>Reliable & Consistent Supply</h3>
                                            <p>
With strong production capabilities, we provide steady, on-time delivery for all order sizes
</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-12 chooseus-block">
                                    <div class="chooseus-block-one">
                                        <div class="inner-box">
                                            <div class="icon-box"><i class="icon-20"></i></div>
                                            <h3>24/7 Services</h3>
                                            <p>We provide round-the-clock support to ensure uninterrupted operations and immediate assistance whenever you need it.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        
        <section class="team-section sec-pad centred">
            <div class="pattern-layer">
                <div class="pattern-1" style="background-image: url(assets/images/shape/shape-13.png);"></div>
                <div class="pattern-2" style="background-image: url(assets/images/shape/shape-14.png);"></div>
            </div>
           
            <div class="auto-container">
                <div class="sec-title mb_50 wow fadeInRight animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
                    <!--<span class="sub-title">Our Products</span>-->
                    <h2>Our Products</h2>
                </div>
                <div class="row clearfix">
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/team/Walk in Cold Chamber.png" alt=""></figure>
                                <div class="lower-content">
                                    <h3><a href="#">Walk in Cold Chamber</a></h3>
                                 
                                </div>
                            </div>
                        </div>
                    </div>
         
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="200ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 200ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/team/Vaccum Oven.png" alt=""></figure>
                                <div class="lower-content">
                                    <h3><a href="#">Vaccum Oven</a></h3>
                                   
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="400ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 400ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/team/Dual Zone Chamber.png" alt=""></figure>
                                <div class="lower-content">
                                    <h3><a href="#">Dual Zone Chamber</a></h3>
                                    
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 600ms; animation-name: fadeInUp;">
                            <div class="inner-box">
                                <figure class="image-box"><img src="assets/images/team/Humidity Chamber.png" alt=""></figure>
                                <div class="lower-content">
                                    <h3><a href="#">Humidity Chamber</a></h3>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="btn-box">
    <a href="#" class="btn-one alefox-btn">
        <span>Read More</span>

        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
    </a>
</div>
                </div>
            </div>
        </section>
        
        
        <!------------->
        
           
            <div class="auto-container">
                <div class="sec-title mb_50 mt_50 wow fadeInRight animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
                    <!--<span class="sub-title">Our Products</span>-->
                    <h2 class="wow animate__animated animate__fadeInRight" data-wow-delay="0.3s">
   Why Choose Us
</h2>
                </div>
                <div class="row clearfix" style="padding-bottom:70px;">
                    <div class="col-lg-8 col-md-8 col-sm-8 team-block">
                        <div class="row clearfix"> 
                    <div class="col-lg-6 col-md-6 col-sm-12 team-block">
                         <div class="inner-container">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box wow animate__animated animate__fadeInLeft" data-wow-delay="0.3s" style="background-color: #F2F7F9;">
                                   <div class="icon-box"><i class="fa fa-desktop" aria-hidden="true"></i></div>
                                    <h3><a href="#">Advanced Manufacturing Technology</a></h3>
                                    <p>Our modern, automated facility ensures precision, consistency, and high production efficiency.</p>
                                    
                                </div>
                            </div>
                        </div>
                       
                     
                    </div>
                </div>
                    </div>
        <link rel="stylesheet" href="assets/fonts/icomoon/style.css">

                    <div class="col-lg-6 col-md-6 col-sm-12 team-block">
                         <div class="inner-container">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box wow animate__animated animate__fadeInLeft" data-wow-delay="0.3s" style="background-color: #F2F7F9;">
                                    <div class="icon-box"><i class="fa fa-industry" aria-hidden="true"></i></div>
                                    <h3><a href="#">Reliable & Consistent Supply</a></h3>
                                    <p>With strong production capabilities, we provide steady, on-time delivery for all order sizes.</p>
                                    
                                </div>
                            </div>
                        </div>
                       
                     
                    </div>
                </div>
                    </div>
                    </div>
                    
                         <div class="row clearfix" style="padding-top:20px;padding-bottom:20px;"> 
                    <div class="col-lg-12 col-md-12 col-sm-12">
                      <div class="inner-container">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12 feature-block">
                            <div class="feature-block-two">
                                <div class="inner-box wow animate__animated animate__fadeInLeft" data-wow-delay="0.3s" style="background-color: #F2F7F9;">
                                    <div class="icon-box"><i class='far fa-hdd'></i></div>
                                    <h3><a href="#">Transparent & Ethical Practices</a></h3>
<p>We believe in maintaining complete transparency in every process—right from raw material sourcing to final product delivery. Ethical practices form the foundation of our long-term client relationships.</p>

                                    
                                </div>
                            </div>
                        </div>
                       
                     
                    </div>
                </div>
                    </div></div>
                    </div>
                  
                    <div class="col-lg-4 col-md-8 col-sm-4">
                          <div class="row clearfix">
                    <div class="col-lg-12 col-md-6 col-sm-12">
                       <div class="image_block_three wow animate__animated animate__fadeInRight" data-wow-delay="0.3s">
                            <div class="image-box">
                                <div class="image-shape">
                                   
                                    <div class="shape-2" style="background-image: url(assets/images/shape/shape-33.png);"></div>
                                   
                                    <div class="shape-4" style="background-image: url(assets/images/shape/shape-34.png);"></div>
                                  
                                </div>
                                <figure class="image image-1" style="border: 8px solid white;"><img src="assets/images/banner/whychoose.png" alt=""></figure>
                            
                            </div>
                        </div>
                        </div>
                    </div>
                    </div>
                    
       
                </div>
            </div>
        </section>
        <!---------------->
        <section class="team-section sec-pad centred" style="background-image:url(assets/images/background/get.jpg);background-size: cover;
    background-repeat: no-repeat;background-position: center;background-attachment: fixed;">
            
            
            <div class="auto-container">
               
              <div class="row clearfix">
                    
                 <!--<div class="d-flex align-items-center justify-content-center">-->
    <div class="col-lg-6 form-column">
                        <div class="form-inner mr_40">
                           
                            <form method="post" action="sendemail.php" id="contact-form" class="default-form" novalidate="novalidate" style="background-color: #fff;opacity: 0.9;padding: 20px;border-radius: 16px;
    border: 1px solid grey;"> 
                                <div class="row clearfix">
                                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                        <input type="text" name="username" placeholder="First Name" required="" aria-required="true">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                       <input type="text" name="phone" required="" placeholder="Phone No." aria-required="true">
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                        <input type="email" name="email" placeholder="Your email" required="" aria-required="true">
                                    </div>
                                  
                                   
                                    <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                        <textarea name="message" placeholder="message"></textarea>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn">
                                        <a href="#" class="btn-one alefox-btn"type="submit" name="submit-form">
        <span>Explore Our Products</span>

        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
        <span class="alefox-btn__item"></span>
    </a>
                                        
                                        <!--<button class="theme-btn btn-one" type="submit" name="submit-form"><span>Send Message</span></button>-->
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!--</div>-->
                    </div>
                  <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                         <div class="sec-title mb_50 wow fadeInRight animated animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
                                <h2 class="sec-pad" style="padding-bottom: 5px;">Request a Quote</h2>
                                <h4 class="">Whether you are looking for Diffusion Cell Apparatus, Laboratory Instruments, or Custom Pharma Solutions</h4>
                               
                            </div>
                    </div>
                  
                </div>
            </div>
        </section>
        
<!-------------------->
<style>
    

.team-block-two .image-box {
  position: relative;
  overflow: hidden;
}

.team-block-two .image-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 51%;
  bottom: 0;
  background: rgba(var(--alefox-white-rgb, 255, 255, 255), 0.3);
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
}

.team-block-two:hover .image-box::after {
  left: 0;
  right: 0;
}
.alefox-btn {
       display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    /* border: none; */
    outline: none !important;
    background-color: #F2F7F9;
    border-radius: 50px;
    color: var(--alefox-black, #122f2a);
    font-size: 16px;
    /* font-weight: 600; */
    font-family: var(--alefox-font);
    padding: 14px 40px;
    transition: 500ms;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.alefox-btn__item {
    position: absolute;
    background: #27a5d5; /* change color if needed */
}

/* TOP BORDER */
.alefox-btn__item:nth-child(2) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    animation: animateTop 2s linear infinite;
}

/* RIGHT BORDER */
.alefox-btn__item:nth-child(3) {
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    animation: animateRight 2s linear infinite;
}

/* BOTTOM BORDER */
.alefox-btn__item:nth-child(4) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    animation: animateBottom 2s linear infinite;
}

/* LEFT BORDER */
.alefox-btn__item:nth-child(5) {
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    animation: animateLeft 2s linear infinite;
}

/* KEYFRAMES */
@keyframes animateTop {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

@keyframes animateRight {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

@keyframes animateBottom {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

@keyframes animateLeft {
    0% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}

/*    .slide-item {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.video-bg {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    z-index: 1;*/
/*}*/
.slide-item {
    position: relative;
    overflow: hidden;
    height: 100vh; /* Full viewport height */
    width: 100%;
}

.content-box {
    position: relative;
    z-index: 2;
}



.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.bg-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.3); /* dark overlay */
    z-index: 2;
}

.image-layer,
.auto-container {
    position: relative;
    z-index: 3; /* content above video */
}
.icon-quality:before {
    content: "\e90a";
    font-family: 'icomoon';
}


</style>


<?php include ('footer.php');?>
