@extends('layouts/base')

@section('title')
    Vision |
@endsection

@section('styles')
  <style>
      /* Vision Section Styles */
        .vision-section {
            padding: 4rem 0;
            background-color: #fff !important;
        }

        .vision-section h2 {
            text-align: left;
            color: #e30613;
            font-size: 2.5rem;
            margin-bottom: 2rem;
            font-weight: 700;
        }

        .vision-text {
            max-width: 100%;
        }

        .vision-text ul {
            list-style: none;
            padding-left: 0;
        }

        .vision-text li {
            display: grid;
            grid-template-columns: 30px 250px 1fr;
            column-gap: 10px;
            align-items: start;
            margin-bottom: 1.5rem;
            font-size: 1.2rem;
            color: #333;
            line-height: 1.6;
        }

        .vision-text li .checkmark {
            color: #e30613;
            font-size: 1.5rem;
            text-align: center;
        }

        .vision-text li strong {
            color: #00bcd4;
            min-width: 250px;
            display: inline-block;
        }

        .vision-text li .description {
            text-align: justify;

@media screen and (max-width: 768px) {
 .vision-text li {
                grid-template-columns: 30px 1fr;
                grid-template-areas:
                    "checkmark strong"
                    "checkmark description";
                column-gap: 0;
            }

            .vision-text li strong {
                grid-area: strong;
            }

            .vision-text li .description {
                grid-area: description;
            }
}
  </style>
@endsection

@section('content')

    <section id="vision" class="vision-section">
                    <div class="container">
                        <h2>Vision</h2>
                        <div class="vision-text">
                            <ul>
                                <li>
                                    <span class="checkmark">✔️</span>
                                    <strong>Innovating for Tomorrow's Challenges:</strong>
                                    <span class="description">We aim to be at the forefront of high-performance plastics innovation, solving complex challenges with cutting-edge technology.</span>
                                </li>
                                <li>
                                    <span class="checkmark">✔️</span>
                                    <strong>Global Leadership in Engineering Solutions:</strong>
                                    <span class="description">Our goal is to be recognized globally as a leader in the production of advanced, high-quality plastic products that redefine engineering solutions.</span>
                                </li>
                                <li>
                                    <span class="checkmark">✔️</span>
                                    <strong>Commitment to Sustainability:</strong>
                                    <span class="description">We are dedicated to providing eco-friendly alternatives and sustainable practices in the field of engineering plastics, reducing environmental impact and we are the exclusive suppliers to the Indian Defense Sector.</span>
                                </li>
                                <li>
                                    <span class="checkmark">✔️</span>
                                    <strong>Excellence in Service and Quality:</strong>
                                    <span class="description">We strive to offer the highest level of customer service and product quality, ensuring satisfaction and long-term success for our partners.</span>
                                </li>
                                <li>
                                    <span class="checkmark">✔️</span>
                                    <strong>Expanding Our Global Reach:</strong>
                                    <span class="description">With a growing international presence, we are committed to serving clients across the globe with tailored solutions for their unique needs.</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </section>
@endsection