body {
  padding-right: 0;
  font-family: "Roboto", sans-serif;
}
#heading {
  background-image: url("/AboutUs/images/About-Us11-1920x500-1\ \(1\).jpg");
  background-size: cover;
  background-position: center;
  height: 250px;
  background-color: #0c121a85;
}
/* Animation styling */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#heading h3 {
  font-size: 4em; /* Adjust this value as needed */
  font-weight: 500;
  padding-top: 60px;
  color: white;
  animation: fadeIn 1s ease-in-out;
}

/* about us  */
span h1 {
  text-align: center;
  margin-top: 50px;
}
.imgAbt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 100px;
  margin-top: 30px;
}
.img1 {
  width: 70%;
  position: relative;
}
/* our atory */
.ourStory {
  display: flex;
  padding-right: 0;
}
.ourStory1 {
  margin-top: -45px;
  text-align: center;
  padding-right: 0;
}
.ourStory1 h1 {
  /* font-size: 50px; */
  letter-spacing: normal;
  padding-top: 90px;
  text-align: center;
  padding-left: 30px;
}
.ourStory p {
  margin-top: 20px;
  margin-left: 40px;
  letter-spacing: normal;
  padding-right: 20px;
  padding-bottom: 20px;
  text-align: justify;
}

/* CSS for small screen sizes */
@media screen and (max-width: 700px) {
  /* Adjusting the heading font size and padding */
  .ourStory1 h1 {
    font-size: 30px;
    padding-top: 30px;
    padding-left: 0px; /* Adjusted left padding */
    margin-top: 60px;
    text-align: center; /* Center the heading */
  }

  /* Adjusting the paragraph margin and padding */
  .ourStory p {
    margin-top: 20px;
    margin-left: 10px; /* Adjusted left margin */
    letter-spacing: normal;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: justify;
    padding-left: 10px; /* Adjusted left padding */
  }

  /* Adjusting the image container */
  div.imgAbt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0; /* Remove right margin */
    margin-top: 30px;
  }

  /* Adjusting the image size */
  .img1 {
    width: 250px; /* Adjusted image width */
    height: auto; /* Maintain aspect ratio */
  }

  /* Resetting the right padding for ourStory and ourStory1 */
  .ourStory,
  .ourStory1 {
    padding-right: 0;
  }
}