* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   text-decoration: none;

 }

 :root {
   --main-color: #000;
   --heading: #12141a;
   --txt-color: #56607a;
 }

 body {
   color: var(--txt-color);
   background: #e6e9f0;
   font-family: 'Poppins',sans-serif!important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p .btn {
   font-family: 'Poppins',sans-serif!important;
 }

 /* CONTAINER */
 .container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 60px;
 }

 /* HEADER */
 header {
   width: 100%;
   position: sticky;
   top: 0;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   z-index: 1;
 }

 header nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 0;
 }

 header nav ul {
   display: flex;
   list-style: none;
   gap: 20px;
 }

 header nav ul li a {
   font-size: 16px;
   text-decoration: none;
   color: #000;
 }

 header nav a.contact-btn {
   color: #fff !important;
   /* padding: 8px 16px; */
   padding: 12px 20px !important;
   border-radius: 0.75rem;
   background: #000;
   transition: 0.3s ease-in-out;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 500;
 }

 header nav a.contact-btn:hover {
   background: #faaa18;
   color: #000 !important;
 }




 /* Default: hide menu on small screens */
 .centered-menu {
   display: none;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   width: 100%;
 }

 .centered-menu .nav-item {
   margin: 12px 0;
 }

 .centered-menu .d-flex {
   margin-top: 15px;
 }



 /* BANNER */
 /* .banner {
   padding: 30px 0;
 } */

 .banner h1 {
   font-size: 48px;
   font-weight: 600;
   line-height: 1.1;
   margin-bottom: 10px;
   color: var(--heading);
 }

 .banner p {

   font-size: 1.125rem;
   line-height: 1.75rem;
   margin-bottom: 10px;
   color: var(--txt-color);
 }

 .banner ul {
   list-style: disc;
   margin-left: 20px;
   margin-bottom: 20px;
 }

 .banner ul li {
   margin-bottom: 10px;
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: var(--txt-color);
 }

 /* BANNER BUTTONS */
 .banner-buttons {
   margin: 0 0 20px 0;
 }

 .banner-buttons a {
   font-size: 14px;
   line-height: 1.25rem;
   font-weight: 500;
   text-decoration: none;
   margin-right: 15px;
   padding: 0.75rem 1.25rem;
   border-radius: 0.75rem;
   color: #fff;
   background: #000;
   display: inline-block;
   transition: 0.3s ease-in-out;
 }


 .banner-buttons a:hover {
   background: #faaa18;
   color: #000;
 }


 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .max-w-xl {
   max-width: 36rem;
 }

 .grid {
   display: grid;
 }

 .num-count {
   border: 1px solid #ddd;
   border-radius: 10px;
   padding: 20px;
   line-height: 1.3;
   font-size: 1.875rem;
   font-weight: 600;
   color: #000;
   background: #fff;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
 }

 .num-count span {
   display: block;
   font-size: 0.875rem;
   font-weight: 400;
   color: #555;
 }

 .hero-subheading {
   font-size: 1.25rem;
   font-weight: 500;
 }

 /* ===========================
   Pricing Section
=========================== */
 .service-section {
   padding: 10px 0;
   /* background: #f9fafc; */
 }

 .service-section .section-title {
   font-weight: 600;
   font-size: 2.2rem;
   margin: 15px 0 5px 10px;
 }

 .service-section .section-text {
   border: 1px solid #000;
   border-radius: 30px;
   padding: 5px 10px;
   font-size: 13px;
   font-weight: 600;
   height: 30px;
   margin: 22px;
 }

 .service-section .section-subtitle {
   font-size: 1rem;
   color: #666;
   margin-bottom: 30px;
 }

 .service-section .underline {
   width: 80px;
   height: 4px;
   background: linear-gradient(90deg, #7b61ff, #a07cff, transparent);
   border-radius: 4px;
   margin: 10px 0 20px 0;
 }

 .service-card {
   height: 310px;
   background: #fff;
   border-radius: 16px;
   padding: 24px;
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
   text-align: left;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid #eee;
 }

 .service-card:hover {
   /* transform: translateY(-5px); */
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
 }

 .service-card h5 {
   font-weight: 600;
   margin-bottom: 10px;
   font-size: 1.125rem;
   line-height: 1.75rem;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }

 .service-card span {
   font-size: 15px;
   color: #444;

 }

 .service-card p {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #444;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }

 .service-card .price {
   font-size: 1.8rem;
   font-weight: 800;
   color: #374151;
   margin-bottom: 15px;
 }

 .service-card ul {
   padding-left: 20px;
   margin-bottom: 20px;
 }

 .service-card ul li {
   margin-bottom: 8px;
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }

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

 .bg-title {
   background: linear-gradient(30deg, rgba(250, 170, 24, 1) 0%, rgba(250, 170, 24, 1) 0%, rgba(245, 208, 127, 1) 50%, rgba(232, 165, 9, 1) 100%, rgba(250, 170, 24, 1) 100%);
   margin-bottom: 20px;
   border-radius: 10px;
   font-weight: 600;
 }

 .service-btn {
   display: block;
   width: 100%;
   text-align: center;
   padding: 12px;
   border-radius: 12px;
   font-weight: 600;
   border: 1px solid #a07cff;
   background: #fff;
   color: #000;
   transition: all 0.3s ease;
 }

 .service-btn:hover {
   background: #7b61ff;
   color: #fff;
 }

 /* Highlighted middle card */
 .service-card.featured {
   border: 2px solid #7b61ff;
 }

 .service-card.featured .service-btn {
   background: linear-gradient(90deg, #7b61ff, #5a3fd4);
   color: #fff;
   border: none;
 }


 /* your agency section */

 .features-section {
   padding: 30px 0;
 }

 .features-section h2 {
   font-size: 2.2rem;
   font-weight: 700;
   margin-bottom: 15px;
   text-align: center;
 }

 .features-section .section-desc {
   max-width: 700px;
   margin: 0 auto 50px;
   text-align: center;
   font-size: 1rem;
   color: #555;
 }

 .feature-box {
   background: #fff;
   border: 1px solid #eee;
   border-radius: 12px;
   padding: 20px;
   display: flex;
   align-items: flex-start;
   gap: 15px;
   transition: 0.3s ease-in-out;
   margin-bottom: 20px;
 }

 .feature-box:hover {
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
 }

 .feature-icon {
   width: 40px;
   height: 40px;
   border-radius: 10px;
   background: #f3f2ff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   color: #7c5cff;
   flex-shrink: 0;
 }

 .feature-box h5 {
   font-size: 1rem;
   font-weight: 600;
   margin-bottom: 5px;
 }

 .feature-box p {
   font-size: 0.9rem;
   color: #555;
   margin: 0;
 }


 /* Whu choose us*/

 section.why-choose-us {
   padding: 60px 0;
 }

 .section-title {
   font-weight: 600;
   font-size: 2rem;
 }

 .card-custom {
   border: none;
   border-radius: 15px;
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
 }

 .card-custom:hover {
   transform: translateY(-5px);
 }

 .card-img-top {
   background: #0d1117;
   height: 180px;
   border-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   font-size: 14px;
 }

 .card-title {
   font-weight: 600;
   margin-top: 15px;
 }


 /* how it works */

 /* section.how-it-works {
   padding: 30px 0;
 } */

 section.how-it-works .section-title {
   /* margin-bottom: 28px; */
   padding: 15px;
 }

 .section-title {
   font-weight: 600;
   font-size: 2rem;
 }

 .process-step {
   background: #fff;
   border-radius: 15px;
   padding: 30px 20px;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
   transition: transform 0.3s ease;
   height: 100%;
 }

 .process-step:hover {
   transform: translateY(-8px);
 }

 .step-number {
   width: 60px;
   height: 60px;
   margin: 0 auto 15px;
   border-radius: 50%;
   background: #faaa18;
   color: #000;
   font-weight: 700;
   font-size: 1.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .process-step .sub-title {
   font-size: 1.25rem;
   font-weight: 600;
   margin-top: 10px;
 }

 .process-step p {
   color: #495057;
   font-size: 0.95rem;
 }


 .our-success {
   padding: 30px 0;
 }

 .our-success h2 {
   font-weight: 600;
   font-size: 2rem;
   padding: 15px;
   /* margin-bottom: 28px; */
 }

 .our-success .crousel-item img {
   height: "350px";
 }





 /* ===========================
   Testimonials Section
=========================== */
 .testimonial-section {
   padding: 30px 0;
 }

 .testimonial-title h1 {
   font-size: 1.875rem;
   line-height: 2.25rem;
   font-weight: 600;
   margin-bottom: 28px;
 }

 .testimonial-title {
   padding: 15px;
 }

 .testimonial-subtitle {
    font-size: 1.6rem;
    line-height: 1.4;
    border-bottom: 1px solid #faaa18;
    width: fit-content;
 }

 .testimonial-slider {
   position: relative;
   overflow: hidden;
   margin: 0 auto;
 }

 .testimonial-track {
   display: flex;
   animation: slide 20s linear infinite;
 }

 .testimonial-card {
   height: 300px;
   min-width: 300px;
   background: #fff;
   border-radius: 8px;
   padding: 20px;
   margin: 10px;
   box-shadow: 0 4px 10px rgba(250, 170, 24, 0.1);
   text-align: left;
 }

 .testimonial-card2 {
   height: 200px;
   min-width: 300px;
   background: #fff;
   border-radius: 8px;
   padding: 20px;
   margin: 10px;
   box-shadow: 0 4px 10px rgba(250, 170, 24, 0.1);
   text-align: left;
 }

 .testimonial-card p {
   font-size: 1rem;
 }

 .testimonial-card h5 {
   margin-top: 15px;
   font-weight: 500;
   font-size: 0.875rem;
 }

 .testimonial-card2 h5 {
   margin-top: 15px;
   font-weight: 500;
   font-size: 0.875rem;
 }

 @keyframes slide {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-50%);
   }
 }







 /* ===========================
   Pricing Section
=========================== */
 /* .pricing-section {
   padding: 30px 0;
   
 } */

 .pricing-section .section-title {

   font-size: 2rem;
   font-weight: 600;
   font-size: 1.875rem;
   line-height: 2.25rem;
   padding: 15px;
 }

 .pricing-section h5 {
   border-bottom: 1px solid #faaa18;
   width: fit-content;
 }

 .pricing-section .section-subtitle {
   font-size: 1rem;
   text-align: end;
   color: #666;
   margin: 20px 20px 0 0;
   /* margin-bottom: 30px; */
 }



 .price-card {
   background: #fff;
   border-radius: 16px;
   padding: 30px 20px;
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
   text-align: left;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border: 1px solid #eee;
 }

 .price-card:hover {
   transform: translateY(-5px);
   box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.1);
 }

 .price-card h5 {
   font-weight: 600;
   font-size: 1.25rem;
   line-height: 1.75rem;
   margin-bottom: 10px;
 }

 .price-card .price {

   font-weight: 800;
   font-size: 1.875rem;
   line-height: 2.25rem;
   color: #374151;
   margin-bottom: 15px;
 }

@media only screen and (max-width: 766px) {
    
    .price-card .price {
        font-size: 1.00rem;
    }
}
 .price-card ul {
   padding-left: 20px;
   margin-bottom: 20px;
 }

 .price-card ul li {
   margin-bottom: 3px;
   font-size: 0.95rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #444;
 }

 .price-btn {
   display: block;
   width: 100%;
   text-align: center;
   padding: 12px;
   border-radius: 12px;
   font-weight: 600;
   border: 1px solid #000;
   background: #fff;
   color: #000;
   transition: all 0.3s ease;
 }

 .price-btn:hover {
   background: #000;
   color: #fff;
 }



 /* ===========================
   FAQ Section
=========================== */
 .faq-section {
   padding: 30px 0;
   /* background: #f9fafc; */
 }

 .faq-title {
   font-weight: 600;
   font-size: 2rem;
   padding: 15px;
   /* margin-bottom: 28px; */
 }


 /* Accordion custom design */

 .accordion-header {
   font-size: 2rem;
   font-weight: 500;
   line-height: 1.2;
 }

 .accordion-item {
   border: none;
   margin-bottom: 15px;
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
 }

 .accordion-button {
   background: #fff;
   font-weight: 600;
   font-size: 1rem;
   padding: 15px 20px;
   color: #fff;
 }


 .accordion-button:not(.collapsed) {
   color: #fff;
   background-color: #252a31;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
 }

 .accordion-button:focus {
   box-shadow: none;
 }

 .accordion-body {
   background: #fff;
   padding: 15px 20px;
   color: #555;
   font-size: 0.95rem;
   line-height: 1.6;
 }

 /* .contact-section {
   padding: 60px 0;
 } */

 .contact-section h2 {
   padding: 15px;
 }

 .info-box {
   width: 15rem;
   background: #fff;
   border-radius: 12px;
   padding: 20px 20px 5px 20px;
   /* text-align: center; */
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
   margin-bottom: 20px;
 }

 .info-box h3 {
   font-size: 1.8rem;
   /* font-weight: bold; */
   margin-bottom: 0px;
 }

 .info-box p {
   font-size: 1rem;
   color: #555;
 }

 .contact-form {
   background: #fff;
   padding: 30px;
   border-radius: 12px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
 }

 .form-control,
 .form-select {
   border-radius: 8px;
 }

 .btn[type='submit'] {
   background: var(--main-color);
   color: #fff;
   border-radius: 8px;
   padding: 10px 20px;
   width: 100%;
   font-weight: bold;
 }

 .btn[type='submit']:hover {
   background: #faaa18;
   color: #fff;

 }

 /* thankyou page */
 .thank-you-box {
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   padding: 50px;
   border-radius: 15px;
   text-align: center;
   max-width: 500px;
   box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
 }

 .thank-you-box i {
   font-size: 4rem;
   color: #000000;
   margin-bottom: 20px;
 }

 .thank-you-box h1 {
   font-size: 2.5rem;
   margin-bottom: 15px;
 }

 .thank-you-box p {
   font-size: 1.2rem;
   margin-bottom: 30px;
 }

 .btn-home {
   background-color: #ffd700;
   color: #333;
   font-weight: bold;
   padding: 12px 25px;
   border-radius: 50px;
   transition: background-color 0.3s ease;
 }

 .btn-home:hover {
   background-color: #ffca00;
   color: #000;
 }




 /*Footer*/

 footer {
   background: #fff;
   padding: 18px 0;
   text-align: center;
   border-top: 1px solid #e6e6e6;
   font-size: 0.95rem;
   color: #444;
 }

 footer p {
   color: #555;
 }


 .wf-hero-section {
   background: #f8f9fa;
   border-radius: 15px;

   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;

 }

 .aspect-\[16\/10\] {
   aspect-ratio: 16 / 10;
 }

 .wf-hero-section img {
   max-width: 100%;
   max-height: 100%;
   border-radius: 15px;
 }

 .wf-card-box {
   background: #f8f9fa;
   border-radius: 15px;
   min-height: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;

   transition: 0.3s ease-in-out;
 }

 .wf-card-box:hover {
   transform: translateY(-5px);
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
 }

 /* Nayan Css */
 .box-shadow-yellow {
   -webkit-box-shadow: 0px 0px 105px 45px rgba(254, 243, 199, 0.4);
   -moz-box-shadow: 0px 0px 105px 45px rgba(254, 243, 199, 0.4);
   box-shadow: 0px 0px 105px 45px rgba(254, 243, 199, 0.4);
 }

 .hero-col {
   padding: 30px 20px;
 }

 .fixedBtn {
   padding: 5px;
   border-radius: 12px;
   background: #000 !important;
   color: #fff !important;
   width: -webkit-fill-available;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: gray;
 }

 .our-success .carousel-inner {
   border: 1px solid lightgray;
   border-radius: 20px;
 }


 .footer-container.thankyou {
   position: fixed;
   bottom: 0;
   max-width: 100vw !important;
 }

 .footer-container.thankyou {
   position: fixed;
   bottom: 0;
   max-width: 100vw !important;
 }

 .top-space {
   padding-top: 60px;
 }

 .hero-icons {
   width: 60px;
   height: 60px;
 }

 .accordion-button:not(.collapsed),
 .accordion-button[aria-expanded="true"] {
   background: linear-gradient(135deg, #faaa18, #ffd27a) !important;
 }

 .zoho_form-container-header .zcwf_lblLeft .zcwf_button {
   background: #faaa18 !important;
 }

 .accordion-button:focus {
   box-shadow: none !important;
   border-color: none !important;
 }

 .h-90 {
   height: 90% !important;
 }

 .banner .zoho_form-container-header #crmWebToEntityForm {
   background: none !important;
 }

 .banner .zoho_form-container-header {
   border: none !important;
   background: none !important;
   box-shadow: none !important;
 }

 .centerAlign {
   display: grid;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 input#Phone {
   padding-left: 10%;
 }

 input#Email {
   padding-left: 10%;
 }

 input#Email_11 {
   padding-left: 10%;
 }


 .body-stats {
   --pink: #ff7b7b;
   --green: #2ecc71;
   --gold: #d4a017;
   --muted: #505050;
   --divider: #e6e6e6;
 }


 .stats {
   /*max-width: 950px;*/
   margin: 50px auto;
   /* padding: 10px 18px 60px; */
 }

 .stats-row {
   display: flex;
   justify-content: center;
   /* NATURAL spacing */
   align-items: center;
   /* gap: 40px; */
   /* small spacing */
   flex-wrap: wrap;
 }

 .stat-card {
   width: auto;
   /* allow natural content width */
   flex: 0 0 auto;
   /* prevent stretching */
   min-width: fit-content;
   justify-content: center;
   max-width: unset;
   text-align: center;
   padding: 12px 20px;
   position: relative;
   display: flex;
   align-items: center;
   gap: 18px;
 }


 /* big number column */
 .stat-left {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 10px;
   min-width: 140px;
 }

 .stat-number {
   font-weight: 600;
   font-size: 40px;
   line-height: 1;
   color: #faac1d;
   letter-spacing: -1px;
 }

 .stat-number.green {
   color: var(--green);
 }

 .stat-number.gold {
   color: var(--gold);
 }

 .stat-number.dark {
   color: #222;
 }

 .stat-plus {
   font-weight: 800;
   font-size: 40px;
   margin-left: 6px;
   color: inherit;
 }

 .stat-label {
   font-size: 16px;
   color: #666;
 }

 /* vertical divider */
 .v-divider {
   width: 1px;
   height: 75px;
   background: var(--divider);
   margin: 0 6px;
 }

 /* horizontal thin line between rows (like your image) */
 .row-sep {
   width: 100%;
   height: 1px;
   background: var(--divider);
   /* margin: 28px 0; */
 }

 /* center the whole block horizontally like the screenshot */
 .stats-container {
   display: flex;
   justify-content: center;
 }

 /* infinity symbol style */
 .infty {
   font-size: 70px;
   color: #faac1d;
   font-weight: 600;
   line-height: 0.55;
 }

 /* responsive tweaks */
 @media (max-width:1399px) {
     .stat-card {
        padding: 12px 10px;
    }
 }
 @media (max-width:1199px) {
     .stat-card {
        width: 31%;
    }
 }
 @media (max-width:768px) {
    .stat-card {
        width: 100%;
    }
   .stat-number {
     font-size: 40px;
   }

   .stat-card {
     justify-content: center;
     gap: 10px;
     text-align: center;
   }

   .stat-left {
     min-width: unset;
   }

   .v-divider {
     display: none;
   }
 }