/* first div */
      .container > img {
        width: 90%;
        height: 600px;
      }

      .container {
        position: relative;
        text-align: center;
        color: white;
        width: 100%;
        height: 600px;
      }

      /* Bottom left text */
      .cont {
        /* border: 1px solid red; */
        position: absolute;
        top: 100px;
        /* left: 160px; */
        text-align: center;
        width: 100%;
        /* margin-top: -100px; */
      }

      .cont > p:nth-child(1) {
        font-size: 80px;
        font-weight: bold;
      }

      .cont > p:nth-child(2) {
        /* padding-top: -200px; */
        font-size: 30px;
        font-weight: bold;

        color: #f07837;

        /* margin-top: -90px; */
      }

      .button {
        /* border: 1px solid red; */
        position: absolute;
        bottom: 20px;
        left: 700px;
        text-align: center;
        /* width: 100%;
 margin-top: -100px; */
        background-color: white;
        width: 10%;
        height: 40px;
        font-weight: bold;
        border-radius: 5px;
        font-size: 20px;
      }

      /* second div */
      #seconddiv {
        /* border: 1px solid black; */
        display: flex;
        width: 90%;
        margin: auto;
        justify-content: space-between;
        margin-top: 20px;
      }

      #seconddiv > div > img {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      }

      #seconddiv > div > p {
        text-align: center;
        margin-top: 20px;
        font-weight: bold;
      }

      #seconddiv > div {
        width: 16%;
      }

      #limited {
        margin-top: 20px;
        text-align: center;
      }

      /* third div */

      .thirddiv > img {
        width: 90%;
        height: 600px;
        margin-top: 70px;
      }

      .thirddiv {
        position: relative;
        text-align: center;
        color: white;
        width: 100%;
        height: 600px;
      }

      .campus {
        /* border: 1px solid red; */
        position: absolute;
        top: -30px;

        text-align: center;
        width: 20%;
        margin-top: 130px;
        font-size: 40px;
        font-weight: bold;
        margin-left: 100px;
      }

      .campus > p:nth-child(1) {
        font-size: 80px;
        font-weight: bold;
        line-height: 80px;
      }

      .campus > p:nth-child(2) {
        margin-top: 50px;
        font-size: 30px;
        font-weight: bold;
        padding-top: -10px;
        color: white;
        background-color: #c06359;
      }

      .campusshop {
        /* border: 1px solid red; */
        position: absolute;
        bottom: 30px;
        left: 20px;
        text-align: center;
        background-color: white;
        width: 13%;
        height: 60px;
        font-weight: bold;
        border-radius: 5px;
        font-size: 20px;
        margin-left: 100px;
      }

      /* fourth div */

      #fresh {
        text-align: center;

        margin-top: 150px;
      }

      .freshfinds {
        width: 90%;
        /* border: 1px solid rebeccapurple; */
        margin: auto;
        display: flex;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 20px;
      }

      .freshfinds > div {
        /* border: 1px solid green; */
        text-align: center;
        font-weight: bold;
      }

      .freshfinds > div > img {
        width: 100%;
      }

      /* fifth div */

      #moreways {
        text-align: center;
        margin-top: 80px;
      }

      .rugs {
        /* border: 1px solid royalblue; */
        display: flex;
        width: 90%;
        margin: auto;
        justify-content: space-between;
        margin-top: 40px;
      }

      .rugs > div {
        width: 24%;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      }

      .rugs > div > img {
        width: 100%;
      }

      .rugs > div > p {
        padding-left: 20px;
        padding-right: 30px;
      }

      .rugs > div > h1 {
        padding-left: 20px;
        padding-right: 30px;
      }

      /* six div */

      .sixdiv > img {
        width: 90%;
        height: 600px;
        margin-top: 70px;
      }

      .sixdiv {
        position: relative;
        text-align: center;
        color: white;
        width: 100%;
        height: 600px;
      }

      /* Bottom left text */
      .heat {
        /* border: 1px solid red; */
        position: absolute;
        top: 160px;
        /* left: 160px; */
        text-align: center;
        width: 100%;
        margin-top: -100px;
      }

      .heat > p:nth-child(1) {
        margin-top: 40px;
        font-size: 80px;
        font-weight: bold;
      }

      .heat > p:nth-child(2) {
        /* padding-top: -200px; */
        font-size: 32px;
        font-weight: bold;
        padding-top: -10px;
        color: #ffe375;
        margin-top: 50px;
      }

      .Umbrellas {
        /* border: 1px solid red; */
        position: absolute;
        bottom: 210px;
        left: 650px;
        text-align: center;
        /* width: 100%;
 margin-top: -100px; */
        background-color: white;
        width: 13%;
        height: 49px;
        font-weight: bold;
        border-radius: 5px;
        font-size: 20px;
      }

      /* seventh div */

      #overstock {
        text-align: center;
        /* background-color: #c06359; */
        margin-top: 120px;
      }

      .overbrands {
        display: flex;
        /* border: 1px solid rebeccapurple; */
        width: 90%;
        margin: auto;
        justify-content: space-between;
      }

      .overbrands > div > img {
        width: 100%;
      }

      .overbrands > div {
        width: 24%;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      }

      .overbrands > div > p {
        text-align: center;
      }

      .overbrands > div > p:nth-child(2) {
        font-weight: bold;
      }

      /* eigth div */

      #style {
        text-align: center;
        margin-top: 70px;
      }

      .gotstyle {
        display: flex;
        /* border: 1px solid blue; */
        width: 90%;
        margin: auto;
        justify-content: space-between;
      }

      .gotstyle > div > img {
        width: 100%;
      }

      .gotstyle > div {
        width: 32%;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
      }

      .gotstyle > div > p:nth-child(2) {
        font-weight: bold;
        font-size: 20px;
        padding-left: 20px;
      }

      .gotstyle > div > p:nth-child(3) {
        padding-left: 20px;
        font-size: 17px;
        padding-right: 20px;
      }

      /* ninth div */

      #trending {
        text-align: center;
        margin-top: 60px;
      }

      .searches {
        /* border: 1px solid rebeccapurple; */
        width: 90%;
        margin: auto;
        display: flex;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        gap: 20px;
      }

      .searches > div {
        /* border: 1px solid blue; */
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      }
      .searches > div > p{
        padding: 25px;
      }