@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");

.about-style1-area {
  margin: 0px 20px; /* Adjust the margin to add space around the section */
}

.about-style1-area span {
  background-color: beige;
  font-family: "Bebas Neue", sans-serif;
  font-size: 280px; /* Increase size */
  font-weight: 900; /* Make it extremely bold */
  display: inline-block;
  letter-spacing: 4px;
  font-family: monospace;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  border-right: 4px solid black; /* Cursor effect */
  animation: typing 3s steps(30, end), cursor 0.75s step-end infinite,
    resetTyping 6s steps(30, end) infinite;
  margin-bottom: 20px; /* Add space below the heading */
}

.about-style1-area p {
  font-size: 22px; /* Increase size of the paragraph */
  margin: 10px 0 -15px 0; /* Add space around the paragraph */
  line-height: 1.6; /* Adjust line height for better readability */
  color: #333; /* Darker color for the paragraph */
}

/* Typing effect */
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* Cursor blinking effect */
@keyframes cursor {
  50% {
    border-color: transparent;
  }
}

/* Resetting the width to 0 after a delay */
@keyframes resetTyping {
  0%,
  100% {
    width: 100%;
  }
  50% {
    width: 0;
  }
}

@media (max-width: 768px) {
  .about-style1-area span {
    font-size: 50px; /* Adjust size for smaller screens */
  }

  .about-style1-area p {
    font-size: 18px;
    text-align: justify;
  }
}
.slogan-style3-area .slogan-content-style3 .title h2 {
  font-size: 61px;
}

.team-style2-area .container .row .col-xl-12 .top-title .text p {
  position: relative;
  color: #0e3742;
  font-size: 27px;
  width: 100%;

  outline: none;
  animation: animate 10s linear infinite;
}
@keyframes animate {
  0%,
  18%,
  20%,
  50.1%,
  60%,
  65.1%,
  80%,
  90.1%,
  92% {
    color: #fff;
    text-shadow: none;
  }
  18.1%,
  20.1%,
  30%,
  50%,
  60.1%,
  65%,
  80.1%,
  90%,
  92.1%,
  100% {
    color: #fff;
    text-shadow: 0 0 10px #03bcf4, 0 0 20px #03bcf4, 0 0 40px #03bcf4,
      0 0 80px #03bcf4, 0 0 1600px #03bcf4;
  }
}

.team-style2-area .row .col-xl-4,
.team-style2-area .row .col-lg-4 {
  animation: SideBounce 3s ease-in-out infinite;
  transition: transform 0.3s, box-shadow 0.3s;
  transform: translateY(0);
}

/* Adding hover effect for smooth transition */
.team-style2-area .row .col-xl-4:hover,
.team-style2-area .row .col-lg-4:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Keyframes for SideBounce animation */
@keyframes SideBounce {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
}

/* Fade-in effect */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.header .container .outer-box .header-left .logo img {
  width: 280px;
  margin-top: -280px;
  margin-bottom: -350px;
}
.header {
  position: static;
}