/* R
esponsive Styles */
@media (max-width: 1199.98px) {
    .step-description {
        margin-left: -80px;
    }

    .step-item {
        padding-right: 20px;
    }

    .trader-ai-benefits .benefits-title h2 {
        font-size: 34px;
    }

    .padding-70 {
        padding: 50px 0px;
    }

    /* About page styles */
    .about-vision {
        width: 90%;
    }

    /* Styles from invest.html */
    /* Add any additional styles specific to this breakpoint */
}

@media (max-width: 991.98px) {
    .padding-70 {
        padding: 40px 0px;
    }

    .hero-content {
        padding: 0px 10px;
        margin-bottom: 2rem;
    }

    .hero-section {
        padding: 3rem 0;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .hero-content h2 {
        font-size: 1.25rem;
    }

    .step-item {
        margin-bottom: 40px;
        padding-right: 0;
    }

    .step-description {
        margin-left: -90px;
    }

    .step-content {
        margin-bottom: 10px;
    }

    .phone-images {
        margin-top: 30px;
        text-align: center;
    }

    .phone-images img {
        max-width: 100%;
        height: 400px;
    }

    .steps-container {
        max-width: 650px;
        margin: 0 auto;
    }

    .img-box img {
        width: 90%;
    }

    .ai-offers .register-btn-container .register-now-btn {
        width: 22%;
    }

    .ai-offers .card .card-text {
        font-size: 14px;
    }

    .counter-value {
        font-size: 36px;
    }

    .counter-text {
        font-size: 16px;
    }

    .faq-title h2 {
        font-size: 30px;
    }

    .accordion-button {
        font-size: 17px;
    }

    .trader-ai-benefits .benefits-title h2 {
        font-size: 30px;
    }

    .trader-ai-benefits .benefits-list ul li {
        font-size: 15px;
    }

    .footer-nav ul {
        justify-content: center;
        margin-top: 15px;
    }

    .footer-logo {
        justify-content: center;
    }

    /* About page styles */
    .about-vision {
        width: 95%;
        height: 300px;
    }

    /* Styles from invest.html */
    .trade-content {
        width: 85%;
    }

    .trade-content h1 {
        font-size: 36px;
    }

    .step-box {
        gap: 10px;
    }

    .step-content {
        font-size: 15px;
    }

    /* Styles for market.html */
    .join-us-section {
        background-color: #AAF781;
        padding: 40px 0px 40px 10px;
        margin-bottom: 10px;
        margin-top: 60px;
    }

    /* Styles for works.html */
    .how-it-works-section {
        padding: 60px 0;
    }

    .how-it-works-heading {
        font-size: 36px;
        margin-bottom: 40px;
    }

    /* Styles for automated.html */
    .automated-banner {
        padding: 40px 0;
    }

    .automated-banner h1 {
        font-size: 36px;
    }

    .automated-banner h2 {
        font-size: 24px;
    }

    .features-section h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .conclusion-content {
        padding: 25px;
    }

    .conclusion-content::before {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #fff;
        top: 0px;
    }

    .deposit-hero h1 {
        font-size: 2.2rem;
    }

    .crypto-options h2,
    .deposit-steps h2 {
        font-size: 2rem;
    }

    .crypto-card {
        margin-bottom: 20px;
    }

    .advantage-column {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .forex-advantages {
        padding: 0px;
    }
    .forex-text {
        width: 100%;
    }
    .forex-advantages .row .col-lg-6:nth-of-type(3) .advantage-text {
        border-bottom: none;
        padding-bottom: 0px;
    }
    .forex-advantages .row .col-lg-6:nth-of-type(4) .advantage-text {
        border-bottom: none;
        padding-bottom: 0px;
    }
    .share-trading-image {
        margin: 30px auto 0;
    }

    .download-app-wrapper .download-title {
        font-size: 32px;
    }
    
    .download-app-wrapper .download-description h2, 
    .download-app-wrapper .download-feature-section h2,
    .download-app-wrapper .download-now-title,
    .download-app-wrapper .get-started-title {
        font-size: 24px;
    }
    
    .download-app-wrapper .download-screens img {
        max-width: 90%;
    }

    .contact-info {

        padding-left: 0;

        margin-top: 50px;

    }

    .contact-form-container {

width: 100%;

}
}

@media (max-width: 767.98px) {
    .navbar-brand {
        font-size: 1.25rem;
    }

    .hero-section {
        padding: 2rem 0;
    }

    .hero-content h1 {
        font-size: 1.75rem;
    }

    .signup-form-container {
        padding: 1.5rem;
    }

    .number-line-container {
        margin-right: 8px;
    }

    .step-number {
        width: 32px;
        height: 36px;
        font-size: 20px;
        margin-right: 10px;
    }

    .step-line {
        width: 30px;
    }

    .step-header {
        font-size: 24px;
    }

    .step-description {
        font-size: 15px;
        margin-left: -70px;
    }

    .step-item {
        margin-bottom: 35px;
    }

    .steps-container {
        max-width: 100%;
    }

    .trader-ai-app iframe {
        width: 90%;
    }

    .second-row {
        margin-top: 20px;
    }

    .first-row {
        gap: 20px;
    }

    .ai-offers .register-btn-container .register-now-btn {
        width: 50%;
    }

    .stats-counter {
        padding: 25px 0;
    }

    .counter-item {
        margin-bottom: 15px;
    }

    .counter-value {
        font-size: 32px;
    }

    .counter-text {
        font-size: 15px;
    }

    .faq-section {
        padding: 40px 0;
    }

    .faq-title h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .accordion-button {
        font-size: 16px;
        padding: 15px 0;
    }

    /* About page styles */
    .about-hero h1 {
        font-size: 28px;
    }
    
    .about-vision {
        height: 250px;
    }
    
    .about-vision h2 {
        font-size: 26px;
    }
    
    .what-sets-us h2 {
        font-size: 26px;
    }
    
    .feature-item {
        margin-bottom: 20px;
    }
    
    .subsidiaries-section h2 {
        font-size: 24px;
    }
    
    .subsidiaries-section h3 {
        font-size: 20px;
    }
    
    .subsidiaries-list li, .join-text, .connected-text {
        font-size: 16px;
    }

    /* Styles from invest.html */
    .investment-journey,
    .beginner-pro-section,
    .investment-journey-steps,
    .safety-first {
        padding: 30px 0;
    }

    .investment-journey h2 {
        font-size: 26px;
    }

    .investment-journey p,
    .investment-benefits li {
        font-size: 14px;
    }

    .beginner-pro-section .section-title,
    .investment-journey-steps .section-title {
        font-size: 28px;
    }

    .resource-box {
        margin-bottom: 20px;
    }

    .step-content {
        font-size: 14px;
    }

    .trade-invest {
        height: auto;
        padding: 60px 0;
    }

    .trade-content {
        width: 90%;
    }

    .trade-content h1 {
        font-size: 30px;
    }

    .trade-content p {
        font-size: 14px;
    }

    .app-store-btn {
        margin-top: 15px;
        margin-left: 0;
        display: block;
        text-align: center;
    }

    .future-awaits {
        padding-bottom: 30px;
    }

    /* Styles for market.html */
    .market-banner {
        padding: 30px 0;
    }

    .market-banner h1 {
        font-size: 28px;
    }

    .market-content {
        padding: 30px 0;
    }

    .market-content p,
    .market-content ul li {
        font-size: 15px;
        line-height: 1.6;
    }

    .trading-section h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .trading-section h3 {
        font-size: 22px;
        margin: 25px 0 15px;
    }

    .trading-section p,
    .trading-section ul li {
        font-size: 15px;
        line-height: 1.6;
    }

    .join-us-section {
        padding: 30px 20px;
        margin-top: 0px;
    }

    .join-us-section h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .join-us-section p {
        font-size: 15px;
        line-height: 1.6;
    }

    /* Styles for works.html */
    .how-it-works-section {
        padding: 40px 0;
    }

    .how-it-works-heading {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .start-now-btn {
        padding: 12px 30px;
        font-size: 16px;
    }

    /* Styles for automated.html */
    .automated-banner {
        padding: 30px 0;
        text-align: center;
    }

    .automated-banner h1 {
        font-size: 30px;
    }

    .automated-banner h2 {
        font-size: 22px;
    }

    .automated-banner img {
        margin-top: 30px;
    }

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

    .features-section h2 {
        font-size: 26px;
        margin-bottom: 25px;
        text-align: center;
    }

    /* Benefits and Conclusion responsive styles */
    .benefits-section {
        padding: 40px 0;
    }

    .benefits-section h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .conclusion-section {
        padding: 0;
    }

    .conclusion-content {
        padding: 20px;
    }

    .conclusion-content::before {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #fff;
        top: 0px;
    }

    .conclusion-section h2 {
        font-size: 24px;
        text-align: left;
    }

    .conclusion-section p {
        text-align: left;
    }

    .contact-section h3 {
        font-size: 18px;
        text-align: left;
    }
    .trader-ai-benefits {
        padding: 40px 0;
    }

    /* Privacy Policy responsive styles */
    .privacy-policy-section {
        padding: 20px 0;
    }
    
    .privacy-policy-container {
        padding: 15px;
    }
    
    .privacy-policy-title {
        font-size: 32px;
    }
    
    .privacy-policy-subtitle {
        font-size: 22px;
    }
    
    .privacy-policy-list li {
        font-size: 14px;
        margin-bottom: 8px;
    }
    
    .privacy-policy-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .first-text {
        font-size: 16px !important;
        line-height: 26px;
    }

    /* Terms and Conditions responsive styles */
    .terms-section {
        padding: 20px 0;
    }
    
    .terms-container {
        padding: 15px;
    }
    
    .terms-title {
        font-size: 32px;
    }
    
    .terms-subtitle {
        font-size: 22px;
    }
    
    .terms-content {
        padding-left: 20px;
        margin-top: 15px;
    }
    
    .terms-item {
        margin-bottom: 15px;
    }
    
    .terms-text {
        font-size: 14px;
        line-height: 1.6;
    }
    
    .terms-intro {
        font-size: 16px;
        line-height: 26px;
    }
    
    .terms-text.highlight-text,
    .highlight-text {
        font-size: 14px;
    }

/* ***********************************************flexible-deposit-section*************************************************** */
    .feature-card {
        padding: 20px 30px;

    }

    .feature-card {
        margin-bottom: 20px;
    }

    .assistance-section p {
        width: 100%;
    }

    .crypto-card {
        padding: 20px;
        height: 100%;
        width: 100%;

    }

    .deposit-hero h1 {
        font-size: 25px;
    }

    .deposit-hero p {
        font-size: 14px;
    }

    .deposit-hero {
        padding: 20px 0px;
    }
    /* ***********************************************flexible-deposit-section*************************************************** */

    .forex-section {
        padding: 40px 0;
    }

    .forex-heading {
        font-size: 26px;
    }

    .advantage-title {
        font-size: 20px;
    }

    .forex-image {
        margin-top: 30px;
    }
    
    .educational-resources {
        padding: 0px 20px;
    }
    
    .resources-heading {
        font-size: 26px;
    }
    
    .resources-text {
        font-size: 15px;
        line-height: 1.6;
    }
    .share-trading-section {
        padding: 40px 0;
    }
    
    .share-trading-heading {
        font-size: 28px;
    }
    
    .share-advantage-title {
        font-size: 22px;
    }

    .cfd-hero {
        padding: 40px 0;
    }
    
    .cfd-hero-title {
        font-size: 32px;
    }
    
    .cfd-section-title {
        font-size: 24px;
    }

    .indices-hero {
        padding: 40px 0;
    }
    
    .indices-hero-title {
        font-size: 32px;
    }
    
    .indices-section-title {
        font-size: 24px;
    }

    .trade-and-commodities {
        padding: 40px 0;
    }

    .choose-to-trade-crypto {
        padding: 40px 0;
    }
    .etfs-funds {
        padding: 40px 0;
    }
    .instruments-specification {
        padding: 40px 0;
    }

    .download-app-wrapper .download-screens img {
        height: 200px;
    }
                .download-app-wrapper .download-title {
                    font-size: 28px;
                }
                
                .download-app-wrapper .download-description h2, 
                .download-app-wrapper .download-feature-section h2,
                .download-app-wrapper .download-now-title,
                .download-app-wrapper .get-started-title {
                    font-size: 22px;
                }
                
                .download-app-wrapper .download-description p,
                .download-app-wrapper .download-feature-list p,
                .download-app-wrapper .download-options p,
                .download-app-wrapper .download-step-content,
                .download-app-wrapper .down-contact-section p {
                    font-size: 14px;
                }
                
                .download-app-wrapper .download-feature-list h3,
                .download-app-wrapper .download-options strong,
                .download-app-wrapper .download-step-content strong {
                    font-size: 15px;
                }
                
                .download-app-wrapper .down-contact-title {
                    font-size: 18px;
                }

                .contact-form-container {

                    max-width: 100%;
    
                }
    
                .contact-info { 
    
        margin-inline: auto;
    
    }
    
    .contact-form-section {
    
                padding: 30px 0;
    
            }
    
}

@media (max-width: 575.98px) {

    
.dropdown-item {
    color: var(--text-light);
    font-weight: 500;
    padding: 0.5rem 1rem;
    white-space: normal;
}
    .navbar {
        padding: 0.75rem 0;
    }

    .hero-content h1 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .hero-content h2 {
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }

    .hero-content p {
        font-size: 0.9rem;
    }

    .signup-form-container {
        width: 95%;
    }

    .signup-form-container h2 {
        font-size: 24px;
    }


    .what-is-trader p {
        text-align: justify;
        font-size: 15px;
    }

    .step-number {
        width: 28px;
        height: 32px;
        font-size: 18px;
        margin-right: 8px;
    }

    .step-line {
        width: 25px;
    }

    .step-header {
        font-size: 22px;
    }

    .step-description {
        font-size: 14px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .step-item {
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
    }

    .number-line-container {
        flex-direction: row;
        margin-bottom: 10px;
    }

    .register-btn-container {
        text-align: center;
    }

    .register-now-btn {
        padding: 10px 25px;
        font-size: 14px;
    }

    .step-items {
        padding-left: 0;
    }

    .stats-counter {
        padding: 15px 0;
    }

    .counter-item {
        padding: 5px 10px;
    }

    .counter-value {
        font-size: 28px;
    }

    .counter-text {
        font-size: 14px;
    }

    .faq-title h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .accordion-button {
        font-size: 15px;
        width: 100%;
    }

    .game-changer {
        padding: 20px 0;
    }

    .footer-nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-nav ul li {
        margin: 5px 10px;
    }

    .footer-logo span {
        font-size: 20px;
    }

    .footer-logo img {
        height: 35px;
    }

    /* About page styles */
    .about-hero {
        padding: 40px 0 25px;
    }
    
    .about-vision {
        height: 220px;
        margin: 30px auto;
    }
    
    .about-vision h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    
    .about-vision p {
        font-size: 14px;
    }
    
    .what-sets-us {
        padding: 30px 0 0px;
    }
    
    .what-sets-us h2 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    
    .feature-item p {
        font-size: 16px;
    }
    
    .subsidiaries-section {
        padding: 10px 0 40px;
    }
    
    .subsidiaries-section h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .subsidiaries-section h3 {
        font-size: 18px;
        margin-top: 20px;
    }
    
    .subsidiaries-list {
        padding-left: 15px;
    }
    
    .subsidiaries-list li {
        margin-bottom: 8px;
    }

    /* Styles from invest.html */
    .investment-journey-steps .section-title {
        font-size: 26px;
    }

    .step-title {
        font-size: 16px;
    }

    .register-btn {
        display: block;
        width: 200px;
        margin: 0 auto;
    }

    .app-store-btn {
        margin-top: 20px;
    }

    /* Benefits and Conclusion responsive styles */
    .benefits-section {
        padding: 30px 0;
        text-align: center;
    }

    .benefits-section h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .benefit-heading {
        font-size: 18px;
    }

    .conclusion-section {
        padding: 0;
    }

    .conclusion-content {
        padding: 20px;
    }

    .conclusion-content::before {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #fff;
        top: 0px;
    }

    .conclusion-section h2 {
        font-size: 24px;
    }

    .conclusion-section p {
        text-align: left;
    }

    .contact-section h3 {
        font-size: 18px;
        text-align: left;
    }
    .trading-opportunities h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .trading-opportunities .card .card-body {
        padding: 0px 10px;
    }
    .trader-ai-benefits .benefits-title h2 {
        font-size: 22px;
    }
    .trader-ai-benefits {
        padding: 20px 0;
    }
    .trader-ai-benefits .benefits-list {
        padding-left: 0px;
    }
    .member-community h2 {
        font-size: 22px;
    }
    .faq-section {
        padding: 20px 0;
    }

    /* Terms and Conditions responsive styles */
    .terms-content {
        padding-left: 10px;
        margin-top: 10px;
    }
    
    .terms-item .terms-text {
        font-size: 13px;
        line-height: 1.5;
    }
    
    .terms-title {
        font-size: 28px;
    }
    
    .terms-subtitle {
        font-size: 20px;
    }
    .forex-heading {
        font-size: 22px;
    }
    
    .advantage-title {
        font-size: 18px;
    }
    
    .advantage-text, .forex-text, .resources-text {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .forex-advantages {
        padding: 0;
    }
    
    .advantage-card {
        margin-bottom: 50px;
    }
    .share-trading-heading {
        font-size: 24px;
    }
    
    .share-advantage-title {
        font-size: 20px;
    }
    
    .share-advantage-text {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .share-advantage-card {
        margin-bottom: 30px;
    }

    .download-app-wrapper .download-title {
        font-size: 24px;
    }
    
    .download-app-wrapper .download-description h2, 
    .download-app-wrapper .download-feature-section h2,
    .download-app-wrapper .download-now-title,
    .download-app-wrapper .get-started-title {
        font-size: 20px;
    }
    
    .download-app-wrapper .download-screens {
        padding: 0 10px;
    }
    
    .download-app-wrapper .download-feature-list h3,
    .download-app-wrapper .download-options strong,
    .download-app-wrapper .download-step-content strong {
        font-size: 14px;
    }
    
    .download-app-wrapper .download-description p,
    .download-app-wrapper .download-feature-list p,
    .download-app-wrapper .download-options p,
    .download-app-wrapper .download-step-content,
    .download-app-wrapper .down-contact-section p {
        font-size: 13px;
        line-height: 1.4;
    }
    
    .download-app-wrapper .down-contact-title {
        font-size: 16px;
    }
    
    .download-app-wrapper .bullet-point {
        font-size: 16px;
    }
    .download-app-wrapper .steps-list{
        padding-left:10px;
    }
}

@media (max-width: 450px) {
    .padding-70 {
        padding: 20px 0px;
    }
    .step-description {
        margin-left: 0px;
    }

    .step-content {
        padding-left: 0;
    }

    .register-btn-container {
        margin: 20px 0px;
    }

    .steps-container {
        padding: 0 10px;
    }

    /* Styles from invest.html */
    .investment-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-direction: column;
    }
}