:root {
  --primary-bg: #0c0d1b;
  --secondary-bg: #f5f5f7;
  --accent-star: #ffea00;
  --accent-moon: #0b6380;
  --text-light: #f5f5f7;
  --text-dark: #0b6380;
  --text-muted: #888888;
  --text-primary: #0c0d1b;
  --success:#51c15e;
}
body {padding-top: 0px;background: var(--secondary-bg);font-family: "Poppins", sans-serif;color: var(--text-dark);}
h1, h2, h3, h4, h5, h6 {font-family: "Poppins", sans-serif;font-weight: 700;}
.text-primary{color:var(--text-primary) !important}
.form-label {font-weight: 600;color: var(--text-dark);}
.bg-primary {--bs-bg-opacity: 1;background-color: #0b6380 !important;}

.bannerimg {display: flex;flex-wrap: wrap;justify-content: space-between;background-image: url('../images/galaxy.jpg');background-size: cover;background-position: center;
background-repeat: no-repeat;color: var(--text-light);align-items: center;position: relative; background-color: #000;}
.bannerimg::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */z-index: 1;}
.bannerimg > * {position: relative;z-index: 2;}
.banner-left-section {position: relative;min-height: 400px}
.list-checkmarks {list-style: none;padding-left: 0;font-size: 1.2rem;line-height: 1.8;color: var(--text-light);}
.bg-form {background: var(--secondary-bg);color: var(--text-dark);}
.form-container {background: rgba(245, 245, 247, 0.9);box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);border-radius: 10px;padding: 20px;}
.progress {height: 25px;margin-bottom: 20px;}
.progress-bar {background-color: var(--success);}
.select2-container--default .select2-selection--single {height: 40px;padding-top: 5px;}
.is-invalid .select2-selection {border-color: #e74c3c !important;}
.is-valid .select2-selection {border-color: #2ecc71 !important;}

.btn-get-started {background: var(--accent-star);color: var(--primary-bg);border: none;padding: 14px 28px;border-radius: 50px;font-size: 1.1rem;font-weight: bold;cursor: pointer;margin-top: 15px;transition: background 0.3s, transform 0.2s;box-shadow: 0 4px 15px rgba(255, 234, 0, 0.4);}
.btn-get-started:hover {background: #fffb00;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255, 234, 0, 0.6);}
.btn-primary {background-color: var(--accent-moon);border-color: var(--accent-moon);color: #fff;}
.btn-primary:hover {background-color: #72c6d4;border-color: #72c6d4;color: var(--primary-bg);}
.howitworks {background:#0b6380;color: var(--text-light);}
.contact {background: linear-gradient(135deg, #7f8c8d, #34495e);}

.old-price {text-decoration: line-through;color: var(--text-muted);font-weight: normal;}
.new-price {color: #2ecc71;font-weight: bold;font-size: 1.8rem;}
.save-text {color: #e74c3c;font-size: 1.3rem;font-weight: bold;margin: 5px 0;}
.trust-badge {text-align: center;}
.badge-circle {width: 100px;height: 100px;border-radius: 50%;background: radial-gradient(circle, var(--accent-moon), var(--accent-star));display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px 15px rgba(166, 227, 233, 0.5);animation: badgePulse 2s infinite ease-in-out;}
.badge-text {font-weight: bold;color: var(--primary-bg);font-size: 1.2rem;text-align: center;line-height: 1.2;}

@keyframes badgePulse {
  0% { transform: scale(1); box-shadow: 0px 4px 15px rgba(166, 227, 233, 0.5); }
  50% { transform: scale(1.1); box-shadow: 0px 8px 25px rgba(166, 227, 233, 0.7); }
  100% { transform: scale(1); box-shadow: 0px 4px 15px rgba(166, 227, 233, 0.5); }
}
span.stepno{width: 25%;text-align: center;}
.stepnum{display: block;}
.display-visible{overflow: visible;}
.stepnum {display: inline-block;background: #0c0d1b;width: 30px;height: 30px;font-size: 16px;font-weight: 500;color: #fff;border-radius: 100%;text-align: center;line-height: 30px;transform: translate(-2px, -10px);}
.progress-steps {transform: translateY(-40px);}
.step-circle {width: 30px;height: 30px;border-radius: 50%;background-color: var(--text-muted); color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 500;transition: all 0.3s ease-in-out;cursor: pointer;position: relative;z-index: 10; }
.step-circle.active-step {background-color: #0d6efd; color: white;border: 2px solid #0d6efd;}
.step-circle.completed-step {background-color: #198754; color: white;border: 2px solid #198754;}
.step-circle::after {content: "";position: absolute;top: 50%;left: -50%;width: 100%;height: 2px;background-color: transparent;z-index: -1;}
.step-circle:first-child::after {display: none;}
.foologo {max-width: 150px;}
.captext {text-transform: capitalize;}
footer {background: linear-gradient(to right, rgba(173, 108, 165, 1) 0%, rgba(124, 87, 151, 1) 22%, rgba(11, 99, 128, 1) 49%, rgba(11, 99, 128, 1) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);color: white;padding: 40px 0;}
.footer-links a {color: white;display: block;text-decoration: none;margin-bottom: 8px;}
.social-icons a {color: white;font-size: 24px;}
.feature-card {padding: 30px;color: black;text-align: center;}
.featurebg-1 {background: linear-gradient(135deg, #b7dd96, #f7e46d, #89cba5);}
.featurebg-2 {background: linear-gradient(135deg, #fce38a, #f38181, #f9d29d);}
.featurebg-3 {background: linear-gradient(135deg, #d8b5ff, #ffecb3, #eec0c6);}
.featurebg-4 {background: linear-gradient(135deg, #fce38a, #f7e46d, #f9d29d);}

.list-checkmarks li{display: flex;}
.list-checkmarks li i{display: inline-block;padding-right: 5px;}
.d-mobile-content{display: contents;}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar-toggler{border: 0;padding:5px}
.navbar-toggler:focus{outline: 0;border: 0;box-shadow: none;}
.d-mobile-content .navbar-brand{padding: 5px 6px;font-size: 16px;}
.d-mobile-content .navbar-brand.active{background: #222;border-radius: 5px;}
.navbar .nav-link {color: #fff !important;}
.btn-facebook {background-color: #3b5998;color: white;border-color: #3b5998;}
.btn-youtube {background-color: #ff0000;color: white;border-color: #ff0000;}
.btn-instagram {background-color: #c13584;color: white;border-color: #c13584;}
.btn-blog {background-color: #ff5722; /* A shade of orange or a color you prefer for your blog */color: white;border-color: #ff5722;}
.btn-facebook:hover,
.btn-youtube:hover,
.btn-instagram:hover,
.btn-blog:hover {background-color: #0b6380;color: white;}
.aniversery-banner{background: #0b6380;position: relative;}
.aniversery-banner .container{position: relative;z-index: 1;color: #ffce6e;}
.wheel-wrap {display: inline-block;line-height: 0;position: absolute;top: 0;right:18%;z-index: -1;}
.zodiac-wheel {display: block;max-width: 200px;height: auto;transform-origin: 50% 50%; will-change: transform;}
.spin {animation: spin 20s linear infinite;}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.zodiac-wheel:hover { animation-play-state: paused; }
.banner-text-container{position: relative;}
.plamimg{max-width: 300px;}
.taglinetext{line-height: 20px;}
@media (prefers-reduced-motion: reduce) {
  .spin { animation: none; }
}
.wheelimg{max-width:250px}
.badge-star {width: 90px;height:90px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='201' height='200' viewBox='0 0 201 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_79)'%3E%3Cmask id='mask0_1_79' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='201' height='200'%3E%3Cpath d='M200.5 0H0.5V200H200.5V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_79)'%3E%3Cpath d='M94.1797 5.15479C97.859 2.15401 103.141 2.15401 106.82 5.15479L114.753 11.625C117.25 13.6608 120.574 14.3696 123.683 13.5291L133.539 10.8652C138.116 9.62811 142.932 11.775 145.072 16.0058L149.729 25.2154C151.179 28.0814 153.916 30.0768 157.088 30.5793L167.217 32.184C171.884 32.9234 175.397 36.829 175.639 41.5483L176.172 51.9384C176.336 55.133 178.019 58.0565 180.699 59.8033L189.365 65.452C193.311 68.0247 194.927 73.0033 193.243 77.4035L189.515 87.1465C188.374 90.1271 188.725 93.4731 190.458 96.1526L196.118 104.899C198.675 108.852 198.129 114.053 194.806 117.389L187.476 124.748C185.222 127.011 184.184 130.214 184.684 133.369L186.315 143.668C187.052 148.327 184.433 152.868 180.031 154.564L170.421 158.264C167.43 159.416 165.172 161.931 164.349 165.029L161.688 175.047C160.473 179.623 156.216 182.719 151.489 182.466L141.28 181.92C138.067 181.748 134.968 183.132 132.952 185.639L126.514 193.647C123.54 197.346 118.376 198.445 114.153 196.277L105.067 191.612C102.2 190.141 98.7999 190.141 95.9331 191.612L86.8465 196.277C82.6243 198.445 77.4601 197.346 74.4862 193.647L68.048 185.639C66.0321 183.132 62.933 181.748 59.7203 181.92L49.5111 182.466C44.784 182.719 40.5271 179.623 39.3119 175.047L36.6507 165.029C35.8279 161.931 33.5702 159.416 30.5792 158.264L20.9691 154.564C16.5666 152.868 13.9477 148.327 14.6855 143.668L16.3162 133.369C16.8157 130.214 15.7781 127.011 13.524 124.748L6.19367 117.389C2.87113 114.053 2.32509 108.852 4.88248 104.899L10.5415 96.1526C12.2752 93.4731 12.6257 90.1271 11.4851 87.1465L7.75661 77.4035C6.07276 73.0033 7.68856 68.0247 11.6354 65.452L20.3014 59.8033C22.9812 58.0565 24.6636 55.133 24.8275 51.9384L25.3607 41.5483C25.6029 36.829 29.1155 32.9234 33.7828 32.184L43.9118 30.5793C47.0838 30.0768 49.8214 28.0814 51.2708 25.2154L55.9283 16.0058C58.0679 11.775 62.8844 9.6281 67.4613 10.8652L77.3169 13.5291C80.4264 14.3696 83.7504 13.6608 86.2465 11.625L94.1797 5.15479Z' fill='%23EF6C01'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_79'%3E%3Crect width='200' height='200' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
      position: relative;display: flex;justify-content: center;align-items: center;color: #fff;font-weight: bold;text-align: center;background-size: cover;}
.badge-content small {font-size: 0.9rem;display: block;}
.badge-content .price {font-size: 1.8rem;font-weight: 700;line-height: 1;}
.price-badge{top: 18%;left: 15px;}
@media only screen and (max-width: 767px) {
  .bannerimg {flex-direction: column;background-position: top right;}
  .banner-left-section {min-height: auto;overflow: hidden;}
  .form-container {padding: 15px !important;}
  .progress {height: 15px;}
  footer {background: #000}
  .nav-tabs .nav-item {width: 50%;text-align: center;}
  .navbar .nav-link{color: #0b6380 !important;}
  .custom-list li {padding: 10px;}
  .wheel-wrap {right:0%}
  .plamimg{max-width: 150px;}
  .zodiac-wheel{max-width: 130px;}
  .sale-banner{background: linear-gradient(to right,  #f25e26 0%,#d92a56 100%); line-height: 22px;}
  .limitedtext {color: #ff0000;top: -72px;background: #fde1b1;border-radius: 5px;padding: 6px;font-family: auto;line-height: 20px;}
}