*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  transition: all .3s;
  
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

  body {
    background-color: #fff2d3;
  }

  .header {
    position: relative;
    background-color: #ffffff;
    padding: 1rem 3rem;
  }

 nav ul,
 nav ol {
    list-style: none;
  }

  section {
    min-height: 100vh;
    padding: 2rem 8%;
  }



  @media (min-width: 600px) {
    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .nav-list {
        display: flex;
        justify-content: space-between;
        margin: 1.5rem 1.5rem;
      
    }
  }

  .logo {
    font-size: 1.5rem;
    color: #183b58;
    font-weight: 800;
  }

  .nav {
      text-align: center;
      list-style-type: none;

  }

  .nav-item a{
      display: block;
      padding: 0.5rem;
      font-size: 1.5rem;
      color: #183b58;
      font-weight: 300;
  }

  .nav-item a:hover {
      color: #fb6437;
  }

  .nav-toggle .fa-bars {
      border: 1px solid #222;
      background: transparent;
      padding: 0.5rem;
  }

  .nav-toggle {
    display: none;
  }

  @media (max-width: 599px) {
    .nav-toggle {
      display: block;
      position: absolute;
      right: 1rem;
      top: 1.2rem;
    }

    .nav-list {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      background-color: #fff;
      z-index: -1;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-100%)
      transition: all .3s;
    }
    .nav-list.active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      z-index: 1;
    }
  }
  
    /* home section start */
    .home {
      display: flex;
      justify-content: space-between;
      align-items:center;
      flex-wrap: wrap;
      padding: 2rem;
    }

    .home .img, .home .content {
      flex: 1 1 45%;
      padding: 1rem;
      text-align: left;
      box-sizing: border-box;
    }
    
    
    .home .content h1, h2 {
      color:#222;
      font-size: 2rem;
      padding: 1rem;
      text-align: left;
    }
    .home .content h3 {
      color: #222;
      font-size:medium;
      padding: 1rem;
      text-align: left;
    }
    .home .content p {
      color: #222;
      font-size:medium;
      padding: 1rem;
      text-align: left;
    }

    @media (max-width: 768px) {
      .home {
        flex-direction: column;
        margin-top: 100px;
      }
    
      .home .img,
      .home .content {
        flex: 1 1 100%;
        text-align: center;
      }
    
      .home .img img {
        max-width: 100%;
        height: auto;
      }
    }

    /* home section end */