/* first custom section */
        .copy-trading-section {
            /* max-width: 1200px; */
            width: 95%;
            /* background: rgba(30, 41, 59, 0.7); */
            background: transparent;
            backdrop-filter: blur(10px);
            border-radius: 24px;
            padding: 60px 40px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 36px;
        }

        .copy-platform-name {
            color: #60a5fa;
            font-weight: 700;
        }

        .copy-intro {
            font-size: 1.4rem;
            margin-bottom: 50px;
            text-align: center;
            color: #cbd5e1;
            line-height: 1.8;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .copy-section-title-custom {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            /* background: linear-gradient(90deg, #60a5fa, #a78bfa);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
            text-align: center;
        }

        .copy-definition {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 16px;
            padding: 30px;
            margin-bottom: 50px;
            border-left: 4px solid #deff10;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .copy-definition h3 {
            font-size: 1.8rem;
            margin-bottom: 15px;
            color: #e2e8f0;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .copy-definition h3 i {
            color: #deff10;
        }

        .copy-definition p {
            font-size: 1.2rem;
            color: #cbd5e1;
            line-height: 1.7;
        }

        .copy-benefits-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        @media (min-width: 768px) {
            .copy-benefits-container {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .copy-benefit-card {
            /* background: rgba(15, 23, 42, 0.6); */
            /* background: #deff10; */
            border-radius: 16px;
            padding: 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid rgba(96, 165, 250, 0.3);
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .copy-benefit-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
            border-color: rgba(96, 165, 250, 0.3);
        }

        .copy-benefit-icon {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #deff10;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            background: rgba(96, 165, 250, 0.1);
            border-radius: 50%;
        }

        .copy-benefit-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #e2e8f0;
        }

        .copy-benefit-description {
            color: #cbd5e1;
            line-height: 1.7;
            flex-grow: 1;
        }

        .copy-cta-container {
            text-align: center;
            margin-top: 50px;
            padding-top: 30px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .copy-cta-button {
            display: inline-block;
            background: linear-gradient(90deg, #60a5fa, #a78bfa);
            color: white;
            padding: 16px 40px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 10px 20px rgba(96, 165, 250, 0.3);
        }

        .copy-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(96, 165, 250, 0.4);
        }

        @media (max-width: 768px) {
            .copy-trading-section {
                padding: 40px 20px;
            }

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

            .copy-intro {
                font-size: 1.2rem;
            }

            .copy-definition p {
                font-size: 1.1rem;
            }
        }


        /* second custom section */

        .about-how-to-start-section{
            margin-bottom: 35px;
        }
         /* Header Styles */
        .about-header {
            text-align: center;
            margin-bottom: 80px;
            position: relative;
        }

        .about-platform-badge {
            display: inline-block;
            background: linear-gradient(135deg, #00d4ff, #0099ff);
            color: #000;
            padding: 8px 20px;
            border-radius: 25px;
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .about-main-heading {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 15px;
            background: linear-gradient(135deg, #ffffff, #e5eaeb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 1.1;
        }

        .about-sub-heading {
            font-size: 1.3rem;
            color: #94a3b8;
            max-width: 500px;
            margin: 0 auto;
        }

        /* Timeline Steps */
        .about-timeline-container {
            position: relative;
            margin-bottom: 100px;
        }

        .about-timeline-line {
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 3px;
            /* background: linear-gradient(to bottom, #00d4ff, #0099ff); */
            transform: translateX(-50%);
            z-index: 1;
        }

        .about-steps-wrapper {
            position: relative;
            z-index: 2;
        }

        .about-step-item {
            display: flex;
            align-items: center;
            margin-bottom: 80px;
        }

        .about-step-item:nth-child(even) {
            flex-direction: row-reverse;
        }

        .about-step-content {
            flex: 1;
            padding: 0 40px;
        }

        .about-step-number {
            width: 80px;
            height: 80px;
            background: #deff10;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            font-weight: 700;
            color: #000;
            box-shadow: 0 10px 30px rgba(0, 212, 255, 0.3);
            flex-shrink: 0;
            z-index: 3;
        }

        .about-step-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 15px;
        }

        .about-step-description {
            font-size: 1.1rem;
            color: #cbd5e1;
            line-height: 1.7;
        }

        /* Control Panel */
        .about-control-panel {
            /* background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(0, 153, 255, 0.1)); */
             background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24)),url('../images/bg1.jpeg') center/cover no-repeat;
            border-radius: 30px;
            padding: 60px 50px;
            margin-bottom: 80px;
            border: 1px solid #deff10;
            backdrop-filter: blur(10px);
            text-align: center;
        }

        .about-control-icon {
            font-size: 4rem;
            margin-bottom: 25px;
            background: #deff10;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .about-control-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: #ffffff;
        }

        .about-control-description {
            font-size: 1.2rem;
            color: #cbd5e1;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Feature Grid */
        .about-features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-bottom: 80px;
        }

        .about-feature-card {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            border: 1px solid #deff10;
            transition: all 0.3s ease;
        }

        .about-feature-card:hover {
            transform: translateY(-5px);
            border-color: rgba(0, 212, 255, 0.5);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }

        .about-feature-icon {
            font-size: 2.5rem;
            margin-bottom: 20px;
            background: #deff10;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .about-feature-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #ffffff;
        }

        .about-feature-description {
            color: #94a3b8;
            line-height: 1.6;
        }

        /* CTA Section */
        .about-cta-container {
            text-align: center;
            /* background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(0, 153, 255, 0.1)); */
             background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24)),url('../images/bg1.jpeg') center/cover no-repeat;
            border-radius: 30px;
            padding: 70px 50px;
            border: 1px solid rgba(0, 212, 255, 0.2);
        }

        .about-cta-title {
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #ffffff, #f1f1f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .about-cta-subtitle {
            font-size: 1.3rem;
            color: #94a3b8;
            max-width: 600px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }

        .about-cta-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .about-btn-primary {
            background: linear-gradient(135deg, #deff10, #b3b98b);
            color: #000;
            padding: 18px 45px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            box-shadow: 0 10px 25px rgba(0, 212, 255, 0.3);
        }

        .about-btn-secondary {
            background: transparent;
            color: #deff10;
            padding: 18px 45px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            border: 2px solid #deff10;
            cursor: pointer;
        }

        .about-btn-primary:hover, .btn-secondary:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(0, 212, 255, 0.4);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .about-main-heading {
                font-size: 2.5rem;
            }

            .about-timeline-line {
                display: none;
            }

            .about-step-item {
                flex-direction: column !important;
                text-align: center;
                margin-bottom: 50px;
            }

            .about-step-content {
                padding: 20px 0;
            }

            .about-step-number {
                margin-bottom: 20px;
            }

            .about-control-panel, .cta-container {
                padding: 40px 25px;
            }

            .about-cta-title {
                font-size: 2.2rem;
            }

            .about-cta-buttons {
                flex-direction: column;
                align-items: center;
            }

            .about-btn-primary, .btn-secondary {
                width: 100%;
                max-width: 300px;
            }
        }

        /* third custom section */
          .how-rewards-section {
            /* max-width: 1200px; */
            width: 95%;
        }

        .how-section-header {
            text-align: center;
            margin-bottom: 70px;
        }

        .how-custom-section-title {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #f8f8f8, #ffffff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 1.1;
        }

        .how-section-subtitle {
            font-size: 1.3rem;
            color: #94a3b8;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.7;
        }

        .how-transparency-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 40px;
            margin-bottom: 80px;
        }

        @media (min-width: 992px) {
            .how-transparency-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .how-transparency-card {
            /* background: rgba(30, 41, 59, 0.7); */
            background: transparent;
            border-radius: 20px;
            padding: 40px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .how-transparency-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #10b981, #3b82f6);
        }

        .how-transparency-card:hover {
            transform: translateY(-5px);
            border-color: #deff10;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }

        .how-card-number {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 4rem;
            font-weight: 800;
            color: #deff10;
            line-height: 1;
        }

        .how-card-icon {
            font-size: 2.5rem;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #deff10, #deff10);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .how-card-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: #f1f5f9;
        }

        .how-card-description {
            color: #cbd5e1;
            line-height: 1.7;
            margin-bottom: 20px;
        }

        .how-reward-sources {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 12px;
            padding: 20px;
            margin: 20px 0;
        }

        .how-source-item {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            color: #cbd5e1;
        }

        .how-source-item:last-child {
            margin-bottom: 0;
        }

        .how-source-item i {
            color: #10b981;
            margin-right: 12px;
            font-size: 0.9rem;
        }

        .how-example-box {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 12px;
            padding: 20px;
            margin: 20px 0;
            border-left: 4px solid #10b981;
        }

        .how-example-title {
            font-weight: 600;
            color: #10b981;
            margin-bottom: 10px;
        }

        .how-tech-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            margin: 20px 0;
        }

        .how-tech-item {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .how-tech-item i {
            color: #deff10;
            margin-bottom: 8px;
            font-size: 1.2rem;
        }

        .how-factors-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            margin: 20px 0;
        }

        .how-factor-item {
           background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .how-factor-item i {
            color: #deff10;
            margin-bottom: 8px;
        }

        .how-disclaimer-box {

            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24)),url('../images/bg1.jpeg') center/cover no-repeat;
            border-radius: 20px;
            padding: 40px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-top: 60px;


        }


        .how-disclaimer-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #10b981, #deff10);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .how-disclaimer-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: #f1f5f9;
        }

        .how-disclaimer-text {
            color: #cbd5e1;
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
        }

        @media (max-width: 768px) {
            .how-custom-section-title {
                font-size: 1rem;
            }

            .how-transparency-card {
                padding: 30px 25px;
            }

            .how-disclaimer-box {
                padding: 30px 25px;
            }
        }

        /* fourth custom section */

        .custome-rewards-section{
            margin-bottom: 35px;
        }
           /* Header Section */
        .custome-header-section {
            text-align: center;
            margin-bottom: 80px;
        }

        .custome-section-badge {
            display: inline-block;
            background: linear-gradient(135deg, #deff10, #b1bed3);
            color: #000;
            padding: 10px 25px;
            border-radius: 25px;
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .custome-main-title {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 1.1;
        }

        .custome-title-highlight {
            background: linear-gradient(135deg, #8b5cf6, #3b82f6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .custome-subtitle {
            font-size: 1.3rem;
            color: #94a3b8;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Definition Section */
        .custome-definition-section {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 24px;
            padding: 50px 40px;
            margin-bottom: 60px;
            border-left: 5px solid #deff10;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }

        .custome-definition-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 25px;
            color: #f1f5f9;
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .custome-definition-title i {
            color: #deff10;
            font-size: 2rem;
        }

        .custome-definition-content {
            display: grid;
            grid-template-columns: 1fr;
            gap: 25px;
        }

        @media (min-width: 768px) {
            .custome-definition-content {
                grid-template-columns: 1fr 1fr;
            }
        }

        .custome-definition-text {
            color: #cbd5e1;
            font-size: 1.1rem;
            line-height: 1.7;
        }

        .custome-benefits-list {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 16px;
            padding: 25px;
        }

        .custome-benefit-item {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            color: #cbd5e1;
        }

        .custome-benefit-item:last-child {
            margin-bottom: 0;
        }

        .custome-benefit-item i {
            color: #10b981;
            margin-right: 12px;
            font-size: 1rem;
        }

        /* Goal Section */
        .custome-goal-section {
            /* background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1)); */
             background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24)),url('../images/bg1.jpeg') center/cover no-repeat;
            border-radius: 24px;
            padding: 50px 40px;
            margin-bottom: 80px;
            text-align: center;
            border: 1px solid rgba(139, 92, 246, 0.2);
        }

        .custome-goal-icon {
            font-size: 4rem;
            margin-bottom: 25px;
            background: #deff10;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .custome-goal-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: #f1f5f9;
        }

        .custome-goal-description {
            font-size: 1.2rem;
            color: #cbd5e1;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* Process Section */
        .custome-process-section {
            margin-bottom: 80px;
        }

        .custome-process-title {
            font-size: 2.5rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 50px;
            background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .custome-process-steps {
            display: grid;
            grid-template-columns: 1fr;
            gap: 30px;
        }

        @media (min-width: 768px) {
            .custome-process-steps {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .custome-process-step {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 20px;
            padding: 35px 30px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
        }

        .custome-process-step:hover {
            transform: translateY(-5px);
            border-color: rgba(139, 92, 246, 0.3);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
        }

        .custome-step-number {
            position: absolute;
            top: -15px;
            left: 30px;
            width: 40px;
            height: 40px;
            background: #deff10;
            color: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.1rem;
            box-shadow: 0 5px 15px rgba(139, 92, 246, 0.3);
        }

        .custome-step-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #f1f5f9;
        }

        .custome-step-description {
            color: #cbd5e1;
            line-height: 1.7;
        }

        /* Rewards Section */
        .custome-rewards-section {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 24px;
            padding: 50px 40px;
            margin-bottom: 60px;
        }

        .custome-rewards-title {
            font-size: 2rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 40px;
            color: #f1f5f9;
        }

        .custome-rewards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }

        .custome-reward-item {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 16px;
            padding: 25px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .custome-reward-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
            background: #deff10;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .custome-reward-name {
            font-size: 1.1rem;
            font-weight: 600;
            color: #f1f5f9;
            margin-bottom: 10px;
        }

        .custome-reward-description {
            color: #94a3b8;
            font-size: 0.9rem;
        }

        .custome-guarantee-box {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 16px;
            padding: 30px;
            text-align: center;
            border-left: 4px solid #deff10;
        }

        .custome-guarantee-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 10px;
            color: #ccc;
        }

        .custome-guarantee-text {
            color: #cbd5e1;
            line-height: 1.7;
        }

        /* CTA Section */
        .custome-cta-section {
            text-align: center;
            /* background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1)); */
             background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24)),url('../images/bg1.jpeg') center/cover no-repeat;
            border-radius: 24px;
            padding: 60px 40px;
            border: 1px solid rgba(139, 92, 246, 0.2);
        }

        .custome-cta-title {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .custome-cta-description {
            font-size: 1.2rem;
            color: #94a3b8;
            max-width: 600px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }

        .custome-cta-button {
            display: inline-block;
            background: linear-gradient(135deg, #deff10, #78cc9b);
            color: #000;
            padding: 18px 45px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 10px 25px rgba(139, 92, 246, 0.3);
            border: none;
            cursor: pointer;
        }

        .custome-cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(139, 92, 246, 0.4);
        }

        @media (max-width: 768px) {
            .custome-main-title {
                font-size: 2.5rem;
            }

            .custome-definition-section, .goal-section, .rewards-section, .cta-section {
                padding: 40px 25px;
            }

            .custome-process-step {
                padding: 30px 25px;
            }
        }



        /* first custom section */
        .first-custom-section{
            margin-bottom: 35px;
        }
           /* Header Section */
        .header-section {
            text-align: center;
            padding: 80px 0 60px;
            background: linear-gradient(135deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.9));
        }

        .platform-name {
            /* background: linear-gradient(135deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
            font-weight: 800;
        }

        .main-title {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            line-height: 1.1;
        }

        .subtitle {
            font-size: 1.3rem;
            color: #94a3b8;
            max-width: 600px;
            margin: 0 auto;
        }

        /* How It Works Section */
        .what-how-it-works {
            padding: 80px 0;
        }

        .what-section-title {
            font-size: 2.8rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 60px;
            background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .what-steps-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
            margin-bottom: 80px;
        }

        .what-step-card {
            background: rgba(30, 41, 59, 0.7);
            border-radius: 20px;
            padding: 40px 30px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
        }

        .what-step-card:hover {
            transform: translateY(-10px);
            border-color: rgba(59, 130, 246, 0.3);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .what-step-number {
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #b1bfd6, #f7f6f8);
            color: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.3rem;
            box-shadow: 0 10px 20px rgba(59, 130, 246, 0.3);
        }

        .what-step-icon {
            font-size: 3rem;
            margin-bottom: 25px;
            background: #deff10;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .what-step-title {
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: #f1f5f9;
        }

        .what-step-description {
            color: #cbd5e1;
            line-height: 1.7;
        }

        /* Control Section */
        .what-control-section {
            /* background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1)); */
             background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 24px;
            padding: 50px 40px;
            text-align: center;
            border: 1px solid rgba(59, 130, 246, 0.2);
            margin-bottom: 80px;
        }

        .what-control-icon {
            font-size: 4rem;
            margin-bottom: 25px;
            background: #deff10;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .what-control-title {
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: #f1f5f9;
        }

        .what-control-description {
            font-size: 1.2rem;
            color: #cbd5e1;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.7;
        }


        /* Investment Plans Section */
        .plans-section {
            padding: 80px 0;
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
        }

        .plans-title {
            font-size: 2.8rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 60px;
            /* background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
        }

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

        .plan-card {
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24));
            border-radius: 24px;
            padding: 40px 30px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .plan-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            background: linear-gradient(90deg, #eab308, #eab308);
        }

        .plan-card:hover {
            transform: translateY(-10px);
            border-color: rgba(59, 130, 246, 0.3);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
        }

        .plan-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .plan-name {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 15px;
            /* background: linear-gradient(135deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; */
        }

        .plan-badge {
            display: inline-block;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .badge-low {
            background: rgba(34, 197, 94, 0.2);
            color: #22c55e;
            border: 1px solid rgba(34, 197, 94, 0.3);
        }

        .badge-medium {
            background: rgba(234, 179, 8, 0.2);
            color: #eab308;
            border: 1px solid rgba(234, 179, 8, 0.3);
        }

        .plan-details {
            margin-bottom: 30px;
        }

        .detail-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .detail-label {
            color: #94a3b8;
            font-weight: 500;
        }

        .detail-value {
            color: #f1f5f9;
            font-weight: 600;
        }

        .roi-value {
            background: linear-gradient(135deg, #10b981, #22c55e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 700;
            font-size: 1.1rem;
        }

        .investment-value {
            color: #3b82f6;
            font-weight: 700;
        }

        .plan-features {
            margin-bottom: 30px;
        }

        .features-title {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #f1f5f9;
        }

        .feature-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            color: #cbd5e1;
        }

        .feature-item i {
            color: #eab308;
            margin-right: 10px;
            font-size: 0.9rem;
        }

        .plan-button {
            width: 100%;
            padding: 15px;
            border: none;
            border-radius: 12px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            background: linear-gradient(135deg, #eab308, #a88e3f);
            color: white;
        }

        .plan-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(173, 199, 28, 0.4);
        }

        /* CTA Section */
        .cta-section {
            padding: 100px 0;
            text-align: center;
            background: linear-gradient(rgba(46, 56, 22, 0.8), rgb(19, 32, 24)),url('../images/bg1.jpeg') center/cover no-repeat;
        }

        .cta-title {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 20px;
            background: linear-gradient(135deg, #f8fafc, #cbd5e1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cta-description {
            font-size: 1.3rem;
            color: #94a3b8;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.7;
        }

        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, #eab308, #837856);
            color: white;
            padding: 18px 45px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1.1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
            border: none;
            cursor: pointer;
        }

        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(59, 130, 246, 0.4);
        }

        @media (max-width: 768px) {
            .main-title {
                font-size: 2.5rem;
            }

            .section-title, .plans-title {
                font-size: 2.2rem;
            }

            .step-card, .plan-card {
                padding: 30px 25px;
            }

            .control-section {
                padding: 40px 25px;
            }

            .cta-title {
                font-size: 2.5rem;
            }
        }