<?php include 'header.php';?>

 <!-- start page-title -->
        <section class="page-title" style="background: url(assets/images/banner/about-banner.jpg) center center/cover no-repeat local;">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <h2>About us</h2>
                        <ol class="breadcrumb">
                            <li><a href="index.html">Home</a></li>
                            <li>About us</li>
                        </ol>
                    </div>
                </div> <!-- end row -->
            </div> <!-- end container -->
        </section>        
        <!-- end page-title -->
        
     <!--start fun-fact-section -->
        <?php include 'counter.php';?>
         <!--end fun-fact-section -->
        
       
        
          <!-- start service-single-section -->
        <section class="service-single-section section-padding" style="padding: 54px 0;">
            <div class="container">
                <div class="row">
                    <div class="col col-md-9 col-md-push-3">
                        <div class="service-single-content"> 
                        <div class="about-m">
                            <h2>A Beacon of Excellence in <span>Industrial Solutions</span></h2>
                            <p style="margin-bottom:0;">We Crystal TCS, are one of the leading suppliers of Ejector Systems, Ejector Technology & Spray Nozzles. Our Products cater to multiple applications across various sectors in the Industrial world. Our systems are Currently operating satisfactorily across</p>
                            </div>
                            
             <div class="about-m">
                 <h2>10+ years of experience, <span>in this industry</span></h2>
                    <h4>Journey : </h4>
            
                <section class="accordion accordion--radio">
                  <div class="tab">
                    <input type="radio" name="accordion-2" id="rd1">
                    <label for="rd1" class="tab__label">2012 </label>
                    <div class="tab__content">
                      <p>Incorporated in 2012, we began operations as a Company providing Engineering Design & Marketing consultancy in the Capital equipment Industry. We began representation for esteemed German & Italian Manufacturers in India, Middle East and East European regions. The associations that were formed a decade ago have blossomed over the years and continue to remain strong.</p>
                    </div>
                  </div>
                  <div class="tab">
                    <input type="radio" name="accordion-2" id="rd2">
                    <label for="rd2" class="tab__label">2014</label>
                    <div class="tab__content">
                      <p>Began our foray in Ejector Technology starting with development of Ejector Technology and Ejector systems. </p>
                    </div>
                  </div>
                  <div class="tab">
                    <input type="radio" name="accordion-2" id="rd3">
                    <label for="rd3" class="tab__label">2016</label>
                    <div class="tab__content">
                      <p>Began commercial operations in Ejectors and Ejector Systems</p>
                    </div>
                  </div>
                  <div class="tab">
                    <input type="radio" name="accordion-2" id="rd4">
                    <label for="rd4" class="tab__label">2019</label>
                    <div class="tab__content">
                      <p>Began our Foray in Spray Nozzles technology starting with development of Spray Nozzles and Spray Technology</p>
                    </div>
                  </div>
                  <div class="tab">
                    <input type="radio" name="accordion-2" id="rd5">
                    <label for="rd5" class="tab__label">2021</label>
                    <div class="tab__content">
                      <p>Began Commercial operations in supply of Spray Nozzles</p>
                    </div>
                  </div>
                  <div class="tab">
                    <input type="radio" name="accordion-2" id="rd6">
                    <label for="rd6" class="tab__close">Close open tab &times;</label>
                  </div>
                </section>  
            </div>
                            
                            
                            <div class="about-m">
                          <p>Our Evolution in the decade from being an engineering consultancy to a Capital Equipment supplier across the globe has been transforming experience and changed us to our core. But a few things still remain unchanged – our intention to strive to be the best at what we do, our commitment towards our clients and our effort to make ourselves a brand trusted by our clients, our suppliers & our people</p>
                            <p class="text-center" style="font-size:26px;"><strong>“A brand for a company is like a reputation for a person. You earn reputation by trying to do hard things well” </strong></p>
                          </div>
                                                        
                            <!--<a href="#" class="theme-btn">Get the service</a>                            -->
                        </div>
                    </div>
                    <?php include 'side-bar.php';?>
                </div> <!-- end row -->
            </div> <!-- end container -->
        </section>
        <!-- end service-single-section -->
        
        
        <style>
       :root {
  --primary: #ff5e14;
  --secondary: #ff5e14;
  --background: #eee;
  --highlight: #ffda79;
  /* Theme color */
  --theme: var(--primary);
}
*, *::before, *::after {
  box-sizing: border-box;
}
/* Core styles/functionality */
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
  background-color: #ff500012;
}
.tab input:checked ~ .tab__content {
  max-height: 10rem;
}

/* Visual styles */
.accordion {
  color: var(--theme);
  /*border: 2px solid;*/
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--theme);
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
  color:#323337;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}

        </style>
        
        

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