/* full scoll header line  start*/

      .full-scroll-con {
        /* width: 100%; */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to right, #94d9e2, #9e8383);
      }

      .scroll-container {
        max-width: 1000px;
        height: 50px;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        display: flex;
        align-items: center;
      }

      .scroll-text {
        display: flex;
        width: max-content;
        animation: scroll-left 30s linear infinite;
        font-size: 1.1rem;
        font-weight: bold;
        color: #141414;
        align-items: center;
      }

      .scroll-content {
        display: flex;
        align-items: center;
      }

      .scroll-gap {
        width: 200px;
        /* Adjust this for more or less space between loops */
      }

      .scroll-text span {
        display: inline-block;
        padding: 0 30px;
        letter-spacing: 1px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .scroll-text .divider {
        color: #ccc;
        font-size: 1.5rem;
        padding: 0 15px;
      }

      @keyframes scroll-left {
        0% {
          transform: translateX(0);
        }

        100% {
          transform: translateX(-50%);
        }
      }
 

/* full scoll header line  end*/

/* three section vision start */
 
      .about-section {
        background-color: #f1f7fc;
      }
      .block-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 40px 20px;
        max-width: 1200px;
        margin: 0 auto;
      }
      
      .about-block {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.6s ease-out;
      }

      .about-block.reverse {
        flex-direction: row-reverse;
      }

      .about-block.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .icon.zigzag {
        font-size: 3.8rem;
        color: #0d47a1;
        margin-top: 5px;
        flex-shrink: 0;
        transition: transform 0.4s ease, color 0.4s ease;
        cursor: pointer;
      }

      .icon.zigzag:hover {
        transform: rotate(360deg) scale(1.3);
        color: #1565c0;
      }

      .content h2 {
        font-size: 1.8rem;
        margin-bottom: 10px;
        color: #0d47a1;
      }

      .content p,
      .content ul {
        font-size: 1rem;
        line-height: 1.6;
        color: #333;
        margin: 0;
      }

      .content ul {
        padding-left: 20px;
        margin-top: 10px;
      }

      .content ul li {
        margin-bottom: 6px;
      }
  
/* three section vision end */


/* hero section start  */

#hero {
  position: relative;
  overflow: hidden;
  background-image: url('../img/slider/slider-3.jpg');
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero img {
  display: none; /* Hide the <img> tag since background is applied via CSS */
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

#welcome,
.welcome {
  position: relative;
  z-index: 2;
  text-align: center;
  color: white;
  padding: 20px;
}

.welcome h2 {
  font-size: 2.5rem;
  font-weight: 700;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

.welcome p {
  font-size: 1.3rem;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
}

/* hero section end */

/* footer start  */
    .footer {
        background: #f8f9fa;
        padding: 2px 0;
        font-size: 15px;
        color: #444;
      }

      .footer h4 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
        color: #222;
      }

      .footer ul {
        list-style: none;
        padding: 0;
      }

      .footer ul li {
        margin-bottom: 10px;
      }

      .footer ul li a {
        color: #444;
        text-decoration: none;
        transition: color 0.3s;
      }

      .footer ul li a:hover {
        color: #007bff;
      }

      .footer .footer-about .sitename {
        font-weight: bold;
        font-size: 18px;
        color: #000;
        display: inline-block;
        margin-bottom: 10px;
      }

      .footer .footer-contact p {
        margin: 0;
        line-height: 1.6;
      }

      @media (max-width: 768px) {
        .footer .footer-top .row>div {
          margin-bottom: 30px;
        }
      }
/* footer end */


/*learn btn for about us section start  */
.learn-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #00723f;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.learn-btn i {
  transition: transform 0.3s ease;
}

.learn-btn:hover {
  background-color: #005c32;
}

.learn-btn:hover i {
  transform: translateX(5px);
}

  /*learn btn for about us section end  */