body {
   background-color: #eaf7f6;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 /* Header/Navbar Styles */
 .navbar-brand {
   font-size: 1.8rem;
   color: #00bfa6;
 }

 .navbar-nav .nav-link {
   font-weight: 600;
   color: #333;
   margin-right: 15px;
   transition: color 0.3s ease;
 }

 .navbar-nav .nav-link:hover {
   color: #00bfa6;
 }

 .navbar .btn {
   padding: 8px 20px;
   border-radius: 5px;
 }

 @media (max-width: 992px) {
   .navbar-nav .nav-link {
     margin: 10px 0;
   }
 }

 .section {
   padding: 80px 20px;
 }

 .headline {
   font-size: 35px;
   font-weight: 700;
 }

 .description {
   font-size: 18px;
   margin-top: 20px;
   margin-bottom: 30px;
   color: #333;
 }

 .cta-button {
   background-color: #ff7f18;
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   border: none;
   padding: 15px 24px;
   border-radius: 5px;
   transition: background-color 0.3s ease;
 }

 .cta-button:hover {
   background-color: #ff6200;
 }

 .google-play {
   margin-top: 20px;
 }

 .image-section {
   position: relative;
 }

 .image-section img {
   max-width: 100%;
   border-radius: 12px;
 }

 .tag {
   position: absolute;
   background: white;
   padding: 5px 12px;
   border-radius: 20px;
   font-size: 0.9rem;
   font-weight: 500;
   border: 2px solid #ff6200;
 }

 .tag.simran {
   top: 20%;
   left: 60%;
 }

 .tag.owner {
   bottom: 20%;
   left: 10%;
 }

 .tag.powered {
   bottom: 10%;
   right: 5%;
   border-color: orange;
 }

 .tag.powered strong {
   color: #333;
 }

 .hero {
   background-color: #ffeddf;
 }

 .features {
   background-color: #ffeddf;
 }

 .features-section {
   padding: 60px 100px;
 }

 .feature-title {
   background-color: #442106;
   color: white;
   padding: 60px 20px;
   font-size: 2.5rem;
   font-weight: 700;
 }

 .title {
   background-color: #ffeddfab;
   color: #000;
   padding: 35px 20px;
   font-size: 2.5rem;
   font-weight: 700;
 }

 .feature-card {
   background-color: #ffffff;
   /* border-radius: 16px; */
   padding: 30px;
   box-shadow: 0 4px 12px rgb(0 0 0 / 55%);
   height: 100%;
 }

 .feature-card img {
   max-height: 80px;
   margin-bottom: 15px;
 }

 .feature-card h5 {
   font-weight: 700;
 }

 .feature-card p {
   font-size: 18px;
   color: #333;
 }

 .feature-card a {
   font-weight: 600;
   color: #ff7f18;
   text-decoration: underline;
 }

 .phone-mockup {
   max-width: 300px;
   width: 100%;
   margin: 0 auto;
   position: relative;
 }

 .phone-mockup img {
   width: 100%;
   border-radius: 20px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
 }

 /* Circles */
 .circle {
   position: absolute;
   border-radius: 50%;
   opacity: 0.2;
 }

 .circle-teal {
   width: 120px;
   height: 120px;
   border: 6px solid #ff7f18;
   top: 50%;
   left: -50px;
   transform: translateY(-50%);
 }

 .circle-dark {
   width: 150px;
   height: 150px;
   border: 8px solid #2d3436;
   top: -50px;
   right: -50px;
 }

 .circle-orange {
   width: 80px;
   height: 80px;
   border: 6px solid #fd7e14;
   bottom: -30px;
   right: 20px;
 }

 /* Text Section */
 .text-section {
   background-color: #442106;
   color: #fff;
   font-size: 18px;
   padding: 67px;
   /* border-radius: 12px; */
 }

 .text-section h2 {
   font-size: 30px;
   margin-bottom: 20px;
   font-weight: 700;
 }

 .text-section ul {
   list-style: none;
   padding: 0;
   margin: 0 0 20px 0;
 }

 .text-section ul li {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   font-size: 1rem;
 }

 .text-section ul li::before {
   content: "✔";
   color: #00b894;
   margin-right: 10px;
 }

 /* Button */
 .btn-explore {
   background-color: #00b894;
   color: #fff;
   border: none;
   padding: 10px 25px;
   border-radius: 6px;
   font-weight: 500;
   cursor: pointer;
   transition: 0.3s;
 }

 .btn-explore:hover {
   background-color: #019874;
 }

 /* Responsive */
 @media (max-width: 768px) {
   .text-section {
     text-align: center;
     margin-top: 20px;
   }
 }

 .testimonial-section {
   background-color: #fff3ea;
   padding: 40px 20px;
 }

 .testimonial-img-wrapper {
   position: relative;
   width: 180px;
   height: 180px;
   margin: auto;
 }

 .testimonial-img {
   border-radius: 50%;
   width: 100%;
   height: 100%;
   object-fit: cover;
   border: 5px solid #ff7f18;
 }

 .testimonial-icon {
   position: absolute;
   top: -10px;
   right: -10px;
   width: 60px;
   height: 60px;
   background-size: contain;
   border-radius: 50%;
 }

 .testimonial-content p {
   font-size: 18px;
   color: #1f2d30;
 }

 .testimonial-content h5 {
   color: #f37021;
   font-size: 22px;
   margin-top: 15px;
   font-weight: 700;
 }

 .testimonial-content span {
   font-weight: 700;
   display: block;
 }

 /* Section Background */
 .start-section {
   background-color: #fff3ea;
   padding: 80px 20px;
 }

 /* Title */
 .section-title {
   font-weight: 700;
   font-size: 35px;
   color: #0f1b22;
   margin-bottom: 40px;
 }

 /* Step Number */
 .step {
   display: flex;
   align-items: flex-start;
   gap: 20px;
 }

 .number {
   font-size: 3rem;
   font-weight: 800;
   color: #ff7f18;
   text-shadow: 3px 3px #2b2b2b1f;
   line-height: 1;
 }

 /* Step Content */
 .step-content p {
   margin: 0;
   color: #1f2d30;
   font-size: 18px;
 }

 .step-content a {
   text-decoration: underline;
   color: #0f1b22;
   font-weight: 600;
 }

 hr {
   margin: 25px 0;
   border-top: 2px solid rgba(0, 0, 0, 0.2);
 }

 /* Image Styling */
 .image-wrapper img {
   max-width: 90%;
   border-radius: 10px;
 }

 /* Responsive */
 @media (max-width: 768px) {
   .section-title {
     text-align: center;
   }

   .step {
     flex-direction: column;
     align-items: center;
     text-align: center;
   }
 }