@extends('layouts.layoutabout')

@section('title')
VISION OF BSSITM THE EDUCATION GROUP
@endsection

@section('aboutheading')
<h2 style="padding-top: 180px; color:white; font-family: 'Poppins', sans-serif;"
  class="fw-bold text-uppercase headingm1 headerinner text-center">
  Vision & Mission
</h2>
<p class="text-center mt-2 text-light fw-bold text-uppercase">
  <a href="{{ asset('/') }}"
    style="color: #fff; text-decoration: none; font-family: 'Lexend', sans-serif;">
    HOME
  </a>
  &nbsp;/&nbsp;
  <span style="color: #ffff; font-family: 'Poppins', sans-serif;">Vision & Mission</span>
</p>
@endsection

@section('Aboutsection')
<style>
  @media(max-width:576px) {
    .txt {
      font-size: 17px !important;
    }
  }
</style>
<div class="container py-5 mx-auto p-4">
  <!-- Title -->


  <!-- Content Row -->
  <div class="row   rounded-1 overflow-hidden  mb-1 mt-0">
    <!-- Text Section -->
    <div class="col-lg-12 col-md-12 mb-1 mb-lg-0">
      <h4 class="fw-bold txt" style="color:#ff6600; border-left:5px solid #ff6600; padding-left:10px; font-family:'Lexend', serif;">
        Vision of the Institute

      </h4>
      <p style="line-height: 35px; font-size: 17px; text-align: justify; font-family: 'Poppins', sans-serif;" class="mb-0 mt-3">
        To evolve into distinguished institution that nurtures a vibrant learning atmosphere, empowering aspiring engineers to emerge as ethical technology leaders and entrepreneurs for societal wellbeing and national advancement through innovation and research.
      </p>
    </div>

    <div class="col-lg-12 col-md-12 mb-1 mb-lg-0">
      <h4 class="fw-bold txt" style="color:#ff6600; border-left:5px solid #ff6600; padding-left:10px; font-family:'Lexend', serif;">
        Mission of the Institute

      </h4>
      
      <ul style="line-height: 35px; font-size: 17px; text-align: justify; font-family: 'Poppins', sans-serif;" class="mb-0 mt-3">
        <li>To bridge the gap between theory and practice through effective teaching learning process and hands on experiments. </li>
        <li>To cultivate creative minds by indulging them in innovative projects and research. </li>
        <li>To foster a culture that promotes entrepreneurial risk taking and adaptability. </li>
        <li>To create technological leaders by inculcating moral values for societal welfare and lifelong learning.
        </li>
      </ul>
    </div>


  </div>
  <!-- <div class="row">
    <div class="col-12">
      <p style="line-height: 35px; font-size: 17px; text-align: justify; font-family: 'Poppins', sans-serif;">
        Furthermore, he founded a degree college in Huzurpur, Bahraich —
        which has emerged as a leading destination for graduate education with a reputation for academic excellence.
        The establishment of "Babu Sunder Singh Institute of Technology & Management" is a continuation of his dreams and enduring vision.
      </p>
    </div>
  </div> -->

  <!-- Additional Text -->
  <div class="row">
    <div class="col-12">

    </div>
  </div>
</div>

<style>
  .inspiration-img-container {
    border: 3px dashed #ff6600;
    padding: 8px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease;
  }

  .inspiration-img-container img {
    transition: transform 0.4s ease;
  }
</style>
@endsection