.midsec{
    margine-inline:20rem;
}
.breadcrumbs {
  display: flex;
  justify-content: center;

  & .container {
    display: flex;
    justify-content: space-between;
    padding: 1.5em 10em;
    width: 80%;
  }
}

.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumb-item {
  display: inline-block;
  margin-right: 5px;
}

.breadcrumb-item:not(:last-child)::after {
  content: ">";
  margin-left: 5px;
  color: #555;
}

.breadcrumb-item a {
  text-decoration: none;
  color: black;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
  color: #007bff;
}

.breadcrumb-item.active {
  color: #555;
}
.img1 {
  float: right;
  width: 10em;
  /* height: 10rem; */
  /* border: 2px solid blue; */
  /* box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.1); */
}
.img2 {
  float: left;
  width: auto;
}

h1 {
  color: rgba(0, 0, 0, 0.817);
}

#welcome{
  width: 70%;
}
#sec1,
#sec2,#sec3 {
  & p {
    color: #555;
    margin-bottom: 2em;
  }
}
#sec1,
#sec2,#sec3 {
  display: flex;
  flex-wrap: wrap;
  margin: 5rem;

  & div {
    display: flex;
    flex-direction: column;
    min-width: 25%;

    /* justify-content: center; */
    /* align-items: center; */

    /* align-content: center; */
    /* min-width: 600px; */
  }
  .text-div {
    /* display: flex;
    flex-direction: row; */
    justify-content: space-between;
    padding-inline: 5em;
    margin-block: 1rem;
    width: 100%;
    box-shadow: 0px 0px 23px 5px rgba(0, 0, 0, 0.1);
  }
  .prod-flex {
    display: flex;
    flex-direction: row;
  }
}

.big-heading {
  font-size: 2.25em;
  line-height: 1em;
  margin-block: 1em;
}

#sec2 {
  /* text-align: right; */
  & .advantages {
    text-align: left;
    display: flex;
    flex-direction: row;
    & h1 {
      margin-block: 1rem;
      font-size: xx-large;
    }
    & div {
      width: 50%;
    }
    /* border: 2px solid blue; */
  }
}
.brand-names > ul {
    display:flex;
    flex-wrap: wrap;
}
.brand-names > ul > li {
    font-size: larger;
    color: #555;
}
.brand-names > ul > li > img{
    height: 7.5rem;
    margin: 2rem;
}

@media only screen and (max-width: 850px) {
  .breadcrumbs > .container {
    padding: 0em;
  }

  .generator-body {
    & p {
      padding-inline: 0em;
    }
  }

  .logos {
    & img {
      max-width: 95%;
      object-fit: contain;
    }
  }

  .row > p {
    padding: 1em;
  }

  #sec1,
  #sec2,
  #sec3 {
    margin: 2rem;
    & div {
      min-width: 0%;
    }
    .text-div {
      padding-inline: 2rem;
      /* margin-block: 1rem; */
      width: 100%;
    }
    .prod-flex{
        flex-direction: column;
    }
  }

  .img1,.img2{
    width: auto;
  }
  #sec2 {
    /* text-align: right; */
    & .advantages {
      /* text-align: left; */
      /* display: flex; */
      flex-direction: column;
      & h1 {
        margin-block: 1rem;
        font-size: xx-large;
      }
      & div {
        width: 100%;
      }
      /* border: 2px solid blue; */
    }
  }
}