:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 100%;
  /* height: 8098px; */
  height: 100%;;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
}
.menu {
  position: relative;
  width: 100%;
  height: 60px;
  margin: 34px 0 0 0;
  background: #ffffff;
  z-index: 5;
}
.styliassist-logo {
  position: absolute;
  width: 200px;
  height: 32px;
  top: 7px;
  left: 106px;
  background: url(./assets/images/RenamedImage_1.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
}
.request-demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 30px; /* Default height */
  top: 8px; /* Default top position */
  right: 20px; /* Default right position */
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px; /* Default font size */
  font-weight: 400;
  line-height: 30px; /* Default line height */
  text-align: left;
  white-space: nowrap;
  z-index: 7;
}

.banner-image {
  position: relative;
  width: 100%;
  height: 772px; /* Default height for larger screens */
  margin: 46px 0 0 0;
  font-size: 0; /* This can be removed if not needed */
  background: url(./assets/images/RenamedImage.png) no-repeat center;
  background-size: cover;
  z-index: 1;
  overflow: visible auto;
}
.welcome-message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 1023px;
  height: 348px;
  margin: 38px 0 0 100px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 6rem;
  font-weight: 400;
  line-height: 7.261rem;
  text-align: left;
  text-overflow: initial;
  z-index: 4;
  overflow: hidden;
}
.effortless-style {
  display: block;
  position: relative;
  height: 44px;
  margin: 56px 0 0 106px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 2.723rem;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.flex-row-ca {
  position: relative;
  width: 100%;
  height: 636px;
  margin: 100px 0 0 106px;
  z-index: 12;
}
.dalle-image {
  position: absolute;
  width: 636px;
  height: 636px;
  top: 0;
  left: 0;
  background: url(./assets/images/RenamedImage_2.png) no-repeat center;
  background-size: cover;
  z-index: 9;
}
.fashion-solution {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 44px;
  left: 729px;
  color: #000000;
  font-family: Garamond, var(--default-font-family);
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 4.219rem;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.styliassist-solution {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 505px;
  height: 390px;
  top: 176px;
  left: 726px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 11;
}
.flex-row-eac {
  position: relative;
  width: 100%;
  height: 636px;
  margin: 100px 0 0 121px;
  z-index: 16;
}
.dalle-image-1 {
  position: absolute;
  width: 636px; /* Default width */
  height: 636px; /* Default height */
  top: 0; /* Default positioning */
  left: 583px; /* Default positioning */
  background: url(./assets/images/RenamedImage_3.png) no-repeat center;
  background-size: cover; /* Maintain aspect ratio */
  z-index: 14; /* Stacking order */
}
.our-mission {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 28px;
  left: 0;
  color: #000000;
  font-family: Garamond, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.fashion-platform {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 554px;
  height: 450px;
  top: 116px;
  left: 0;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 16;
}
.how-it-works {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1240px;
  height: 136px;
  margin: 100px 0 0 100px;
  z-index: 23;
}
.fashion-advice {
  flex-shrink: 0;
  position: relative;
  height: 68px;
  color: #000000;
  font-family: Garamond, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 22;
}
.one-place {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 610px;
  height: 136px;
  color: #000000;
  font-family: Garamond, var(--default-font-family);
  font-size: 30px;
  font-weight: 700;
  line-height: 33.75px;
  text-align: left;
  z-index: 23;
}
.image-sequence {
  position: relative;
  width: 90%;
  height: 210px;
  margin: 68px 0 0 100px;
  z-index: 26;
}
.image-step1 {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 0;
  left: 0;
  background: url(./assets/images/RenamedImage_4.png)
    no-repeat center;
  background-size: cover;
  z-index: 18;
}
.image-step2 {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 0;
  left: 630px;
  background: url(./assets/images/RenamedImage_6.png)
    no-repeat center;
  background-size: cover;
  z-index: 20;
}
.tell-us {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 347px;
  height: 180px;
  top: 1px;
  left: 891px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 26;
}
.explore-shop {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 347px;
  height: 180px;
  top: 1px;
  left: 250px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 26;
}
.image-step3 {
  position: relative;
  width: 100%;
  height: 210px;
  margin: 68px 0 0 100px;
  z-index: 26;
}
.image-step4 {
  position: absolute;
  width: 210px;
  height: 210px;
  top: 0;
  left: 0;
  background: url(./assets/images/RenamedImage_5.png) no-repeat center;
  background-size: cover;
  z-index: 18;
}
.image-step5 {
  position: absolute;
  width: 210px;
  height: 210px;
  top: 0;
  left: 630px;
  background: url(./assets/images/RenamedImage_7.png) no-repeat center;
  background-size: cover;
  z-index: 20;
}
.save-favorites {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 347px;
  height: 180px;
  top: 1px;
  left: 891px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 26;
}
.outfit-recommendations {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 347px;
  height: 180px;
  top: 1px;
  left: 250px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 26;
}
.styliassist-features {
  flex-shrink: 0;
  position: relative;
  height: 68px;
  color: #000000;
  font-family: Garamond, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: center;
  white-space: nowrap;
  z-index: 22;
  top: 80px;
  margin-left: 450px;
}
.perfect-style-companion{
  flex-shrink: 0;
  position: relative;
  height: 68px;
  top: 80px;
  left: 430px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  white-space: nowrap;
  z-index: 22;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
      
}
.flex-row {
  position: relative;
  width: 1231px;
  height: 580px;
  margin: 100px 0 0 106px;
  z-index: 12;
}
.personalized-fashion-wizard {
  position: absolute;
  width: 470px;
  height: 500px;
  top: 0;
  left: 0;
  background: url(./assets/images/RenamedImage_8.png)
    no-repeat center;
  background-size: cover;
  z-index: 9;
}
.group{
  position: absolute;
  width: 30px;
  height: 50px;
  background: url(./assets/images/Group.png) no-repeat center;
  background-size: cover;
  z-index: 20;
  top: 35%;
  left: 48%;
}
.personalized-fashion-wizard-2{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 44px;
  left: 489px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.quick-questions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 505px;
  height: 390px;
  top: 130px;
  left: 489px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 11;
}
.flex-row-d {
  position: relative;
  width: 1219px;
  height: 580px;
  margin: 0 0 0 121px;
  z-index: 16;
}
.occasion-based-suggestions {
  position: absolute;
  width: 470px;
  height: 500px;
  top: 0;
  left: 840px;
  background: url(./assets/images/RenamedImage_13.png)
    no-repeat center;
  background-size: cover;
  z-index: 14;
}
.occasion-based-suggestions-3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 28px;
  left: 0;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.perfect-outfit {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 554px;
  height: 450px;
  top: 116px;
  left: 0;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 16;
}
.flex-row-d-4 {
  position: relative;
  width: 1231px;
  height: 580px;
  margin: 0 0 0 106px;
  z-index: 12;
}
.real-time-shopping-options {
  position: absolute;
  width: 470px;
  height: 500px;
  top: 0;
  left: 0;
  background: url(./assets/images/RenamedImage_12.png)
    no-repeat center;
  background-size: cover;
  z-index: 9;
}
.real-time-shopping-options-5{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 44px;
  left: 489px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.discover-where-to-buy {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 505px;
  height: 390px;
  top: 130px;
  left: 489px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 11;
}
.flex-row-fd {
  position: relative;
  width: 1219px;
  height: 580px;
  margin: 0 0 0 121px;
  z-index: 16;
}
.sustainable-fashion-choices {
  position: absolute;
  width: 470px;
  height: 500px;
  top: 0;
  left: 840px;
  background: url(./assets/images/RenamedImage_10.png)
    no-repeat center;
  background-size: cover;
  z-index: 14;
}
.explore-eco-friendly-options {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 28px;
  left: 0;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.flex-row-aefc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 554px;
  height: 450px;
  top: 116px;
  left: 0;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 16;
}
.price-comparison {
  position: relative;
  width: 1231px;
  height: 550px;
  margin: 0 0 0 106px;
  z-index: 12;
}
.get-the-best-deals {
  position: absolute;
  width: 470px;
  height: 500px;
  top: 0;
  left: 0;
  background: url(./assets/images/RenamedImage_11.png)
    no-repeat center;
  background-size: cover;
  z-index: 9;
}
.flex-row-ee {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 44px;
  left: 689px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.text-1c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 505px;
  height: 390px;
  top: 130px;
  left: 689px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 11;
}
.visualize-clothes-look {
  position: relative;
  width: 1219px;
  height: 636px;
  margin: 0 0 0 121px;
  z-index: 16;
}
.virtual-try-on {
  position: absolute;
  width: 470px;
  height: 500px;
  top: 0;
  left: 840px;
  background: url(./assets/images/RenamedImage_14.png)
    no-repeat center;
  background-size: cover;
  z-index: 14;
}
.text-1a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 68px;
  top: 28px;
  left: 100px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 50px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.text-1b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 554px;
  height: 450px;
  top: 116px;
  left: 100px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: left;
  z-index: 16;
}
.the-future-of-fashion-is-here{
  flex-shrink: 0;
  position: relative;
  height: 68px;
  color: #000000;
  font-family: Garamond, var(--default-font-family);
  font-size: 60px;
  font-weight: 700;
  line-height: 67.5px;
  text-align: center;
  white-space: nowrap;
  z-index: 22;
  /* top: 80px; */
  margin-left: 450px;
}
.more-info{
  flex-shrink: 0;
  position: relative;
  height: 140px;
  top: 20px;
  left: 130px;
  width: 600px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  white-space: nowrap;
  z-index: 22;
  font-size: 20px;
  font-weight: 300;
  /* line-height: 30px; */
  text-align: left;
}
.button-contact{
  color: white;
  background-color: #2E3F4D;
  border-radius: 30px;
  width: 150px;
  height: 40px;
  padding: 10px;
  text-align: center;
  margin: 0px 700px 0;

}
.rectangle{
  position: relative;
  width: 100%;
  height: 420px;
  margin: 27px 0 0 0;
  background: #1a374d;
  z-index: 17;
  border-radius: 5px;
  color: white;
}
.frame{
  width: 900px;
  height: 300px;
  margin: 100px 50px 0;
  /* position: absolute; */
}
.get-in-touch {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 23px;
  top: 110px;
  left: 105px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 15px;
  font-weight: 300;
  line-height: 22.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 18;
}
.email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 23px;
  top: 140px;
  left: 105px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 15px;
  font-weight: 300;
  line-height: 22.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 18;
}
.all-rights-reserved {
  align-items: flex-start;
  color: #fff;
  display: flex;
  font-family: Inter, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  height: 46px;
  justify-content: flex-start;
  line-height: 22.5px;
  margin: 53px 0 0 90px;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: clip;
  width: 155px;
  z-index: 60;
}

/* Small Devices (Mobile Phones) */
@media (max-width: 576px) {
    .menu {
        height: 50px; /* Reduced height for mobile */
        margin: 20px 0 0 0; /* Reduced margin */
    }
    .styliassist-logo {
        width: 200px; /* Reduced width for mobile */
        height: 32px; /* Reduced height for mobile */
        top: 5px; /* Adjusted top position */
        left: 20px; /* Adjusted left position */
    }
    .request-demo {
        height: 25px; /* Reduced height for mobile */
        top: 5px; /* Adjusted top position */
        right: 10px; /* Adjusted right position */
        font-size: 16px; /* Reduced font size */
        line-height: 25px; /* Adjusted line height */
    }
    .banner-image {
        height: 450px; /* Reduced height for mobile */
        margin: 20px 0 0 0; /* Reduced margin */
    }
    .welcome-message {
        width: 90%; /* Full width for mobile */
        height: auto; /* Auto height */
        margin: 20px 0 0 10px; /* Adjusted margin */
        font-size: 3rem; /* Reduced font size */
        line-height: 4rem; /* Adjusted line height */
    }
    .effortless-style {
        white-space: break-spaces;
        height: auto; /* Auto height for mobile */
        margin: 20px 0 0 10px; /* Adjusted margin */
        font-size: 1.5rem; /* Reduced font size */
        line-height: 2rem; /* Adjusted line height */
    }
   .flex-row-ca {
        height: 800px; /* Auto height for mobile */
        margin: 50px 0 0 10px; /* Adjusted margin */
    }
    .dalle-image {
        min-width: 300px; /* Reduced minimum width for mobile */
        min-height: 300px; /* Reduced minimum height for mobile */
        max-width: 600px; /* Set max width to 90% */
        max-height: 300px; /* Adjusted max height */
        top: 10px; /* Adjusted positioning */
        left: -50px; /* Adjusted positioning */
    }
    .fashion-solution {
        height: auto; /* Auto height for mobile */
        top: 320px; /* Adjusted positioning */
        left: 10px; /* Adjusted positioning */
        font-size: 2rem; /* Reduced font size */
        line-height: 2.5rem; /* Adjusted line height */
    }
    .styliassist-solution {
        width: 90%; /* Set width to 90% for mobile */
        height: auto; /* Auto height for mobile */
        top: 360px; /* Adjusted positioning */
        left: 5%; /* Centered positioning */
        font-size: 16px; /* Reduced font size */
        line-height: 24px; /* Adjusted line height */
    }
    .flex-row-eac {
        height: 800px; /* Auto height for mobile */
        margin: 50px 0 0 10px; /* Adjusted margin for mobile */
    }
    .dalle-image-1 {
        min-width: 300px; /* Reduced minimum width for mobile */
        min-height: 300px; /* Reduced minimum height for mobile */
        max-width: 600px; /* Set max width to 90% */
        max-height: 300px; /* Adjusted max height */
        top: 10px; /* Adjusted positioning */
        left: -50px; /* Adjusted positioning */
    }
    .our-mission {
        height: auto; /* Auto height for mobile */
        top: 320px; /* Adjusted positioning */
        left: 10px; /* Adjusted positioning */
        font-size: 2rem; /* Reduced font size */
        line-height: 2.5rem; /* Adjusted line height */
    }
    .fashion-platform {
        width: 90%; /* Set width to 90% for mobile */
        height: auto; /* Auto height for mobile */
        top: 360px; /* Adjusted positioning */
        left: 5%; /* Centered positioning */
        font-size: 16px; /* Reduced font size */
        line-height: 24px; /* Adjusted line height */
    }
    .how-it-works {
        flex-direction: column; /* Stack items vertically on small screens */
        width: 90%; /* Set width to 90% for mobile */
        height: auto; /* Auto height for flexibility */
        margin: 10% 0 15% 0; /* Centered margin for mobile */
    }
    .fashion-advice {
        font-size: 24px; /* Reduced font size for mobile */
        line-height: 30px; /* Adjusted line height */
        height: auto; /* Auto height for flexibility */
        top: 15px;
    }
    .one-place {
        width: 90%; /* Set width to 90% for mobile */
        height: auto; /* Auto height for flexibility */
        font-size: 20px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
        top: 30px;
        left: 10%;
    }
    .image-sequence {
        width: 100%; /* Full width for mobile */
        height: 500px; /* Reduced height for mobile */
        margin: 20% 0 0 2%; /* Adjusted margin for mobile */
    }
    .image-step1 {
        width: 40%;
        height: 50%;
        top: 2%;
        left: 2%;
    }
    .image-step2 {
        width: 40%;
        height: 50%;
        top: 58%;
        left: 2%;
     }
    .tell-us {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        top: 2%; /* Adjusted top position */
        left: 45%; /* Adjusted left position */
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .explore-shop {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        top: 58%; /* Adjusted top position */
        left: 45%; /* Adjusted left position */
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .image-step3 {
        width: 100%; /* Full width for mobile */
        height: 550px; /* Adjust height for content */
        margin: 20% 0 0 2%; /* Adjusted margin for mobile */
    }
    .image-step4 {
        width: 40%;
        height: 50%;
        top: 2%;
        left: 2%;
      }
      .image-step5 {
        width: 40%;
        height: 50%;
        top: 58%;
        left: 2%;
      }
      .outfit-recommendations {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        left: 45%; /* Adjusted left position */
        top:2%;
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .save-favorites {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        top: 58%; /* Adjusted top position */
        left: 45%; /* Adjusted left position */
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .styliassist-features {
        font-size: 30px;
        line-height: 34px;
        margin-left: 50px;
    }
    .perfect-style-companion {
        font-size: 12px;
        line-height: 18px;
        left: 7%;
    }   
    .flex-row {
        width: 100%;
        height: 550px;
        margin: 10% 0 30% 0;
    }
    .personalized-fashion-wizard {
      width: 90%;
      height: 450px;
      left: 5%;
      transform: translateX(0);
      top:15%;
    }
    .group {
        width: 20px;
        height: 30px;
        top: 37%;
        left: 48%;
    }
    .personalized-fashion-wizard-2 {
        font-size: 20px;
        line-height: 27px;
        left: 5%;
    }
    .quick-questions {
        width: 90%;
        top: 97%;
        font-size: 0.875rem;
        height: auto;
        left: 5%;
        
    }
    .flex-row-d {
        width: 100%;
        height: 550px;
        margin: 10% 0 30% 0;
    }
    .occasion-based-suggestions {
        width: 90%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .occasion-based-suggestions-3 {
        font-size: 20px;
        line-height: 27px;
        left:5%;
    }
    .perfect-outfit {
        font-size: 1rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        top: 97%;
        width: 90%;
        left: 5%;
    }
    .flex-row-d-4 {
        width: 100%;
        height: 550px;
        margin: 10% 0 30% 0;
    }
    .real-time-shopping-options {
        width: 90%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .real-time-shopping-options-5 {
        font-size: 20px;
        line-height: 27px;
        left:5%;
    }
    .discover-where-to-buy {
        font-size: 1rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        top: 97%;
        width: 90%;
        left: 5%;
    }
    .flex-row-fd {
        width: 100%;
        height: 550px;
        margin: 10% 0 30% 0;
    }
    .sustainable-fashion-choices {
        width: 90%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .explore-eco-friendly-options {
        font-size: 20px;
        line-height: 27px;
        left:5%;
    }
    .flex-row-aefc {
        font-size: 1rem;
        line-height: 1.4;
        top: 97%;
        width: 90%;
        left: 5%;
    }
    .price-comparison {
        width: 100%;
        height: 550px;
        margin: 10% 0 30% 0;
    }
    .get-the-best-deals {
        width: 90%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .flex-row-ee {
        font-size: 20px;
        line-height: 27px;
        left:5%;
    }
    .text-1c {
        font-size: 1rem;
        line-height: 1.4;
        top: 97%;
        width: 90%;
        left: 5%;
    }
    .visualize-clothes-look {
        width: 100%;
        height: 550px;
        margin: 10% 0 30% 0;
    }
    .virtual-try-on {
        width: 90%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .text-1a {
        font-size: 20px;
        line-height: 27px;
        left:5%;
    }
    .text-1b {
        font-size: 1rem;
        line-height: 1.4;
        top: 97%;
        width: 90%;
        left: 5%;
    }
    .the-future-of-fashion-is-here {
        font-size: 1.5rem; /* Adjust font size for very small screens */
        line-height: 1.2;
        margin-left: 10px;
        margin-right: 10px;
    }
    .more-info {
        font-size: 1rem;
        left: 5%;
        transform: translateX(0);
        width: 90%;
        height: 200px;
        white-space: pre-line;
        top: 5%;
    }
    .button-contact {
        width: 150px;
        height: 40px;
        margin: 0 0px 0px 30%;
    }
    .rectangle {
        height: 300px; /* Adjust height for very small screens */
    }
    .frame {
        width: 90%;
        height: 200px;
        margin: 40px 10px 0;
    }
    .get-in-touch {
        font-size: 0.875rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        left: 5%;
        transform: translateX(0);
    }
    .email {
        font-size: 0.875rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        left: 5%;
        transform: translateX(0);
    }
    .all-rights-reserved {
        font-size: 0.875rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        /* margin: 20px auto 0; */
        margin-left: 5%;
    }
  }
/* Medium Devices (Tablets) */
@media (min-width: 577px) and (max-width: 768px) {
    .menu {
        height: 55px; /* Slightly increased height for tablets */
        margin: 25px 0 0 0; /* Adjusted margin */
    }
    .styliassist-logo {
        width: 200px; /* Adjusted width for tablets */
        height: 32px; /* Adjusted height for tablets */
        top: 6px; /* Adjusted top position */
        left: 50px; /* Adjusted left position */
    }
    .request-demo {
        height: 28px; /* Slightly reduced height for tablets */
        top: 6px; /* Adjusted top position */
        right: 15px; /* Adjusted right position */
        font-size: 18px; /* Adjusted font size */
        line-height: 28px; /* Adjusted line height */
    }
    .banner-image {
        height: 500px; /* Adjusted height for tablets */
        margin: 30px 0 0 0; /* Adjusted margin */
    }
    .welcome-message {
        width: 80%; /* Reduced width for tablets */
        height: auto; /* Auto height */
        margin: 30px 0 0 20px; /* Adjusted margin */
        font-size: 4.5rem; /* Reduced font size */
        line-height: 5.5rem; /* Adjusted line height */
    }
    .effortless-style {
        height: auto; /* Auto height for tablets */
        margin: 30px 0 0 20px; /* Adjusted margin */
        font-size: 1.75rem; /* Slightly reduced font size */
        line-height: 2.2rem; /* Adjusted line height */
    }
    .flex-row-ca {
        height: 1000px; /* Auto height for tablets */
        margin: 10% 0 0 2% /* Adjusted margin */
    }
    .dalle-image {
        min-width: 350px; /* Reduced minimum width for tablets */
        min-height: 350px; /* Reduced minimum height for tablets */
        max-width: 100%; /* Set max width to 80% */
        max-height: 500px; /* Adjusted max height */
        top: 5%; /* Adjusted positioning */
        left: 5%; /* Adjusted positioning */
    }
    .fashion-solution {
        height: auto; /* Auto height for tablets */
        top: 55%; /* Adjusted positioning */
        left: 5%; /* Adjusted positioning */
        font-size: 2.5rem; /* Reduced font size */
        line-height: 3rem; /* Adjusted line height */
    }
    .styliassist-solution {
        width: 80%; /* Set width to 80% for tablets */
        height: auto; /* Auto height for tablets */
        top: 60%; /* Adjusted positioning */
        left: 6%; /* Centered positioning */
        font-size: 18px; /* Reduced font size */
        line-height: 28px; /* Adjusted line height */
    }
    .flex-row-eac {
        height: 1000px; /* Original height for large screens */
        margin: 10% 0 0 2%; /* Original margin */
    }
    .dalle-image-1 {
        min-width: 350px; /* Reduced minimum width for tablets */
        min-height: 350px; /* Reduced minimum height for tablets */
        max-width: 100%; /* Set max width to 80% */
        max-height: 500px; /* Adjusted max height */
        top: 5%; /* Adjusted positioning */
        left: 5%; /* Adjusted positioning */
    }
    .our-mission {
        height: auto; /* Auto height for tablets */
        top: 55%; /* Adjusted positioning */
        left: 5%; /* Adjusted positioning */
        font-size: 2.5rem; /* Reduced font size */
        line-height: 3rem; /* Adjusted line height */
    }
    .fashion-platform {
        width: 80%; /* Set width to 80% for tablets */
        height: auto; /* Auto height for tablets */
        top: 60%; /* Adjusted positioning */
        left: 6%; /* Centered positioning */
        font-size: 18px; /* Reduced font size */
        line-height: 28px; /* Adjusted line height */
    }
    .how-it-works {
        width: 80%; /* Set width to 80% for tablets */
        height: auto; /* Auto height for flexibility */
        margin:10% 0; /* Centered margin for tablets */
    }
    .fashion-advice {
        font-size: 36px; /* Reduced font size for tablets */
        line-height: 40px; /* Adjusted line height */
        height: auto; /* Auto height for flexibility */
        margin-right: 5%;
    }
    .one-place {
        width: 60%; /* Set width to 80% for tablets */
        height: auto; /* Auto height for flexibility */
        font-size: 24px; /* Reduced font size for tablets */
        line-height: 28px; /* Adjusted line height */
    }
    .image-sequence {
        width: 100%; /* Full width for mobile */
        height: 500px; /* Reduced height for mobile */
        margin: 20% 0 0 2%; /* Adjusted margin for mobile */
    }
    .image-step1 {
        width: 40%;
        height: 50%;
        top: 2%;
        left: 2%;
    }
    .image-step2 {
        width: 40%;
        height: 50%;
        top: 58%;
        left: 2%;
     }
    .tell-us {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        top: 2%; /* Adjusted top position */
        left: 45%; /* Adjusted left position */
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .explore-shop {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        top: 58%; /* Adjusted top position */
        left: 45%; /* Adjusted left position */
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .image-step3 {
        width: 100%; /* Full width for mobile */
        height: 550px; /* Adjust height for content */
        margin: 20% 0 0 2%; /* Adjusted margin for mobile */
    }
    .image-step4 {
        width: 40%;
        height: 50%;
        top: 2%;
        left: 2%;
      }
      .image-step5 {
        width: 40%;
        height: 50%;
        top: 58%;
        left: 2%;
      }
      .outfit-recommendations {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        left: 45%; /* Adjusted left position */
        top:2%;
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .save-favorites {
        width: 50%; /* Full width for mobile */
        height: auto; /* Adjust height for content */
        top: 58%; /* Adjusted top position */
        left: 45%; /* Adjusted left position */
        font-size: 16px; /* Reduced font size for mobile */
        line-height: 24px; /* Adjusted line height */
    }
    .styliassist-features {
        font-size: 30px;
        line-height: 34px;
        margin-left: 30%;
    }
    .perfect-style-companion {
        font-size: 12px;
        line-height: 18px;
        left: 27%;
    }   
    .flex-row {
        width: 100%;
        height: 450px;
        margin: 10% 0;
    }
    .personalized-fashion-wizard {
      width: 50%;
      height: 450px;
      left: 5%;
      transform: translateX(0);
      top:15%;
    }
    .group {
        width: 20px;
        height: 30px;
        top: 37%;
        left: 48%;
    }
    .personalized-fashion-wizard-2 {
        font-size: 20px;
        line-height: 27px;
        left: 57%;
        top: 15%;
    }
    .quick-questions {
        width: 40%;
        top: 24%;
        font-size: 0.875rem;
        height: auto;
        left: 58%;
        
    }
    .flex-row-d {
        width: 100%;
        height: 450px;
        margin: 10% 0;
    }
    .occasion-based-suggestions {
        width: 50%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .occasion-based-suggestions-3 {
        font-size: 20px;
        line-height: 27px;
        left: 57%;
        top: 15%;
    }
    .perfect-outfit {
        width: 40%;
        top: 24%;
        font-size: 0.875rem;
        height: auto;
        left: 58%;
    }
    .flex-row-d-4 {
        width: 100%;
        height: 450px;
        margin: 10% 0;
    }
    .real-time-shopping-options {
        width: 50%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .real-time-shopping-options-5 {
        font-size: 20px;
        line-height: 27px;
        left:57%;
        top:15%;
    }
    .discover-where-to-buy {
        width: 40%;
        top: 24%;
        font-size: 0.875rem;
        height: auto;
        left: 58%;
    }
    .flex-row-fd {
        width: 100%;
        height: 450px;
        margin: 10% 0;
    }
    .sustainable-fashion-choices {
        width: 50%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .explore-eco-friendly-options {
        font-size: 20px;
        line-height: 27px;
        left:57%;
        top:15%;
    }
    .flex-row-aefc {
        width: 40%;
        top: 24%;
        font-size: 0.875rem;
        height: auto;
        left: 58%;
    }
    .price-comparison {
        width: 100%;
        height: 450px;
        margin: 10% 0;
    }
    .get-the-best-deals {
        width: 50%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .flex-row-ee {
        font-size: 20px;
        line-height: 27px;
        left:57%;
        top:15%;
    }
    .text-1c {
        width: 40%;
        top: 24%;
        font-size: 0.875rem;
        height: auto;
        left: 58%;
    }
    .visualize-clothes-look {
        width: 100%;
        height: 450px;
        margin: 10% 0 20% 0;
    }
    .virtual-try-on {
        width: 50%;
        height: 450px;
        left: 5%;
        transform: translateX(0);
        top:15%;
    }
    .text-1a {
        font-size: 20px;
        line-height: 27px;
        left:57%;
        top:15%;
    }
    .text-1b {
        width: 40%;
        top: 24%;
        font-size: 0.875rem;
        height: auto;
        left: 58%;
    }
    .the-future-of-fashion-is-here {
        font-size: 1.5rem; /* Adjust font size for very small screens */
        line-height: 1.2;
        margin-left: 30%;
    }
    .more-info {
        font-size: 1rem;
        left: 20%;
        transform: translateX(0);
        width: 70%;
        height: 200px;
        white-space: pre-line;
        top: 5%;
    }
    .button-contact {
        width: 150px;
        height: 40px;
        margin: 0 0px 0px 40%;
    }
    .rectangle {
        height: 300px; /* Adjust height for very small screens */
    }
    .frame {
        width: 90%;
        height: 200px;
        margin: 40px 10px 0;
    }
    .get-in-touch {
        font-size: 0.875rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        left: 5%;
        transform: translateX(0);
    }
    .email {
        font-size: 0.875rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        left: 5%;
        transform: translateX(0);
    }
    .all-rights-reserved {
        font-size: 0.875rem; /* Adjust font size for very small screens */
        line-height: 1.4;
        /* margin: 20px auto 0; */
        margin-left: 5%;
    }
  }

/* Large Devices (Desktops) */
@media (min-width: 769px) and (max-width: 1024px) {
    .menu {
        height: 60px; /* Default height for smaller desktops */
        margin: 30px 0 0 0; /* Adjusted margin */
    }
    .styliassist-logo {
        width: 200px; /* Slightly adjusted width for smaller desktops */
        height: 32px; /* Slightly adjusted height */
        top: 7px; /* Retained top position */
        left: 80px; /* Adjusted left position */
    }
    .request-demo {
        height: 30px; /* Default height for smaller desktops */
        top: 8px; /* Retained top position */
        right: 20px; /* Retained right position */
        font-size: 20px; /* Default font size */
        line-height: 30px; /* Default line height */
    }
    .banner-image {
        height: 600px; /* Adjusted height for smaller desktops */
        margin: 40px 0 0 0; /* Adjusted margin */
    }
    .welcome-message {
        width: 70%; /* Further reduced width for larger tablets */
        height: auto; /* Auto height */
        margin: 38px 0 0 50px; /* Adjusted margin */
        font-size: 5rem; /* Slightly reduced font size */
        line-height: 6rem; /* Adjusted line height */
    }
    .effortless-style {
        height: auto; /* Auto height for larger tablets */
        margin: 40px 0 0 50px; /* Adjusted margin */
        font-size: 2rem; /* Reduced font size */
        line-height: 2.5rem; /* Adjusted line height */
    }
    .flex-row-ca {
        height: 636px; /* Reduced height for larger tablets */
        margin:5% 0; /* Adjusted margin */
    }
    .dalle-image {
        min-width: 200px; /* Original minimum width for larger tablets */
        min-height: 200px; /* Original minimum height */
        max-width: 50%; /* Set max width to 70% */
        max-height: 600px; /* Adjusted max height */
        top: 5%; /* Adjusted positioning */
        left: 2%; /* Adjusted positioning */
    }
    .fashion-solution {
        height: auto; /* Auto height for larger tablets */
        top: 5%; /* Adjusted positioning */
        left: 55%; /* Adjusted positioning */
        font-size: 3rem; /* Reduced font size */
        line-height: 3.5rem; /* Adjusted line height */
    }
    .styliassist-solution {
        width: 40%;
        height: auto;
        top: 15%;
        left: 58%;
        font-size: 19px;
        line-height: 28px;
    }
    .flex-row-eac {
        height: 636px; /* Original height for large screens */
        margin: 5% 0; /* Original margin */
    }
    .dalle-image-1 {
        min-width: 200px; /* Original minimum width for larger tablets */
        min-height: 200px; /* Original minimum height */
        max-width: 50%; /* Set max width to 70% */
        max-height: 600px; /* Adjusted max height */
        top: 5%; /* Adjusted positioning */
        left: 2%; /* Adjusted positioning */
    }
    .our-mission {
        height: auto; /* Auto height for larger tablets */
        top: 5%; /* Adjusted positioning */
        left: 55%; /* Adjusted positioning */
        font-size: 3rem; /* Reduced font size */
        line-height: 3.5rem; /* Adjusted line height */
    }
    .fashion-platform {
        width: 40%;
        height: auto;
        top: 15%;
        left: 58%;
        font-size: 19px;
        line-height: 28px;
    }
    .how-it-works {
        width: 100%; /* Set width to 70% for larger tablets */
        height: 136px; /* Maintain original height */
        margin: 20% auto; /* Centered margin for larger tablets */
    }
    .fashion-advice {
        font-size: 48px; /* Adjusted font size for larger tablets */
        line-height: 55px; /* Adjusted line height */
        height: 68px; /* Maintain original height */
    }
    .one-place {
        width: 40%; /* Set width to 70% for larger tablets */
        height: 136px; /* Maintain original height */
        font-size: 28px; /* Adjusted font size for larger tablets */
        line-height: 32px; /* Adjusted line height */
    }
    .image-sequence {
        width: 90%; /* Set width to 80% for tablets */
        height: 310px; /* Reduced height for tablets */
        margin: 50px 0; /* Adjusted margin for tablets */
    }
    .image-step1 {
        width: 200px; /* Adjusted width for medium screens */
        height: 300px; /* Adjusted height for medium screens */
        top: 0; /* Original top position */
        left: 0; /* Original left position */
    }
    .image-step2 {
        width: 200px; /* Adjusted width for medium screens */
        height: 300px; /* Adjusted height for medium screens */
        top: 0; /* Original top position */
        left: 60%; /* Adjusted left position for medium screens */
    }
    .tell-us {
        width: 300px; /* Adjusted width for medium screens */
        height: auto; /* Adjust height for content */
        top: 10px; /* Adjusted top position */
        left: 26%; /* Adjusted left position */
        font-size: 18px; /* Slightly reduced font size */
        line-height: 28px; /* Adjusted line height */
    }
    .explore-shop {
        width: 200px; /* Adjusted width for medium screens */
        height: auto; /* Adjust height for content */
        top: 10px; /* Adjusted top position */
        left: 86%; /* Adjusted left position */
        font-size: 18px; /* Slightly reduced font size */
        line-height: 28px; /* Adjusted line height */
    }
    .image-step3 {
        width: 90%; /* Set width to 80% for tablets */
        height: 310px; /* Reduced height for tablets */
        margin: 50px 0; /* Adjusted margin for tablets */
    }
    .image-step4 {
        width: 200px; /* Adjusted width for medium screens */
        height: 300px; /* Adjusted height for medium screens */
        top: 0; /* Original top position */
        left: 0; /* Original left position */
      }
      .image-step5 {
        width: 200px; /* Adjusted width for medium screens */
        height: 300px; /* Adjusted height for medium screens */
        top: 0; /* Original top position */
        left: 60%; /* Adjusted left position for medium screens */
      }
      .outfit-recommendations {
        width: 250px; /* Adjusted width for medium screens */
        height: auto; /* Adjust height for content */
        top: 10px; /* Adjusted top position */
        left: 26%; /* Adjusted left position */
        font-size: 18px; /* Slightly reduced font size */
        line-height: 28px; /* Adjusted line height */
    }
    .save-favorites {
        width: 200px; /* Adjusted width for medium screens */
        height: auto; /* Adjust height for content */
        top: 10px; /* Adjusted top position */
        left: 86%; /* Adjusted left position */
        font-size: 18px; /* Slightly reduced font size */
        line-height: 28px; /* Adjusted line height */
    }
    .styliassist-features {
        font-size: 50px;
        line-height: 56px;
        margin-left: 200px;
        top:5px;
    }
    .perfect-style-companion {
        font-size: 16px;
        line-height: 24px;
        left: 200px;
        top:5px;
    }
    .flex-row {
        width: 80%;
        height: 400px;
        margin: 0;
    }
    .personalized-fashion-wizard {
        width: 80%;
        height: 400px;
        background-size: contain;
        left: -120px;
    }
    .group {
        width: 28px;
        height: 45px;
        top: 34%;
        left: 48%;
    }
    .personalized-fashion-wizard-2 {
        font-size: 30px;
        line-height: 54px;
        left: 55%;
        top: -10px;
    }
    .quick-questions {
        width: 70%;
        top: 12%;
        left: 55%;
        font-size: 1.125rem; /* Adjust font size for medium screens */
    }
    .flex-row-d {
        width: 80%;
        height: 400px;
        margin: 5% 0;
    }
    .occasion-based-suggestions {
        width: 80%;
        height: 400px;
        background-size: contain;
        left: -120px;
    }
    .occasion-based-suggestions-3 {
        font-size: 30px;
        line-height: 54px;
        left: 55%;
        top: -10px;
    }
    .perfect-outfit {
        width: 70%;
        top: 12%;
        left: 55%;
        font-size: 1.125rem; /* Adjust font size for medium screens */
        height: auto;
    }
    .flex-row-d-4 {
        width: 80%;
        height: 400px;
        margin: 0;
    }
    .real-time-shopping-options {
        width: 80%;
        height: 400px;
        background-size: contain;
        left: -120px;
    }
    .real-time-shopping-options-5 {
        font-size: 30px;
        line-height: 54px;
        left: 55%;
        top: -10px;
    }
    .discover-where-to-buy {
        width: 70%;
        top: 12%;
        left: 55%;
        font-size: 1.125rem; /* Adjust font size for medium screens */
        height: auto;
    }
    .flex-row-fd {
        width: 80%;
        height: 400px;
        margin: 5% 0;
    }
    .sustainable-fashion-choices {
        width: 80%;
        height: 400px;
        background-size: contain;
        left: -120px;
    }
    .explore-eco-friendly-options {
        font-size: 30px;
        line-height: 54px;
        left: 55%;
        top: -10px;
    }
    .flex-row-aefc {
        width: 70%;
        top: 12%;
        left: 55%;
        font-size: 1.125rem; /* Adjust font size for medium screens */
        height: auto;
    }
    .price-comparison {
        width: 80%;
        height: 400px;
        margin: 5% 0;
    }
    .get-the-best-deals {
        width: 80%;
        height: 400px;
        background-size: contain;
        left: -120px;
    }
    .flex-row-ee {
        font-size: 30px;
        line-height: 54px;
        left: 55%;
        top: -10px;
    }
    .text-1c {
        width: 70%;
        top: 12%;
        left: 55%;
        font-size: 1.125rem; /* Adjust font size for medium screens */
        height: auto;
    }
    .visualize-clothes-look {
        width: 80%;
        height: 400px;
        margin: 5% 0;
    }
    .virtual-try-on {
        width: 80%;
        height: 400px;
        background-size: contain;
        left: -120px;
    }
    .text-1a {
        font-size: 30px;
        line-height: 54px;
        left: 55%;
        top: -10px;
    }
    .text-1b {
        width: 70%;
        top: 12%;
        left: 55%;
        font-size: 1.125rem; /* Adjust font size for medium screens */
        height: auto;
    }
    .the-future-of-fashion-is-here {
        font-size: 2.5rem; /* Adjust font size for medium screens */
        line-height: 1.35;
        margin-left: 20%;
        margin-right: 30px;
    }
    .more-info {
        font-size: 1.25rem; /* Adjust font size for medium screens */
        left: 15%;
        transform: translateX(0);
        width: 90%;
        white-space: pre-line;
    }
    .button-contact {
        width: 100%;
        max-width: 140px; /* Adjust width for medium screens */
        padding: 10px;
        margin: 10% 0 0 45%;
    }
    .rectangle {
        height: 400px; /* Adjust height for medium screens */
    }
    .frame {
        width: 70%;
        height: 300px;
        margin: 90px 30px 0; /* Adjust margin for medium screens */
    }
    .get-in-touch {
        font-size: 1rem; /* Adjust font size for medium screens */
        line-height: 1.5;
        left: 15%;
        transform: translateX(0);
    }
    .email {
        font-size: 1rem; /* Adjust font size for medium screens */
        line-height: 1.5;
        left: 15%;
        transform: translateX(0);
    }
    .all-rights-reserved {
        font-size: 1rem; /* Adjust font size for medium screens */
        line-height: 1.5;
        margin: 2% 0 0 15%;
    }
  }

/* Extra Large Devices (Large Desktops) */
@media (min-width: 1025px) {
    .menu {
        height: 70px; /* Increased height for large screens */
        margin: 34px 0 0 0; /* Original margin */
    }
    .styliassist-logo {
        width: 200px; /* Original width for large screens */
        height: 32px; /* Original height */
        top: 7px; /* Original top position */
        left: 106px; /* Original left position */
    }
    .request-demo {
        height: 30px; /* Original height for large screens */
        top: 8px; /* Original top position */
        right: 20px; /* Original right position */
        font-size: 20px; /* Original font size */
        line-height: 30px; /* Original line height */
    }
    .banner-image {
        height: 772px; /* Original height for large screens */
        margin: 46px 0 0 0; /* Original margin */
    }
    .welcome-message {
        width: 1023px; /* Original width for large screens */
        height: 348px; /* Original height */
        margin: 38px 0 0 100px; /* Original margin */
        font-size: 6rem; /* Original font size */
        line-height: 7.261rem; /* Original line height */
    }
    .effortless-style {
        height: 44px; /* Original height for large screens */
        margin: 56px 0 0 106px; /* Original margin */
        font-size: 2.25rem; /* Original font size */
        line-height: 2.723rem; /* Original line height */
    }
    .flex-row-ca {
        height: 636px; /* Original height for large screens */
        margin: 100px 0 0 106px; /* Original margin */
    }
    .dalle-image {
        width: 50%; /* Original maximum width */
        height: 636px; /* Original maximum height */
        top: 0; /* Original positioning */
        left: -10%; /* Original positioning */
    }
    .fashion-solution {
        height: 68px; /* Original height for large screens */
        top: 2%; /* Original positioning */
        left: 42%; /* Original positioning */
        font-size: 3.75rem; /* Original font size */
        line-height: 4.219rem; /* Original line height */
    }
    .styliassist-solution {
        width: 48%; /* Original width for large screens */
        height: auto; /* Original height */
        top: 15%; /* Original positioning */
        left: 44%; /* Original positioning */
        font-size: 20px; /* Original font size */
        line-height: 30px; /* Original line height */
    }
    .flex-row-eac {
        height: 636px; /* Original height for large screens */
        margin: 100px 0 0 121px; /* Original margin */
    }
    .dalle-image-1 {
        width: 50%; /* Original width for large screens */
        height: 636px; /* Original height */
        top: 0; /* Original positioning */
        left: 40%; /* Original positioning */
    }
    .our-mission {
        font-size: 60px; /* Original font size for large screens */
        line-height: 67.5px; /* Original line height */
        top: 5%; /* Original positioning */
        height: 68px; /* Original height */
        left:-5%
    }
    .fashion-platform {
        width: 40%; /* Original width for large screens */
        height: auto; /* Original height */
        top: 18%; /* Original positioning */
        font-size: 20px; /* Original font size */
        line-height: 30px; /* Original line height */
        left: -3%;
    }
    .how-it-works {
        width: 1240px; /* Original width for large screens */
        height: 136px; /* Original height */
        margin: 100px 0 0 100px; /* Original margin */
    }
    .fashion-advice {
        font-size: 60px; /* Original font size for large screens */
        line-height: 67.5px; /* Original line height */
        height: 68px; /* Original height */
    }
    .one-place {
        width: 610px; /* Original width for large screens */
        height: 136px; /* Original height */
        font-size: 30px; /* Original font size */
        line-height: 33.75px; /* Original line height */
    }
    .image-sequence {
        width: 100%; /* Original width for larger screens */
        height: 250px; /* Original height */
        margin: 10% 0 0 5%; /* Original margin */
    }
    .image-step1 {
        width: 24%;
        height: 270px;
        top: 0;
        left: 0;
    }
    .image-step2 {
        width: 24%;
        height: 270px;
        top: 0;
        left: 48%;
    }
    .tell-us {
        width: 22%;
        height: 180px;
        top: 2%;
        left: 26%;
        font-size: 20px;
        line-height: 30px;
    }
    .explore-shop {
        width: 22%;
        height: 180px;
        top: 2%;
        left: 73%;
        font-size: 20px;
        line-height: 30px;
    }
    .image-step3 {
        width: 100%; /* Original width for larger screens */
        height: 250px; /* Original height */
        margin: 10% 0 10% 5%; /* Original margin */
    }
    .image-step4 {
        width: 24%;
        height: 270px;
        top: 0;
        left: 0;
      }
      .image-step5 {
        width: 24%;
        height: 270px;
        top: 0;
        left: 48%;
      }
      .outfit-recommendations {
        width: 22%;
        height: 180px;
        top: 2%;
        left: 26%;
        font-size: 20px;
        line-height: 30px;
    }
    .save-favorites {
        width: 22%;
        height: 180px;
        top: 2%;
        left: 73%;
        font-size: 20px;
        line-height: 30px;
    }
    .styliassist-features {
        font-size: 60px;
        line-height: 67.5px;
        margin-left: 30%;
    }
    .perfect-style-companion {
        font-size: 20px;
        line-height: 30px;
        left: 27%;
    }
    .flex-row {
        width: 100%;
        height: 580px;
        margin: 15% 0 0 5%;
    }
    .personalized-fashion-wizard {
        width: 50%;
        height: 500px;
        background-size: contain;
        left: -5%;
    }
    .group {
        width: 30px;
        height: 50px;
        top: 35%;
        left: 48%;
    }
    .personalized-fashion-wizard-2 {
        font-size: 2.5rem;
        line-height: 1.35;
        left: 40%;
        top: 2%;
    }
    .quick-questions {
        width: 45%;
        top: 15%;
        font-size: 1.25rem;
        height: auto;
        left: 40%;
    }
    .flex-row-d {
        width: 100%;
        height: 580px;
        margin: 15% 0 0 5%;
    }
    .occasion-based-suggestions {
        width: 50%;
        height: 500px;
        left: 48%;
        transform: translateX(0);
        background-size: contain;
    }
    .occasion-based-suggestions-3 {
        font-size: 2.5rem; /* Adjust font size for larger screens */
        line-height: 1.35;
        left: 10%;
        top:2%;
        
    }
    .perfect-outfit {
        font-size: 1.5rem; /* Adjust font size for larger screens */
        line-height: 1.6;
        left:10%;
        top: 15%;
    }
    .flex-row-d-4 {
        width: 100%;
        height: 580px;
        margin: 15% 0 0 5%;
    }
    .real-time-shopping-options {
        width: 50%;
        height: 500px;
        background-size: contain;
        left: -5%;
    }
    .real-time-shopping-options-5 {
        font-size: 2.5rem;
        line-height: 1.35;
        left: 40%;
        top: 2%;
    }
    .discover-where-to-buy {
        width: 45%;
        top: 15%;
        font-size: 1.25rem;
        height: auto;
        left: 40%;
    }
    .flex-row-fd {
        width: 100%;
        height: 580px;
        margin: 15% 0 0 5%;
    }
    .sustainable-fashion-choices {
        width: 50%;
        height: 500px;
        left: 48%;
        transform: translateX(0);
        background-size: contain;
    }
    .explore-eco-friendly-options {
       font-size: 2.5rem; /* Adjust font size for larger screens */
        line-height: 1.35;
        left: 10%;
        top: 2%;
    }
    .flex-row-aefc {
        font-size: 1.5rem; /* Adjust font size for larger screens */
        line-height: 1.6;
        left:10%;
        top:15%;
    }
    .price-comparison {
        width: 100%;
        height: 580px;
        margin: 15% 0 0 5%;
    }
    .get-the-best-deals {
        width: 50%;
        height: 500px;
        background-size: contain;
        left: -5%;
    }
    .flex-row-ee {
        font-size: 2.5rem; /* Adjust font size for larger screens */
        line-height: 1.35;
        left: 40%;
        top:2%;
    }
    .text-1c {
        width: 50%;
        top: 15%;
        font-size: 1.25rem; /* Adjust font size for larger screens */
        height: auto;
        left: 40%;
    }
    .visualize-clothes-look {
        width: 100%;
        height: 580px;
        margin: 15% 0 0 5%;
    }
    .virtual-try-on {
        width: 50%;
        height: 500px;
        left: 48%;
        transform: translateX(0);
        background-size: contain;
    }
    .text-1a {
        font-size: 2.5rem; /* Adjust font size for larger screens */
        line-height: 1.35;
        left: 10%;
        top:2%;
    }
    .text-1b {
        font-size: 1.5rem; /* Adjust font size for larger screens */
        line-height: 1.6;
        left:10%;
        top: 15%;
    }
    .the-future-of-fashion-is-here {
        font-size: 3.75rem; /* Adjust font size for larger screens */
        line-height: 1.125;
        margin-left: 20%;
    }
    .more-info {
        font-size: 1.5rem; /* Adjust font size for larger screens */
        left: 20%;
        transform: translateX(0);
        white-space: pre-line;
        width: 80%;
        height: auto;
    }
    .button-contact {
        width: 100%;
        max-width: 150px; /* Adjust width for larger screens */
        padding: 10px;
        margin: 5% 0 0 45%;
    }
    .rectangle {
        height: 420px; /* Adjust height for larger screens */
    }
    .frame {
        width: 60%;
        height: 300px;
        margin: 100px 50px 0; /* Adjust margin for larger screens */
    }
    .get-in-touch {
        font-size: 1.125rem; /* Adjust font size for larger screens */
        line-height: 1.5;
        left: 10%;
        transform: translateX(0);
    }
    .email {
        font-size: 1.125rem; /* Adjust font size for larger screens */
        line-height: 1.5;
        left: 10%;
        transform: translateX(0);
    }
    .all-rights-reserved {
        font-size: 1.125rem; /* Adjust font size for larger screens */
        line-height: 1.5;
        margin: 2% 0 0 10%;
        width: 100%;
        height: auto;
    }
  }