* {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
              font-family: Arial, sans-serif;
          }

          body {
              width: 100%;
              background-color: white;
          }

          .nav-right {
              display: flex;
              align-items: center;
          }


          @media (max-width: 1000px) {
              .nav-right {
                  display: none;
              }
          }

          .navbar {
              display: flex;
              justify-content: flex-end;
              align-items: center;
              padding: 20px 50px;
              background: white;
              position: relative;
          }

          .web-name {
              /* display: flex;
              align-items: center; */
              position: absolute;
              left: 20px;

          }
          .web-name a {
            text-decoration: none;
             display: flex;
              align-items: center;
          }

          .dot {
              font-family: Arial, Helvetica, sans-serif !important;
              color: #EBD96B !important;
          }

          @media (max-width: 1000px) {
              .web-name {
                  left: 50px;
                  top: 20px
              }

              .web-name {

                  left: 5px;

              }
          }

          .web-name img {
              height: 30px;
          }

          .web-name span {
              font-size: 30px;
              color: rgb(19, 19, 19);
              font-weight: 700;
              vertical-align: middle;
              font-family: 'Courier New', Courier, monospace;
          }

          .nav-links {
              display: flex;
              gap: 20px;
              list-style: none;
              margin-left: 13px;
              padding: 5px 10px;
          }

          .nav-links li a {
              text-decoration: none;
              color: black;
              /* font-weight: bold; */
              font-size: 14px;

          }

          .nav-links li {
              padding: 5px 10px;
          }

          .nav-links .active {
              background-color: #EBD96B;
          }

          .sign-up {
              background: black;
              text-decoration: none;
              color: white;
              border: none;
              padding: 10px 20px;
              cursor: pointer;
              border-radius: 5px;
              margin-left: 20px;
          }

          .sign-up a {
              text-decoration: none;
              color: white;
          }

          @media (max-width: 1000px) {
              .hero-page {
                  margin-top: 40px;
              }
          }

          .hero-page {
              z-index: -2;
              width: 94%;
              height: 500px;
              background-color: rgb(236, 241, 231);
              margin-left: auto;
              margin-right: auto;
              margin-bottom: 40px;
              border-radius: 20px;
              display: flex;
              align-items: center;
              padding: 40px 100px;
              position: relative;
          }

          @media (max-width: 430px) {
              .hero-page {
                  padding: 40px 50px;
              }
          }

          .hero h1 {
              font-size: 50px;
              line-height: 1.3;
              font-weight: 800;
          }

          @media (max-width: 350px) {
              .hero h1 {
                  font-size: 30px;
              }
          }

          .hero .span-1 {
              background: rgb(247, 246, 245);
              padding: 8px;
              line-height: .5;
          }

          .hero .span-2 {
              background: rgb(235, 217, 107);
              padding: 8px;
              line-height: .5;
          }

          .hero p {
              font-size: 14px;
          }

          .shop-btn {
              margin-top: 20px;
              background: black;
              color: rgb(255, 255, 255);
              padding: 10px 20px;
              border: none;
              cursor: pointer;
              border-radius: 8px;
          }


          .hero-image img {
              max-width: 100%;
              height: 450px;
              position: absolute;
              z-index: -1;
              bottom: 0;
              right: 170px;
          }

          @media (max-width: 1050px) {
              .hero-image img {
                  right: 40px;
              }
          }

          @media (max-width: 950px) {
              .hero-image img {
                  right: 0px;
              }
          }

          @media (max-width: 850px) {
              .hero-image img {
                  height: 350px;
              }
          }

          @media (max-width: 730px) {
              .hero-image img {
                  display: none;
              }
          }

          /* .star {
                z-index: -2;
                position: absolute;
            } */


          .brands {
              /* display: flex; */
              /* align-items: center; */
              padding: 15px 20px;
              background: rgb(235, 217, 107);
          }

          .brand-logos {
              display: flex;
              justify-content: space-between;
              gap: 20px;
              overflow: hidden;
              align-items: center;
          }

          .brand-logo-img {
              max-height: 30px;
              /* margin: 0 10px; */

          }

          .brand-logo-img-2 {
              max-height: 60px;
          }

          .brand-logo-img-4 {
              max-height: 25px;
          }

          .brand-logo-img-6 {
              max-height: 50px;
          }

          @media (max-width: 1100px) {
              .brand-logo-img-a-6 {
                  display: none;
              }

              .brand-logo-img {
                  max-width: 80px;
              }
          }

          @media (max-width: 950px) {
              .brand-logo-img {
                  max-width: 70px;
              }

              .brand-logo-img-a-5 {
                  display: none;
              }

          }

          @media (max-width: 830px) {
              .brand-logo-img {
                  max-width: 60px;
              }

              /* .brand-logo-img-3 {
                    display: none;
                }  */
              .brands {
                  padding: 15px 10px;

              }

              .brand-logos {
                  gap: 30px;
              }
          }


          /* Hamburger Icon */
          @media (min-width: 1000px) {
              .hamburger {
                  display: none;
              }
          }

          .hamburger {
              /* background-color: #222; */
              position: absolute;
              top: 20px;
              right: 20px;
              cursor: pointer;
              z-index: 1001;
          }

          .hamburger div {
              width: 30px;
              height: 3px;
              background-color: rgb(18, 17, 17);
              margin: 6px 0;
              transition: 0.4s;
          }

          /* Menu Overlay */
          .menu {
              position: fixed;
              top: 0;
              right: -100%;
              width: 200px;
              padding-bottom: 40px;
              /* height: 100%; */
              background: rgb(235, 217, 107);
              color: white;
              transition: right 0.4s ease-in-out;
              padding-top: 60px;
              padding-left: 40px;
              z-index: 4;
          }

          .menu li a {
              display: block;
              padding: 15px 20px;
              text-decoration: none;
              color: white;
              font-size: 14px;
              transition: 0.3s;

          }

          .menu a {
              text-decoration: none;
              color: #000;
          }

          .sign-up-menu {
              background: rgb(250, 248, 248);
              color: rgb(16, 16, 16);
              border: none;
              padding: 10px 20px;
              cursor: pointer;
              border-radius: 5px;
              margin-left: 20px;
              margin-top: 20px;

          }

          /* .menu a:hover {
              background: gray;
          } */

          /* Hide Checkbox */
          #menu-toggle {
              display: none;
          }

          /* When Checkbox is Checked */
          #menu-toggle:checked~.menu {
              right: 0;
          }

          /* Cross Animation */
          #menu-toggle:checked~.hamburger div:nth-child(1) {
              transform: rotate(45deg) translate(5px, 5px);
          }

          #menu-toggle:checked~.hamburger div:nth-child(2) {
              opacity: 0;
          }

          #menu-toggle:checked~.hamburger div:nth-child(3) {
              transform: rotate(-45deg) translate(5px, -5px);
          }



          /* Hamburger Icon */

          /* ✅ ARRIVAl SECTION START*/


          new-arrival {
              background-color: #f9f9f9;
              display: flex;
              /* justify-content:space-around;
            align-items: center; */
              min-height: 100vh;
              padding: 40px 60px;
          }

          .arrival-container {
              width: 100%;
              padding: 40px;
              /* max-width: 1200px; */
              /* text-align: center; */
          }

          .arrival-title {
              font-size: 24px;
              font-weight: 800;
              margin-block: 20px;
              margin-left: 20px;
          }


          .arrival-title span {
              color: #EBD96B;
          }


          .arrival-cards {
              display: flex;
              justify-content: center;
              /* align-items: center; */
              gap: 20px;
              flex-wrap: wrap;
              justify-content: center;
          }

          .arrival-card {
              background-color: white;
              /* padding: 15px; */
              /* border-radius: 10px; */
              /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
              /* text-align: center;  */
              /* width: 40%; */
              max-width: 250px
          }

          .arrival-card img {
              width: 100%;
              border-radius: 10px;
              margin: 20px;
          }

          .arrival-card h3 {
              font-size: 18px;
              margin-top: 10px;
              margin-left: 20px;
          }

          .arrival-card p {
              font-size: 14px;
              color: gray;
              margin-left: 20px;
          }



          .text-1 {
              display: flex;
              align-items: center;
              justify-content: space-between;
          }

          /* ✅ Responsive Design */
          @media (max-width: 768px) {
              /* .arrival-cards {
                flex-direction: column;
                align-items: center;
            } */

              .arrival-card {
                  width: 90%;
                  /* Cards take full width */
              }
          }

          /* ✅ ARRIVAl SECTION END*/

          /* ✅ SALE SECTION START*/


          .sale {
              background-color: #f9f9f9;
              display: flex;
              justify-content: center;
              align-items: center;
              min-height: 100vh;
              /* position: relative; */
          }

          .sale-container {
              width: 100%;
              height: 100%;
              /* max-width: 1200px; */
              background: linear-gradient(to right, rgb(255, 237, 100), rgb(221, 193, 61));
              display: flex;
              align-items: center;
              justify-content: space-between;
              /* padding: 0 20px ; */
              margin-top: 40px;
              overflow: hidden;
              /* border-radius: 10px; */
              /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

          }

          @media (max-width: 1150px) {
              .sale-container {
                  margin-top: 20px;
              }

              /* .sale-container{
                height: 80vh;
            } */
          }

          .sale-image img {
              /* width: 50%; */
              height: 100%;
              filter: drop-shadow(16px 28px 16px rgba(0, 0, 0, 0.5));
              margin-bottom: -5px;
              /* position: absolute;
            bottom: 0; */

          }

          @media (max-width: 768px) {
              .sale-image {
                  display: none;
              }

              .sale-container {
                  padding: 40px 20px;
                  display: flex;
                  text-align: center;
                  /* justify-content: center; */
              }
          }

          .sale-image img {
              width: 100%;
              border-radius: 10px;
              /* position: relative;
            bottom: 0; */
          }

          .sale-content {
              width: 50%;
              color: #000;
              text-align: left;
          }

          @media (max-width: 470px) {
              .sale-content p br {
                  display: none;
              }
          }

          .sale-title {
              font-size: 60px;
              font-weight: 800;
          }

          .sp-1 {
              background: #faf8f8;
              /* color: #fff; */
              padding: 3px 20px;
              /* border-radius: 4px; */
          }

          @media (min-width: 70px) {
              .sale-title {
                  font-size: 40px;
              }

              .sp-1 {
                  font-size: 60px;
              }

              .sp-2 {
                  margin-left: 7px;
              }
          }

          .sale-text {
              font-size: 14px;
              margin: 10px 0;
          }

          .sale-dates {
              font-weight: 800;
              font-size: 14px;
          }

          .sale-terms {
              font-size: 14px;
              margin: 10px 0;
          }

          .sale-button {
              font-size: 14px;
              background: black;
              color: white;
              padding: 10px 15px;
              text-decoration: none;
              display: inline-block;
              margin-top: 10px;
              border-radius: 5px;
          }



          /* ✅ SALE SECTION END*/


          /* ✅ youngs- favourite SECTION start*/

          .favourite-container {
              max-width: 1200px;
              margin: auto;
              /* text-align: center; */
          }

          .favourite-title {
              font-size: 24px;
              font-weight: 800;
              margin-block: 20px;
              margin-left: 20px;

          }

          .favourite-title span {
              color: #EBD96B;
          }

          .favourite-grid {
              display: flex;
              justify-content: center;
              gap: 20px;
              flex-wrap: wrap;
          }

          .favourite-item {
              background: rgb(255, 255, 255);
              border-radius: 10px;
              overflow: hidden;
              text-align: left;
              max-width: 500px;
          }

          .favourite-item img {
              width: 100%;
              display: block;
              border-radius: 10px;
          }

          .favourite-text {
              padding: 15px;
          }

          .favourite-text h3 {
              font-size: 18px;
              margin-bottom: 5px;
          }

          .favourite-text p {
              font-size: 14px;
              color: gray;
          }


          .favourite-arrow {
              display: inline;
              text-align: right;
              font-size: 20px;
              padding: 10px;
              cursor: pointer;
          }

          .text-arrow {
              display: flex;
              justify-content: space-between;
          }

          /* 📱 Mobile Responsive */
          @media (max-width: 768px) {
              .favourite-grid {
                  flex-direction: column;
                  align-items: center;
              }

              .favourite-item {
                  max-width: 90%;
              }
          }

          /* ✅ youngs-favrate SECTION END*/

          /* ✅ DOWNLOAD SECTION start*/




          /* Main Container */
          .download-container {
              max-width: 1200px;
              margin: auto;
              padding: 20px;
          }

          /* Flexbox Layout */
          .download-content {
              display: flex;
              align-items: center;
              justify-content: space-between;
              gap: 50px;
              flex-wrap: wrap;
          }

          /* Image Section */
          .download-image {
              flex: 1;
              display: flex;
              justify-content: center;
          }

          .download-image img {
              max-width: 80%;
              /* height: 70%; */
          }

          /* Text Section */
          .download-text {
              flex: 1;
              text-align: left;
          }

          .download-text h1 {
              font-size: 24px;
              font-weight: 800;
              margin-bottom: 10px;
          }

          .download-text p {
              font-size: 16px;
              color: rgb(90, 89, 89);
              margin-bottom: 20px;
          }

          /* Download Buttons */
          .download-buttons img {
              width: 150px;
              margin-right: 10px;
              cursor: pointer;
          }

          /* 📱 Mobile Responsive */
          @media (max-width: 768px) {
              .download-content {
                  flex-direction: column;
                  text-align: center;
              }

              .download-text {
                  order: 2;
                  /* Moves text below */
              }

              .download-image {
                  order: 1;
                  /* Moves image above */
              }

              .download-text h1 {
                  font-size: 20px;
                  font-weight: 800;
              }

              .download-buttons img {
                  width: 130px;
              }
          }

          /* ✅ DOWNLOAD SECTION END*/

          /* ✅ LAST SECTION start*/


          /* Subscription Section */
          .last-subscribe {
              background-color: #E2C743;
              color: white;
              text-align: center;
              padding: 40px 20px;
          }

          .last-subscribe h1 {
              font-size: 24px;
              font-weight: 800;
              margin-bottom: 10px;
          }

          .last-subscribe p {
              font-size: 16px;
              color: black;
              margin-bottom: 20px;
          }

          /* Input and Button */
          .last-input-container {
              display: flex;
              justify-content: center;
              gap: 10px;
          }

          .last-input {
              width: 300px;
              padding: 10px;
              border: none;
              border-radius: 5px;
              font-size: 16px;
          }

          .last-button {
              background-color: black;
              color: white;
              border: none;
              padding: 10px 20px;
              cursor: pointer;
              border-radius: 5px;
          }

          .last-button:hover {
              background-color: #333;
          }

          /* Footer */
          .last-footer {
              background-color: black;
              color: white;
              padding: 40px 20px;
          }

          .last-footer-container {
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              max-width: 1200px;
              margin: auto;
          }

          /* .last-footer-left {
            max-width: 300px;
        }
         */
          .last-footer-left h2 {
              font-size: 20px;
              font-weight: 700;
          }

          .last-footer-left p {
              margin: 10px 0;
              font-size: 14px;
          }

          .last-social-icons img {
              width: 30px;
              margin-right: 10px;
              cursor: pointer;
          }

          /* Footer Links */
          .last-footer-links {
              margin-top: 20px;
          }

          .last-footer-links h3 {
              font-size: 18px;
              margin-bottom: 10px;
          }

          .last-footer-links ul {
              list-style: none;
          }

          .last-footer-links li {
              font-size: 14px;
              margin-bottom: 5px;
              cursor: pointer;
          }

          .last-footer-links li:hover {
              color: #E4C221;
          }

          /* 📱 Mobile Responsive */
          @media (max-width: 768px) {
              .last-input {
                  width: 100%;
              }

              .last-input-container {
                  flex-direction: column;
                  align-items: center;
              }

              .last-footer-container {
                  flex-direction: column;
                  text-align: center;
                  gap: 20px;
              }

              .last-social-icons {
                  justify-content: center;
              }
          }