body {  margin: 0;  font-family: 'Segoe UI', sans-serif;  background-color:#FFF0D5;}.row {    display:flex;    gap: 40px;    }    .price-section {        padding: 40px 30px;        background-color: #f8f9fa;    }    .price-card {        max-width: 100%;        border-radius: 20px;        border: 2px solid #b0413e;        padding: 20px;        background-color: #fff;    }    .nav-tabs .nav-link.active {        color: #d4af37;        font-weight: bold;        border-color: transparent transparent red;    }    .buy-now-btn {        background-color: #b0413e;        color: white;        font-weight: bold;        border-radius: 25px;    }    .amount-box {        background: #f4f4f4;        padding: 10px;        border-radius: 10px;    }    input {        border: none;        background: transparent;        font-weight: bold;        font-size: 18px;        width: 100%;        text-align: center;    }    .hero {  background: url('banner.png') no-repeat center center/cover;  width: 100%;  height: 100vh;  display: flex;  align-items: center;  justify-content: space-around;  padding: 40px;  color: white;}.price-card {  background-color: white;  color: #333;  padding: 20px;  border-radius: 25px;  width: 300px;  box-shadow: 0 8px 16px rgba(0,0,0,0.2);}.tabs {  display: flex;  justify-content: space-around;  border-bottom: 2px solid #eee;  margin-bottom: 10px;}.tabs span {  padding: 10px;  font-weight: bold;}.tabs .active {  color: #f4a825;  border-bottom: 3px solid #f4a825;}.tabs .inactive {  color: #aaa;}.price-info {  display: flex;  justify-content: space-between;  align-items: flex-start;  margin-bottom: 10px;}.label {  color: #f4a825;  font-weight: bold;}.badge {  font-size: 12px;  background-color: #f4a825;  color: white;  padding: 4px 8px;  border-radius: 4px;  display: inline-block;  margin-top: 5px;}.price-info h3 {  margin: 0;  color: #333;}.subtext {  font-size: 12px;  color: #888;}.live {  font-size: 11px;  color: red;  font-weight: bold;}.input-fields {  display: flex;  justify-content: space-between;  margin: 15px 0;}.input-fields label {  font-weight: bold;  color: #a0383d;}.input-fields hr {  border: none;  border-bottom: 2px solid #f4a825;  width: 100px;  margin-top: 4px;}.buy-now {  padding: 10px 20px;  background-color: #f4a825;  border: none;  border-radius: 8px;  font-weight: bold;  cursor: pointer;  display: block;       /* Make the button take block-level behavior */  margin: 20px auto;    /* Center horizontally with margin */}.hero-text {  max-width: 500px;  color: white;}.hero-text h1 {  font-size: 38px;  margin-bottom: 4px;      /* hides extra text if it overflows */ }.hero-text p {  font-size: 20px;  color: white;}/* ✅ Tablet screens */@media screen and (max-width: 1024px) {  .hero-text h1 {    font-size: 32px;  }  .hero-text p {    font-size: 18px;  }}/* ✅ Mobile screens */@media screen and (max-width: 768px) {  .hero-text {    max-width: 100%;    text-align: center;  /* center text on small devices */  }  .hero-text h1 {    font-size: 26px;  }  .hero-text p {    font-size: 16px;  }}/* ✅ Small mobile screens */@media screen and (max-width: 480px) {  .hero-text h1 {    font-size: 22px;  }  .hero-text p {    font-size: 14px;  }}.hero-section {  display: flex;  flex-wrap: wrap;  padding: 40px;  background-color: #FFF0D5;  align-items: center;  justify-content: space-around;}.badge-img {  width: 250px;  max-width: 100%;}.hero-content {  max-width: 600px;}.hero-content h2 {  font-size: 24px;  color: #4a1f1f;}.highlight {  color: #c5365b;}.hero-content p {  font-size: 14px;  margin-top: 10px;  color: #333;}.features {  display: flex;  gap: 20px;  margin-top: 20px;  flex-wrap: wrap;}.feature-box {  text-align: center;  width: 150px;}.feature-box img {  width: 40px;  margin-bottom: 10px;}.feature-box p {  font-size: 12px;  color: #333;}.trust-section {  background-color: #ffe6c1;  padding: 30px 20px;  text-align: center;}.trust-section h3 {  color: #a0383d;  margin-bottom: 20px;}.logo-row {  display: flex;  justify-content: center;  align-items: center;  flex-wrap: wrap;  gap: 30px;}.logo-row img {  height: 100px;  object-fit: contain;}.about-section {  display: flex;  flex-wrap: wrap;  padding: 40px;  background-color: #fff1dc;  justify-content: center;  align-items: center;  gap: 30px;}.about-img img {  width: 250px;  border-radius: 10px;}.about-text {  max-width: 500px;}.about-text h2 {  font-size: 22px;  margin-bottom: 10px;}.about-text p {  font-size: 14px;  line-height: 1.6;  color: #333;}.read-more {  display: inline-block;  margin-top: 10px;  padding: 6px 14px;  border: 1px solid #c5365b;  color: #c5365b;  text-decoration: none;  border-radius: 5px;  font-weight: bold;}.section-title {  text-align: center;  margin-top: 40px;  font-size: 24px;  border-bottom: 2px solid gold;  display: inline-block;}.trust-container {  display: flex;  justify-content: space-around;  padding: 40px 80px;  flex-wrap: wrap;  }.trust-left {  max-width: 500px;  text-align: left; /* Align text content inside to the left */}.trust-item {  margin-bottom: 20px;}.trust-item h4 {  color: #9d0030;  margin: 0;}.trust-item p {  font-size: 14px;  color: #5e5e5e;}/* ✅ Base styles */.trust-right {    text-align: left;}.trust-right h3 {    color: #9d0030;}.benefits-box {    height: 200px;    width: 300px;    background: linear-gradient(to right, #b8776e, #e5c1b2);    border-radius: 20px;    margin-top: 10px;}.benefits-post {    list-style: none;    padding: 15px;    margin: 0;}.benefits-post li {    font-size: 15px;    margin: 10px 0;    color: #fff;    font-weight: 500;}/* ✅ Responsive adjustments */@media (max-width: 768px) {    .benefits-box {        width: 90%;        /* full width on small screens */        height: auto;      /* adjust height automatically */        margin: 10px auto; /* center and add vertical spacing */    }    .benefits-post li {        font-size: 14px;   /* slightly smaller font */        margin: 8px 0;     /* reduce spacing */    }    .trust-right {        text-align: center; /* center text on mobile */    }}/* Insights Section *//* ✅ Base styles */.insights-section {    display: flex;    justify-content: space-between;    align-items: center;    padding: 40px;    flex-wrap: wrap;    background: linear-gradient(to right, #b8776e, #e5c1b2);}.cards-container {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 20px;    max-width: 60%;}.card {    background: white;    border-radius: 20px;    overflow: hidden;    box-shadow: 0 4px 12px rgba(0,0,0,0.1);}.card img {    width: 100%;    display: block;}.insight-text {    flex: 1;    max-width: 35%;    padding-left: 40px;    color: #fff;}.insight-text h2 {    font-size: 36px;    color: #fff;    margin-bottom: 20px;}.insight-text p {    font-size: 18px;    color: #f9f9f9;    margin-bottom: 20px;}.btn {    display: inline-block;    padding: 12px 28px;    background: #cfa648;    color: white;    border-radius: 25px;    text-decoration: none;    font-weight: bold;}/* ✅ Responsive adjustments */@media (max-width: 992px) {    .cards-container {        grid-template-columns: 1fr;  /* one column for smaller screens */        max-width: 100%;    }    .insight-text {        max-width: 100%;        padding-left: 0;        text-align: center;  /* center text on smaller screens */        margin-top: 20px;    }    .insight-text h2 {        font-size: 28px;  /* smaller heading */    }    .insight-text p {        font-size: 16px;  /* smaller paragraph */    }    .btn {        padding: 10px 20px;  /* slightly smaller button */    }    .insights-section {        padding: 20px;        flex-direction: column; /* stack text and cards vertically */        align-items: center;    }}/* Trending Section */.trending-bg {  background-color: #FFF0D5;  padding: 60px 0;  width: 100%;}.trending-section {  text-align: center;  padding: 0 20px;}.trending-section h2 {  font-size: 28px;  margin-bottom: 30px;}.product-cards {  display: flex;  justify-content: center;  gap: 20px;  flex-wrap: wrap;}.card {  background: #fff;  border-radius: 15px;  padding: 5px;  box-shadow: 0 4px 10px rgba(0,0,0,0.1);  width: 250px;  text-align: center;}.card img {  width: 100%;  border-radius: 10px;}.card button {  background-color: #cfa648;  color: white;  border: none;  padding: 10px 15px;  margin-top: 10px;  border-radius: 20px;  cursor: pointer;  font-weight: bold;}/* login container *//* Modal background */.auth-modal {  display: none;  position: fixed;  top: 0; left: 0;  width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.6); /* light black */  z-index: 999;}/* Modal content box *//* Modal background */.auth-modal {  display: none;  position: fixed;  top: 0; left: 0;  width: 100%; height: 100%;  background-color: rgba(0, 0, 0, 0.6); /* Light black background */  z-index: 999;  padding: 20px;  box-sizing: border-box;}/* Modal content */.auth-content {  background: #fff;  width: 100%;  max-width: 400px;  margin: 10px auto;  padding: 30px 25px;  /* border-radius: 15px; */  position: relative;}/* Logo centered */.logo {  display: block;  margin: 0 auto 20px auto;  width: 120px;}/* Close button */.close-btn {  position: absolute;  top: 12px;  right: 15px;  font-size: 24px;  cursor: pointer;}/* Form title center aligned */.form-title {  text-align: center;  color: orange;  font-size: 26px;  margin-bottom: 20px;}/* Input fields */input[type="text"],input[type="password"] {  width: 95%;  padding: 12px;  margin: 10px 0;  border-radius: 10px;  border: 1px solid #ccc;  font-size: 15px;}/* Submit button */.submit-btn {  width: 100%;  padding: 12px;  background-color: #980d35;  color: white;  font-weight: bold;  border: none;  border-radius: 10px;  font-size: 16px;  margin-top: 10px;  cursor: pointer;}.submit-btn:hover {  background-color: #7a0a2c;}.toggle-text {  text-align: center;  margin-top: 15px;  font-size: 14px;  color: #333;}.toggle-text a {  color: orange;  font-weight: bold;  text-decoration: none;}