/* dealer first section*********************************** */

        :root {
            --primarydd: #8cc739;
            --primary-darkdd: #7ab02e;
            --primary-lightdd: rgba(140, 199, 57, 0.1);
            --darkdd: #1a1a1a;
            --lightdd: #f8f9fa;
            --graydd: #6c757d;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
     
        
        .herodd1 {
            position: relative;
            width: 100%;
            height: fit-content;
            min-height: 700px;
            overflow: hidden;
            display: flex;
            align-items: center;
            font-family: 'Poppins', sans-serif;
            color: var(--darkdd);
            margin-top:100px;
           
            background-color: var(--lightdd);
        }
        
        .herodd1-container {
            display: flex;
            width: 100%;
            height: 100%;
            max-width: 1500px;
            margin: 0 auto;
            position: relative;
            align-items: center;
        }
        
        .herodd1-content {
            position: relative;
            z-index: 2;
            width: 40%;
            margin: 0 auto;
           
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .herodd1 h1 {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            line-height: 1.2;
            color: var(--darkdd);
            position: relative;
        }
        
        .herodd1 h1 span {
            color: var(--primarydd);
            position: relative;
            display: inline-block;
        }
        
        .herodd1 h1 span::after {
            content: '';
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
            height: 10px;
            background-color: var(--primary-lightdd);
            z-index: -1;
            border-radius: 10px;
        }
        
        .herodd1 p {
            font-size: 1.1rem;
            margin-bottom: 2rem;
            color: var(--graydd);
        }

        
        .herodd1-image {
            position: absolute;
            z-index: 1;     
        }
        
        .scooter-imagedd1 {
            left: 0;
         width: 100%;
         background-size: cover;
         background-repeat: no-repeat;
        }
        
        .man-imagedd1 {
            right: 0 !important;
           width: 100%;
           height: fit-content;

           
        }
        
        /* Circular design elements */
        .circledd {
            border-radius: 50%;
            position: absolute;
            background-color: #baee6790;
            z-index: 0;
        }
        
        .circledd-1 {
            width: 400px;
            height: 400px;
            top: -150px;
            right: -150px;
            opacity: 0.5;
           background: radial-gradient(circle, white 50%,rgba(187, 228, 83, 0.59) 50%);
          
        }
        
        .circledd-2 {
            width: 500px;
            height: 500px;
            bottom: 0px;
            left: 0px;
            border-radius: 1px;
            background-color: #8cc739;
            clip-path: polygon(0 0, 0% 100%, 100% 100%);


            opacity: 0.7;

        }
        
        .circledd-3 {
             background-color: #b8e25c85;
            width: 200px;
            height: 200px;
            top: 30%;
            left: 30%;
            opacity: 0.4;
        }
        
        /* Stats section */
        .stats {
            display: flex;
            gap: 2rem;
            margin-top: 3rem;
            justify-content: center;
        }
        
        .stat-itemdd1 {
             background-color: rgba(255, 255, 255, 0.44); /* semi-transparent for blur */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: 20px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .stat-itemdd1:hover {
            transform: translateY(-10px) scale(1.05);
            box-shadow: 0 15px 30px rgba(140, 199, 57, 0.2);
        }
        
        .stat-numberdd1 {
            font-size: 1.8rem;
            font-weight: 700;
            color: rgba(112, 208, 60, 1);
            margin-bottom: 5px;
        }
        
        .stat-labeldd1 {
            font-size: 0.8rem;
            color: rgba(9, 12, 4, 0.72);
            text-align: center;
        }
        
        /* Scroll down indicator */
        .scroll-downdd1 {
            position: absolute;
            bottom:-100px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            animation: bouncedd1 2s infinite;
            cursor: pointer;
        }
        
        .scroll-downdd1 i {
            font-size: 2rem;
            color: var(--primarydd);
            background-color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        
        .scroll-downdd1 i:hover {
            transform: scale(1.1);
            color: white;
            background-color: var(--primarydd);
        }
        

        
        @keyframes bouncedd1 {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0) translateX(-50%);
            }
            40% {
                transform: translateY(-20px) translateX(-50%);
            }
            60% {
                transform: translateY(-10px) translateX(-50%);
            }
        }
        
        /* Responsive styles */
        @media (max-width: 1200px) {
           
            .scooter-imagedd1 {
    left: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    /* margin-top: 20px; */
    bottom: 0px !important;
}
            }
            
            @media (max-width: 992px) {
                .herodd1 {
                    text-align: center;
                }
              
            .herodd1-content {
                width: 80%;
                margin: 0 auto;
                align-items: center;
            }
            
            /* .cta-button {
                margin: 0 auto;
            } */
                .herodd1-content p{
                    /* display: none; */
                }
            
             .man-imagedd1 {
               position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: 100%;
        max-width: 100%;
       
        display: block;
            }
            .scooter-imagedd1{
                display:none;
                bottom: 0;
            }

            .scroll-downdd1 {
    position: absolute;
    bottom: 0px !important;
    left: 50%;
            }
            
            .herodd1-container {
                flex-direction: column;
                justify-content: center;
                padding-top: 200px;
            }
            
         .herodd1-image {
               display: block;
            }
            
            .stats {
                flex-wrap: wrap;
                display: flex;
            }
        }
        
        @media (max-width: 768px) {
            .herodd1 {
            margin-top: 0px;
           
        }
            .herodd1 h1 {
                font-size: 2.5rem;
            }
            
            .herodd1-content {
                width: 90%;
            }
            
            .stat-itemdd1 {
                width: 100px;
                height: 100px;
            }
            
            .stat-numberdd1 {
                font-size: 1.5rem;
            }
             .scroll-downdd1 i {
                bottom: 0px !important;
             }
        }
        
        @media (max-width: 576px) {
            .herodd1 h1 {
                font-size: 2rem;
            }
            
            .herodd1 p {
                font-size: 1rem;
            }
        
            .stats {
                gap: 1rem;
            }
            
            .stat-itemdd1 {
                width: 80px;
                height: 80px;
                padding: 10px;
            }
            
            .stat-numberdd1 {
                font-size: 1.2rem;
            }
            
            .stat-labeldd1 {
                font-size: 0.7rem;
            }
            .scroll-downdd1 i {
                bottom: 0px !important;
    font-size: 1rem;
    width: 40px;
    height: 40px;
        }
    }

     /* dealer first section*********************************** */

    /* //  channel section************************************************************************************** */
   
        :root {
            --primary-colord2: #8cc739;
            --primary-darkd2: #6da52d;
            --primary-lightd2: #e8f5d5;
            --text-colord2: #333;
            --light-bgd2: #f9f9f9;
            --whited2: #ffffff;
            --darkd2: #222222;
            --shadowd2: 0 15px 40px rgba(0,0,0,0.12);
            --transitiond2: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
     
        
        .containerdd {
           
            font-family: 'Poppins', sans-serif;
            line-height: 1.7;
            max-width: 1300px;
            margin: 0 auto;
            padding: 4rem 2rem;
            position: relative;
               color: var(--text-colord2);
            overflow-x: hidden;
        }
        
        .headingd22 {
            text-align: center;
            margin-bottom: 5rem;
            position: relative;
            padding-bottom: 2rem;
        }
        
        .headingd22 h1 {
            font-size: 3.5rem;
            color: var(--darkd2);
            margin-bottom: 1.5rem;
            font-weight: 800;
            position: relative;
            display: inline-block;
            line-height: 1.2;
        }
        
        .headingd22 h1 span {
            color: var(--primary-colord2);
            position: relative;
        }
        
        .headingd22 h1 span::after {
            content: '';
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
            height: 12px;
            background: var(--primary-lightd2);
            z-index: -1;
            border-radius: 20px;
        }
        
        .headingd22 p {
            font-size: 1.25rem;
            max-width: 700px;
            margin: 0 auto;
            color: #555;
        }
        
        .photo-containerd22 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 3rem;
            margin-top: 4rem;
        }
        
        .carddff {
            background: var(--whited2);
            border-radius: 25px;
            overflow: hidden;
            box-shadow: var(--shadowd2);
            transition: var(--transitiond2);
            position: relative;
            text-align: center;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .carddff:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px rgba(0,0,0,0.15);
        }
        
        .carddff::before {
            content: '';
            position: absolute;
            top: -30px;
            right: -30px;
            width: 80px;
            height: 80px;
            background: var(--primary-colord2);
            border-radius: 50%;
            /* opacity: 0.15; */
            transition: var(--transitiond2);
        }
        
        .carddff:hover::before {
            transform: scale(1.2);
            opacity: 0.2;
        }
        
        .carddff-content222 {
            padding: 2.5rem;
            flex: 1;
            display: flex;
            flex-direction: column;
            position: relative;
            z-index: 2;
        }
        
        .carddff h1 {
            font-size: 2.5rem;
            color: var(--primary-colord2);
            margin-bottom: 1.5rem;
            position: relative;
            display: inline-block;
            font-weight: 700;
        }
        
        .carddff h1::before {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 4px;
            background: var(--primary-darkd2);
            border-radius: 3px;
            transition: var(--transitiond2);
        }
        
        .carddff:hover h1::before {
            width: 80px;
        }
        
        .carddff p {
            color: #555;
            margin-bottom: 2rem;
            font-size: 1.1rem;
            flex: 1;
        }
        
        .image-containerdff {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
            border-radius: 0 0 20px 20px;
        }
        
        .carddff img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transitiond2);
        }
        
        .carddff:hover img {
            transform: scale(1.05);
        }
        
        .stats-icon22 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            color: white;
            background: rgba(140, 199, 57, 1);
            box-shadow: 0px 0px 0px 20px rgb(0 0 0 / 64%);
            border-radius: 50%;
            margin: 0 auto 1.5rem;
            font-size: 2rem;
     
            transition: var(--transitiond2);
        }
        
        .carddff:hover .stats-icon22 {
            background: var(--primary-colord2);
            color: white;
            transform: rotate(15deg) scale(1.1);
        }
        
        .learn-more22 {
            display: inline-block;
            margin-top: 1.5rem;
            padding: 0.8rem 2rem;
            background: var(--primary-colord2);
            color: white;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: var(--transitiond2);
            align-self: center;
            border: 2px solid var(--primary-colord2);
        }
        
        .learn-more22:hover {
            background: transparent;
            color: var(--primary-colord2);
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(140, 199, 57, 0.3);
        }
        
        /* Floating circles */
        .floating-circles22 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
            z-index: -1;
            
        }
        
        .floating-circles22 div {
            position: absolute;
            border-radius: 50%;
             background: radial-gradient(circle, white 50%,rgba(187, 228, 83, 0.59) 50%);
            animation: floatdf 15s infinite linear;
        }
        
        @keyframes floatdf {
            0% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(180deg); }
            100% { transform: translateY(0) rotate(360deg); }
        }
        
        /* Responsive design */
        @media (max-width: 992px) {
            .headingd22 h1 {
                font-size: 2.8rem;
            }
            
            .photo-containerd22 {
                gap: 2rem;
            }
        }
        
        @media (max-width: 768px) {
            .containerdd {
                padding: 3rem 1.5rem;
            }
            
            .headingd22 {
                margin-bottom: 3rem;
            }
            
            .headingd22 h1 {
                font-size: 2.2rem;
            }
            
            .headingd22 p {
                font-size: 1.1rem;
            }
            
            .photo-containerd22 {
                grid-template-columns: 1fr;
                gap: 2.5rem;
                margin-top: 2.5rem;
            }
            
            .carddff h1 {
                font-size: 2rem;
            }
            
            .image-containerdff {
                height: 100%;
            }
        }
        
        /* Glow effect */
        .glowdf {
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(140, 199, 57, 0.15) 0%, rgba(140, 199, 57, 0) 70%);
            filter: blur(20px);
            z-index: -1;
        }
        
        .glow-1df {
            top: 10%;
            left: 10%;
            animation: pulse-glowdtt 4s infinite alternate;
        }
        
        .glow-2df {
            bottom: 10%;
            right: 10%;
            animation: pulse-glowdtt 4s infinite alternate-reverse;
        }
        
        @keyframes pulse-glowdtt {
            0% { transform: scale(1); opacity: 0.7; }
            100% { transform: scale(1.2); opacity: 0.9; }
        }
        
        /* Particle animation */
        .particlesd2 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            overflow: hidden;
        }
        
        .particledf {
            position: absolute;
            background: var(--primary-colord2);
            border-radius: 50%;
            opacity: 0.3;
            animation: float-particledf 15s infinite linear;
        }
        
        @keyframes float-particledf {
            0% { transform: translate(0, 0) rotate(0deg); opacity: 0.3; }
            50% { transform: translate(50px, -50px) rotate(180deg); opacity: 0.1; }
            100% { transform: translate(0, 0) rotate(360deg); opacity: 0.3; }
        }
   
    /* //  channel section************************************************************************************** */

 /* <!-- dealer last section**************************************************** --> */

        :root {
            --primary-themed3: #8cc739;
            --primary-darkd3: #6da02d;
            --primary-lightd3: #a8e04b;
            --text-darkd3: #333;
            --text-lightd3: #f8f8f8;
            --bg-gradientd3: linear-gradient(135deg, #f8f8f8 0%, #e8e8e8 100%);
        }
        
      
        .hero-contained33r {
            position: relative;
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            background: #8cc739;
            font-family: 'Segoe UI', system-ui, sans-serif;
      
    
        }
        
     
.goeen_trestd33 {
    width: 100%;
    position: absolute;
    z-index: 20;
    top: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    stroke-width: 3;
   
}
.goeen_trestd33 svg{
  /* text-align: center; */
  fill: none;
  stroke:rgba(0, 0, 0, 0.62);
  font-size: clamp(3rem, 6rem, 6rem);

} 

        .background-circled33sd33 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            overflow: hidden;
        }
        
        .circled33 {
            position: absolute;
            border-radius: 50%;
            background: rgba(227, 237, 214, 0.43);
            animation: floatd33 15s infinite linear;
        }
        
        .circled33:nth-child(1) {
            width: 300px;
            height: 300px;
            top: -50px;
            left: -50px;
            animation-delay: 0s;
        }
        
        .circled33:nth-child(2) {
            width: 150px;
            height: 150px;
            bottom: 100px;
            right: 100px;
            animation-delay: 2s;
        }
        
        .circled33:nth-child(3) {
            width: 200px;
            height: 200px;
            top: 30%;
            right: -50px;
            animation-delay: 4s;
        }
        
        .circled33:nth-child(4) {
            width: 250px;
            height: 250px;
            bottom: -50px;
            left: 30%;
            animation-delay: 6s;
        }
        
        .content-imaged33 {
            width: 100%;
            max-width: 1800px;
            height: 100%;
       
         
            z-index: 3;
            transition: transform 0.5s ease, box-shadow 0.5s ease;
           
        }
        
     
 
        
        @keyframes floatd33 {
            0% {
                transform: translateY(0) rotate(0deg);
            }
            50% {
                transform: translateY(-20px) rotate(180deg);
            }
            100% {
                transform: translateY(0) rotate(360deg);
            }
        }
        
        @media (max-width: 768px) {
            .hero-contained33r {
    position: relative;
    width: 100%;
    height: 70vh;
            }
         
             .content-imaged33 {
        width: 100%;
        height: 50%;
        position: absolute !important;
        bottom: 0px !important;
    }
            
            .content-imaged33:hover {
                transform: translateY(-30px) scale(1.02);
            }
            
            .circled33:nth-child(1) {
                width: 200px;
                height: 200px;
            }
            
            .circled33:nth-child(3) {
                width: 150px;
                height: 150px;
            }
            .goeen_trestd33 {
    width: 100%;
    position: absolute;
    z-index: 20;
    top: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
    stroke-width: 3;
   
}
.goeen_trestd33 svg{
  /* text-align: center; */
  fill: none;
  stroke:rgba(0, 0, 0, 0.62);
  font-size: clamp(3rem, 6rem, 6rem);

} 
        }
   
    /* <!-- dealer last section**************************************************** --> */

    
    /* <!-- form filed section******************************************* --> */

        :root {
            --primaryfff: #8cc739;
            --primary-darkfff: #6da52d;
            --primary-lightfff: #a8d96d;
            --primary-extra-lightfff: #e8f5d5;
            --secondaryfff: #2c3e50;
            --accentfff: #ff6b6b;
            --lightfff: #f8f9fa;
            --darkfff: #212529;
            --grayfff: #6c757d;
            --light-grayfff: #e9ecef;
        }
        
        /* * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
         */
        .body_deler {
            font-family: 'Poppins', sans-serif;
            background-color: #f5f7fa;
            color: var(--darkfff);
            line-height: 1.6;
            overflow-x: hidden;
        }
        
        .containerfff {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;

            
        }
        
        /* herofffff Section */
        .herofffff {
            /* background: linear-gradient(173deg, #93d4435c 80%, rgba(0, 0, 0, 0.686) 20%); */
            background-color: #8cc739;
            color: white !important;
            padding: 50px 20px;
            text-align: center;
            border-radius: 0 0 50% 50% / 0 0 20% 20%;
            margin: -1px -20px 40px;
            box-shadow: 0 20px 0px 17px rgb(0 0 0 / 64%);
            position: relative;
            overflow: hidden;
            z-index: 1;
            font-family: 'Poppins', sans-serif;
    
     

        }
        
        .herofffff::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background: url('https://images.unsplash.com/photo-1627855437693-dcc7b0c4ba7b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80') center/cover; */
            opacity: 0.5;
            z-index: -1;
      --c: 70px; /* control the curvature (works with percentage) */
  height: 200px;
  aspect-ratio: 3/2;
  /* you can also update the 60%  */
  mask: radial-gradient(60% var(--c) at bottom,#0000 calc(100% - 2px),#000);
  /*background: #28420dbe;*/

        }
        
        .herofffff-content {
            max-width: 800px;
            margin: 0 auto;
            position: relative;
        }
        
        .herofffff-circle {
            width: 150px;
            height: 150px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px;
            animation: pulsefffffff 2s infinite;
            box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1);
        }
        
        .herofffff-circle-inner {
            width: 110px;
            height: 110px;
            background-color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primaryfff);
            font-size: 3rem;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        }
        
        .h1f {
            font-family: 'Montserrat', sans-serif !important;
            color: white;
            font-size: 3.5rem;
            margin-bottom: 20px;
            font-weight: 700;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15);
        }
        
        .taglineffff {
            font-size: 1.4rem;
            margin-bottom: 30px;
            opacity: 0.9;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        /* Floating Scooter Animation */
        .floating-scooterfff {
            position: absolute;
            width: 150px;
            animation: floatfff 6s ease-in-out infinite;
            opacity: 0.9;
            z-index: 2;
        }
        
        .scooter-1fff {
            top: 20%;
            left: 5%;
        }
        
        .scooter-2fff {
            bottom: 10%;
            right: 5%;
            animation-delay: 1s;
        }
        
        /* Form Section */
        .form-sectionffff {
            padding: 40px 0;
            position: relative;
        }
        
        .form-containerfff {
            background: white;
            border-radius: 25px;
            padding: 60px;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);
            margin-bottom: 60px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(140, 199, 57, 0.2);
            z-index: 1;
        }
        
        .form-containerfff::before {
            content: "";
            position: absolute;
            bottom: -100px;
            left: -100px;
            width: 300px;
            height: 300px;
            background-color: #0506032b;
            border-radius: 50%;
            /* opacity: 0.5; */
            z-index: -1;
        }
        
        .form-containerfff::after {
            content: "";
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            background-color: #afdd4b55;
            border-radius: 50%;
            /* opacity: 0.3; */
            z-index: -1;
        }
        
        .form-headerfff {
            text-align: center;
            margin-bottom: 50px;
            position: relative;
            z-index: 1;
        }
        
        .form-headerfff h2 {
            color: var(--secondaryfff);
            font-size: 2.5rem;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }
        
        .form-headerfff h2::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: var(--primaryfff);
            border-radius: 2px;
        }
        
        .form-headerfff p {
            color: var(--grayfff);
            max-width: 700px;
            margin: 0 auto;
            font-size: 1.1rem;
        }
        
        .form-headerfff-circle {
            width: 80px;
            height: 80px;
            background-color: var(--primaryfff);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            color: white;
            font-size: 2rem;
            box-shadow: 0 10px 30px rgba(140, 199, 57, 0.4);
        }
        
        .form-groupffff {
            margin-bottom: 30px;
            position: relative;
        }
        
       #dealerApplication label {
            display: block;
            margin-bottom: 10px;
            font-weight: 500;
            color: var(--secondaryfff);
            font-size: 1.05rem;
        }
        
        .input-wrapperfff {
            position: relative;
        }
        
        .input-wrapperfff::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 15px;
            height: 100%;
            background-color: var(--primaryfff);
            border-radius: 12px 0 0 12px;
            opacity: 0.3;
        }
        
       #dealerApplication input, select {
            width: 100%;
            padding: 18px 25px 18px 35px;
            border: 1px solid #e0e0e0 !important;
            border-radius: 12px !important;
            font-family: 'Poppins', sans-serif;
            font-size: 1.05rem;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            background-color: var(--lightfff);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }
        
        #dealerApplication input:focus, select:focus {
            border-color: var(--primaryfff);
            outline: none;
            box-shadow: 0 0 0 3px rgba(140, 199, 57, 0.3);
            background-color: white;
        }
        
       #dealerApplication input::placeholder {
            color: #aaa;
            font-weight: 400;
        }
        
        .form-rowfff {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }
        
       #dealerApplic .required::after {
            content: " *";
            color: var(--accentfff);
        }
        
        /* OTP Section */
        .otp-fieldfff {
            display: none;
            margin-top: 40px;
            text-align: center;
            background-color: var(--primary-extra-lightfff);
            padding: 30px;
            border-radius: 15px;
        }
        
        .otp-titlefff {
            font-size: 1.2rem;
            color: var(--secondaryfff);
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .otp-inputsfff {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 25px;
        }
        .otp-digit {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
        
        .otp-inputsfff input {
            width: 70px;
            height: 70px;
            text-align: center;
            font-size: 1.8rem;
            font-weight: 600;
            padding: 0;
            border: 2px solid #ddd;
            border-radius: 50%;
            background-color: white;
        }
        
        .otp-inputsfff input:focus {
            border-color: var(--primaryfff);
            box-shadow: 0 0 0 3px rgba(140, 199, 57, 0.3);
        }
        
        .otp-message {
            font-size: 0.95rem;
            color: var(--grayfff);
            margin-bottom: 15px;
        }
        
        .otp-error {
            font-size: 0.95rem;
            color: var(--accentfff);
            font-weight: 500;
            margin-bottom: 15px;
            display: none;
        }
        
        .timer {
            color: var(--primary-darkfff);
            font-weight: 600;
        }
        
        /* Button Styles */
        .submit-btnfff {
            background: var(--primaryfff);
            color: white;
            border: none;
            padding: 20px 45px;
            font-size: 1.2rem;
            font-weight: 600;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            display: block;
            width: 100%;
            max-width: 350px;
            margin: 50px auto 0;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            overflow: hidden;
            z-index: 1;
            box-shadow: 0 10px 30px rgba(140, 199, 57, 0.4);
        }
        
        .submit-btnfff::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transition: 0.5s;
            z-index: -1;
        }
        
        .submit-btnfff:hover {
            background: var(--primary-darkfff);
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(140, 199, 57, 0.6);
        }
        
        .submit-btnfff:hover::before {
            left: 100%;
        }
        
        .submit-btnfff:active {
            transform: translateY(2px);
        }
        
        /* Success Message */
        .success-messagefff {
            display: none;
            text-align: center;
            padding: 40px;
            background-color: white;
            border-radius: 20px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
            margin-top: 30px;
        }
        
        .success-iconfff {
            width: 100px;
            height: 100px;
            background-color: var(--primary-extra-lightfff);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            color: var(--primaryfff);
            font-size: 3rem;
            animation: bouncefffff 1s;
        }
        
        .success-titlefff {
            font-size: 2rem;
            color: var(--secondaryfff);
            margin-bottom: 15px;
        }
        
        .success-textfff {
            color: var(--grayfff);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }
        
        /* Responsive Styles */
        @media (max-width: 1200px) {
            .floating-scooterfff {
                width: 120px;
            }
        }
        
        @media (max-width: 992px) {
           .h1f {
                font-size: 3rem;
            }
            
            .herofffff {
                padding: 80px 20px;
            }
            
            .herofffff-circle {
                width: 130px;
                height: 130px;
            }
            
            .herofffff-circle-inner {
                width: 90px;
                height: 90px;
                font-size: 2.5rem;
            }
            
            .form-containerfff {
                padding: 50px;
            }
            
            .floating-scooterfff {
                display: none;
            }
        }
        
        @media (max-width: 768px) {
           .h1f {
                font-size: 2.5rem;
            }
            
            .taglineffff {
                font-size: 1.2rem;
            }
            
            .herofffff-circle {
                width: 110px;
                height: 110px;
            }
            
            .herofffff-circle-inner {
                width: 80px;
                height: 80px;
                font-size: 2rem;
            }
            
            .form-containerfff {
                padding: 40px;
            }
            
            .form-headerfff h2 {
                font-size: 2.2rem;
            }
            
            input, select {
                padding: 16px 20px 16px 30px;
            }
            
            .otp-inputsfff input {
                width: 60px;
                height: 60px;
                font-size: 1.5rem;
            }
        }
        
        @media (max-width: 576px) {
            .h1f {
                font-size: 2.2rem;
            }
            
            .herofffff {
                padding: 70px 15px;
                border-radius: 0 0 30% 30% / 0 0 15% 15%;
            }
            
            .taglineffff {
                font-size: 1.1rem;
            }
            
            .form-rowfff {
                grid-template-columns: 1fr;
                gap:0;
            }
            
            .form-containerfff {
                padding: 30px 20px;
            }
            
            .form-headerfff h2 {
                font-size: 1.8rem;
            }
            
            .submit-btnfff {
                padding: 18px 30px;
                font-size: 1.1rem;
            }
            
            .otp-inputsfff input {
                width: 50px;
                height: 50px;
                font-size: 1.3rem;
            }
        }
        
        /* Animations */
        @keyframes pulsefffffff {
            0% { transform: scale(1); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1); }
            50% { transform: scale(1.05); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.15); }
            100% { transform: scale(1); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1); }
        }
        
        @keyframes floatfff {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(2deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        
        @keyframes bouncefffff {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-30px); }
            60% { transform: translateY(-15px); }
        }
  
    /* <!-- form filed section******************************************* --> */
    
    
    
    
    /* dealer faq section question*********************************************** */
   
        :root {
            --primary00: #8cc739;
            --primary-dark00: #6da52d;
            --primary-light00: #a8e05f;
            --primary-extra-light00: #e8f5d5;
            --secondary00: #2c3e50;
            --accent00: #ff6b6b;
            --text00: #333333;
            --text-light00: #777777;
            --light00: #f9f9f9;
            --white00: #ffffff;
            --dark00: #222222;
            --radius-circle00: 50%;
            --radius-large00: 24px;
            --radius-medium00: 16px;
            --radius-small00: 8px;
            --shadow-sm00: 0 2px 8px rgba(0,0,0,0.08);
            --shadow-md00: 0 4px 16px rgba(0,0,0,0.12);
            --shadow-lg00: 0 8px 30px rgba(0,0,0,0.15);
            --transition00: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
            --transition-fast: all 0.2s ease;
        }
        html {
    scroll-behavior: smooth;
}

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .dealer-faq{
            font-family: 'Poppins', sans-serif;
            color: var(--text00);
            line-height: 1.7;
            background-color: var(--light00);
            overflow-x: hidden;
        }

        .container000 {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 32px;
        }

       .dealer-faq section {
            padding: 100px 0;
            position: relative;
        }

       .dealer-faq h1, h2, h3, h4, h5, h6 {
            font-weight: 700;
            line-height: 1.3;
        }

        .dealer-faq a {
            text-decoration: none;
            color: inherit;
        }

        .btn0000 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 32px;
            border-radius: 50px;
            font-weight: 600;
            text-align: center;
            cursor: pointer;
            transition: var(--transition00);
            position: relative;
            overflow: hidden;
            z-index: 1;
            border: none;
            outline: none;
        }

        .btn0000-primary {
            background-color: var(--primary00);
            color: var(--white00);
            box-shadow: 0 4px 20px rgba(140, 199, 57, 0.4);
        }

        .btn0000-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 30px rgba(140, 199, 57, 0.5);
        }

        .btn0000-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, var(--primary-dark00), var(--primary00));
            z-index: -1;
            opacity: 0;
            transition: var(--transition00);
        }

        .btn0000-primary:hover::before {
            opacity: 1;
        }

        .btn0000-secondary {
            background-color: var(--white00);
            color: var(--primary00);
            box-shadow: var(--shadow-sm00);
        }

        .btn0000-secondary:hover {
            transform: translateY(-3px);
            box-shadow: var(--shadow-md00);
            color: var(--primary-dark00);
        }

        .section-header0000 {
            text-align: center;
            margin-bottom: 60px;
            position: relative;
        }

        .section-header0000 h2 {
            font-size: 2.5rem;
            margin-bottom: 16px;
            position: relative;
            display: inline-block;
        }

        .section-header0000 h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: var(--primary00);
            border-radius: 2px;
        }

        .section-header0000 p {
            max-width: 700px;
            margin: 0 auto;
            color: var(--text-light00);
            font-size: 1.1rem;
        }

    
       
        @keyframes float000 {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }

        /* stats000 Section */
        .stats000 {
            background-color: var(--white00);
            padding: 80px 0;
            box-shadow: 0 10px 40px rgba(0,0,0,0.05);
            position: relative;
            z-index: 2;
            margin-top: -60px;
            border-radius: var(--radius-large00);
        }

        .stats000-container000 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
        }

        .stat-item000 {
            text-align: center;
            padding: 30px;
            background-color: transparent;
            border-radius: var(--radius-medium00);
            transition: var(--transition00);
            box-shadow: inset -2px -5px 5px 0px #000000ab;
        }

        .stat-item000:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-md00);
        }

        .stat-numberooo {
            font-size: 3rem;
            font-weight: 700;
            color: var(--primary00);
            margin-bottom: 10px;
            line-height: 1;
        }

        .stat-labelooo {
            font-size: 1.1rem;
            color: var(--text-light00);
        }

        /* benefitsooo Section */
        .benefitsooo {
            background-color: var(--white00);
            position: relative;
            overflow: hidden;
        }

        .benefitsooo::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><circle cx="25" cy="25" r="5" fill="%23e8f5d5"/><circle cx="75" cy="75" r="5" fill="%23e8f5d5"/><circle cx="25" cy="75" r="5" fill="%23e8f5d5"/><circle cx="75" cy="25" r="5" fill="%23e8f5d5"/></svg>');
            opacity: 0.3;
            z-index: 0;
        }

        .benefitsooo-container000 {
            position: relative;
            z-index: 1;
        }

        .benefitsooo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
        }

        .benefit-cardooo {
            background-color: var(--white00);
            border-radius: var(--radius-large00);
            padding: 40px;
           box-shadow: 7px 9px 11px 0px rgb(0 0 0 / 49%);
            transition: var(--transition00);
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(0,0,0,0.05);
        }

        .benefit-cardooo:hover {
            transform: translateY(-10px);
            box-shadow: var(--shadow-lg00);
        }

        .benefit-cardooo::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: linear-gradient(to bottom, var(--primary00), var(--primary-dark00));
            transition: var(--transition00);
        }

        .benefit-cardooo:hover::before {
            width: 8px;
        }

        .benefit-icon000 {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, var(--primary-light00), var(--primary00));
            border-radius: var(--radius-circle00);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 30px;
            color: var(--white00);
            font-size: 2rem;
            box-shadow: 0px 0px 0px 20px rgb(78 115 35);
        }

        .benefit-cardooo h3 {
            font-size: 1.5rem;
            margin-bottom: 20px;
            color: var(--secondary00);
        }

        .benefit-cardooo p {
            color: var(--text-light00);
            margin-bottom: 20px;
        }

        .highlight000 {
            background-color: var(--primary-extra-light00);
            padding: 20px;
            border-radius: var(--radius-medium00);
            margin: 25px 0;
            position: relative;
        }

        .highlight000::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background-color: var(--primary00);
            border-radius: var(--radius-medium00) 0 0 var(--radius-medium00);
        }

        .highlight000 p {
            margin: 0;
            color: var(--text00);
            font-weight: 500;
        }

        /* Features Section */
        .features00 {
            background: linear-gradient(135deg, #8cc739, #8cc739);
            color: var(--white00);
            position: relative;
            overflow: hidden;
        }

    
            .wavy-lineft {
             position: absolute;
    top: -30%;
    right: 0;
    /* z-index: 6; */
    --s: 84px;
    --b: 56px;
    --m: 0.19;
    transform: rotate(335deg);
    background: #bede9a;
    --R: calc(var(--s) * sqrt(var(--m) * var(--m) + 1) + var(--b) / 2);
    height: calc(2 * var(--R));
    width: 100%;
    --_g: #0000 calc(99% - var(--b)), #000 calc(101% - var(--b)) 99%, #0000 101%;
    mask: radial-gradient(var(--R) at left 50% bottom calc(-1 * var(--m) * var(--s)), var(--_g)) calc(50% - 2 * var(--s)) calc(50% - var(--s) / 2 - var(--b) / 2) / calc(4 * var(--s)) calc(var(--s) + var(--b)) repeat-x, radial-gradient(var(--R) at left 50% top calc(-1 * var(--m) * var(--s)), var(--_g)) 50% calc(50% + var(--s) / 2 + var(--b) / 2) / calc(4 * var(--s)) calc(var(--s) + var(--b)) repeat-x;
}
.wavy-lineft2 {
    position: absolute;
    top: -45%;
    right: -40%;
    /* z-index: 6; */
    --s: 54px;
    --b: 26px;
    --m: 0.19;
    transform: rotate(272deg);
    background: #cbde9aff;
    --R: calc(var(--s) * sqrt(var(--m) * var(--m) + 1) + var(--b) / 2);
    height: calc(2 * var(--R));
    width: 100%;
    --_g: #0000 calc(99% - var(--b)), #000 calc(101% - var(--b)) 99%, #0000 101%;
    mask: radial-gradient(var(--R) at left 50% bottom calc(-1 * var(--m) * var(--s)), var(--_g)) calc(50% - 2 * var(--s)) calc(50% - var(--s) / 2 - var(--b) / 2) / calc(4 * var(--s)) calc(var(--s) + var(--b)) repeat-x, radial-gradient(var(--R) at left 50% top calc(-1 * var(--m) * var(--s)), var(--_g)) 50% calc(50% + var(--s) / 2 + var(--b) / 2) / calc(4 * var(--s)) calc(var(--s) + var(--b)) repeat-x;
}
         
       .arcft {
    position: absolute;
    top: -20%;
    right: -20%;
    --b: 80px;
    --a: 240deg;
    transform: rotate(115deg);
    width: 600px;
    aspect-ratio: 1;
    padding: var(--b);
    border-radius: 50%;
    background: #8cc739ab;
    --_g: /var(--b) var(--b) no-repeat radial-gradient(50% 50%,#000 97%,#0000);
    mask: top var(--_g), calc(50% + 50% * sin(var(--a))) calc(50% - 50% * cos(var(--a))) var(--_g), linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--a), #0000 0);
}

        .features00 .section-header0000 h2 {
            color: var(--white00);
        }

        .features00 .section-header0000 h2::after {
            background-color: var(--white00);
        }

        .features00 .section-header0000 p {
            color: rgba(255,255,255,0.8);
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .feature-card000 {
           background-color: transparent;
    backdrop-filter: blur(10px);
    border-radius: var(--radius-large00);
    padding: 40px 30px;
    text-align: center;
    transition: var(--transition00);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px -1px 20px 1px #517627;
        }

        .feature-card000:hover {
            transform: translateY(-10px);
            background-color: rgba(255,255,255,0.15);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }

        .feature-icon000 {
            width: 80px;
            height: 80px;
            margin: 0 auto 25px;
            background-color: rgba(255,255,255,0.2);
            border-radius: var(--radius-circle00);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: var(--white00);
            box-shadow: 0px 0px 0px 20px #0000006b;
        }

        .feature-card000 h3 {
            font-size: 1.4rem;
            margin-bottom: 15px;
        }

        .feature-card000 p {
            color: rgba(255,255,255,0.8);
            font-size: 1rem;
        }

        /* ERP Section */
        .erp00 {
            background-color: var(--light00);
            position: relative;
            overflow: hidden;
        }

        .erp-container000 {
            background-color: var(--white00);
            border-radius: var(--radius-large00);
            padding: 60px;
            box-shadow: var(--shadow-md00);
            position: relative;
            overflow: hidden;
        }

        .erp-container000::before {
            content: '';
            position: absolute;
            top: -100px;
            right: -100px;
            width: 300px;
            height: 300px;
            background-color: var(--primary-light00);
            border-radius: var(--radius-circle00);
            opacity: 0.1;
        }

        .erp-container000::after {
            content: '';
            position: absolute;
            bottom: -150px;
            left: -150px;
            width: 400px;
            height: 400px;
            background-color: var(--primary-light00);
            border-radius: var(--radius-circle00);
            opacity: 0.1;
        }

        .erp-content00 {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .erp-image00 {
            position: relative;
            animation: float000 6s ease-in-out infinite;
        }

        .erp-image00 img {
            max-width: 100%;
            height: auto;
            border-radius: var(--radius-medium00);
           
        }

        .erp-features00 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 25px;
        }

        .erp-feature00 {
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }

        .erp-feature-icon000 {
            min-width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--primary00), var(--primary-dark00));
            border-radius: var(--radius-circle00);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white00);
            font-size: 1.5rem;
            box-shadow: 0 5px 15px rgba(140, 199, 57, 0.3);
            flex-shrink: 0;
        }

        .erp-feature-content h4 {
            font-size: 1.2rem;
            margin-bottom: 8px;
            color: var(--secondary00);
        }

        .erp-feature-content p {
            color: var(--text-light00);
            font-size: 0.95rem;
        }

        

        /* cta00 Section */
        .cta00 {
            background: linear-gradient(135deg, var(--primary-dark00), var(--primary00));
            color: var(--white00);
            text-align: center;
            padding: 120px 0;
            position: relative;
            overflow: hidden;
        }

        .cta00::before {
            content: '';
            position: absolute;
            top: -300px;
            right: -300px;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
            border-radius: var(--radius-circle00);
        }

        .cta00::after {
            content: '';
            position: absolute;
            bottom: -400px;
            left: -400px;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 70%);
            border-radius: var(--radius-circle00);
        }

        .cta00-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
            margin: 0 auto;
        }

        .cta00 h2 {
            font-size: 2.8rem;
            margin-bottom: 20px;
            line-height: 1.3;
        }

        .cta00 p {
            font-size: 1.2rem;
            margin-bottom: 40px;
            opacity: 0.9;
        }

        .cta00-btn0000s {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        .scroll-down00 {
    margin-top: 40px;
    text-align: center;

}

.scroll-down00-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white00);
    text-decoration: none;
    opacity: 0.8;
    transition: var(--transition-fast00);
}

.scroll-down00-link:hover {
    opacity: 1;
    transform: translateY(5px);
}

.scroll-text00 {
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.scroll-iconoo {
    width: 70px;
    height:70px;
    background:white;
    Color:#8cc739;
    animation: bounce00 2s infinite;
    font-size: 1.5rem;
    border-radius:25rem;
        line-height: 70px;
    
}

@keyframes bounce00 {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}



  

        /* Responsive Styles */
        @media (max-width: 1024px) {
            .erp-content00 {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .erp-image00 {
                max-width: 600px;
                margin: 0 auto;
            }
        }

        @media (max-width: 768px) {
          .dealer-faq  section {
                padding: 80px 0;
            }
            #dealerApplication input, select{
                color:black !important;
            }
            .otp-inputsfff {
 
          color: black;
           }
         .wavy-lineft {
    position: absolute;
    top: -20%;
    right: 0;
    /* z-index: 6; */
    --s: 84px;
    --b: 36px;
    --m: 0.19;
    transform: rotate(310deg);
         }
                  .arcft{
    position: absolute;
    top: -20%;
    right: 0;
    --b: 40px;
   
    --a: 240deg;
    transform: rotate(112deg);
 }
 .wavy-lineft2 {
    position: absolute;
    top: -8%;
    right: -30%;
 }
            
            .section-header0000 h2 {
                font-size: 2.2rem;
            }
            
            .benefitsooo-grid {
                grid-template-columns: 1fr;
            }
            
            .benefit-cardooo, .testimonial-card {
                padding: 30px;
            }
            
            .erp-container000 {
                padding: 40px;
            }
            
            .cta00 {
                padding: 80px 0;
            }
            
            .cta00 h2 {
                font-size: 2.2rem;
            }
        }

        @media (max-width: 576px) {
            .container000 {
                padding: 0 20px;
            }
            
                #dealerApplication input, select{
                color:black !important;
            }
            .otp-inputsfff {
 
          color: black;
           }
                 .wavy-lineft {
    position: absolute;
    top: 0%;
    right: 0;
    /* z-index: 6; */
    --s: 84px;
    --b: 36px;
    --m: 0.19;
    transform: rotate(310deg);
         }
         .arcft{
    position: absolute;
    top: -20%;
    right: 0;
    --b: 40px;
   
    --a: 240deg;
    transform: rotate(112deg);
 }
         .wavy-lineft2 {
    position: absolute;
    top: -8%;
    right: -30%;
 }  
            
            .section-header0000 h2 {
                font-size: 1.8rem;
            }
            
            .stats000-container000 {
                grid-template-columns: 1fr 1fr;
            }
            
            .stat-item000 {
                padding: 20px;
            }
            
            .stat-numberooo {
                font-size: 2.2rem;
            }
            
            .hero-btn0000s, .cta00-btn0000s {
                flex-direction: column;
                gap: 15px;
            }
            
            .btn0000 {
                width: 100%;
            }
            
            .cta00 h2 {
                font-size: 1.8rem;
            }
            
            .cta00 p {
                font-size: 1rem;
            }
        }
 
    /* dealer faq section question*********************************************** */