* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    font-family: serif;
  }
  .info {
    /* border: 1px solid red; */
    padding: 1rem 1rem 0.5rem 1rem;
  }
  :root {
    --brown-color: #541b1b;
    --red-brown: #881b1b;
  }
  .info .heading {
    /* border: 1px solid green; */
    width: max-content;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .info .heading h2 {
    font-size: 2rem;
  }
  .info .heading small {
    color: var(--red-brown);
    font-size: 1.2rem;
  }
  .info .para {
    padding-top: 10px;
    text-align: justify;
    font-size: 1.2rem;
    font-weight:500;
  }
  
  /* ****************************** Image animation section ********************* */
  
  .project {
    /* border: 1px solid red; */
    position: relative;
    height: 80vh;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  
  .project .projectContainer {
    position: absolute;
    border: 2px solid var(--brown-color);
    width: 55vw;
    height: 70vh;
    overflow: hidden;
  }
  
  .project .projectContainer .projects {
    opacity: 0;
    object-position: center;
    object-fit: cover;
  }
  .project .projectContainer .projects img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .project .projectContainer .projects.active {
    opacity: 1;
  }
  /********************* icons *********************** */
  
  .leftI {
    /* border: 1px solid red; */
    z-index: 1;
    position: absolute;
    top: 40%;
  
    left: 16rem;
  }
  .leftI ion-icon {
    font-size: 2.5rem;
    color: var(--brown-color);
  }
  .rightI {
    /* border: 1px solid red; */
    z-index: 1;
    position: absolute;
    top: 40%;
    right: 16rem;
  }
  .rightI ion-icon {
    font-size: 2.5rem;
  
    color: var(--brown-color);
  }
  /*************Feature style******************** */
.feature{
    /* border: 1px solid green; */
    margin-bottom: 5rem;
}
.feature h3{
    /* border:1px solid red; */
    padding: 0.3rem;
    font-weight:600;
    color: var(--brown-color);
}
ul {
    /* border:1px solid red */
}
 ul li{
    padding:0.2rem ;
    font-size: 1.2rem;
    font-weight: 500;

  }