* {
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}


.main_navbar {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
    background-color: #000;
    backdrop-filter: blur(1px);
    padding: 10px 0px;
}


.main_navbar img {
    max-width: 195px;
}

.global_button {
    background: linear-gradient(180deg, #FFD766, #D4A52F);
    color: #000;
    font-weight: bold;
    padding: 12px 35px;
    border-radius: 15px;
    border: 2px solid rgba(255, 255, 255, 0.548);
    box-shadow:
        0px 0px 15px rgba(255, 215, 102, 0.5),
        inset 0px 0px 3px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect */
.global_button:hover {
    background: linear-gradient(180deg, #FFE27A, #C79A2E);
    box-shadow:
        0px 0px 20px rgba(255, 215, 102, 0.8),
        inset 0px 0px 3px rgba(0, 0, 0, 0.25);
}

.hero_section {
    background-image: url(assets/bg-trading.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -205px;
    z-index: 998;
    /* padding: 250px 0px; */
    padding: 300px 0px 100px 0px;
    border-bottom: 1px solid white;
}



.hero_section h1 {
    font-size: 60px;
    font-weight: 600;
}

.hero_section h1 span {
    color: #FFD700
}

.hero_section h3,
.hero_section h5 {
    color: white;
    font-weight: 300;
    margin-top: 20px;
}

.main_parent {
    background: linear-gradient(180deg, #111111, #0B0B0B);

}








/*  */


/*  */


/*==========Section 2 start============  */

.traders {
    padding: 90px 90px;
}

/* Highlight color for span inside h1 */
.traders h1 span {
    color: #FFD700;
}

.traders .card {
    border-radius: 10px;
    padding: 20px;
    background-color: #1A1A1A;
    border: 2px solid #1C190E;
    transition: transform 0.3s ease;
}

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

.traders .card p {
    color: #D9D9D9;
    font-weight: 300;
}


/*  */

.video-fluid {
    width: 100%;
    /* takes full width of parent */
    height: auto;
    /* keeps aspect ratio */
    max-width: 100%;
    /* never overflows */
    display: block;
    margin: 0 auto;
    /* center horizontally */
    border-radius: 12px;
    /* optional, match style */
}

/* Optional: control video height on small devices */
@media (max-width: 768px) {
    .video-fluid {
        max-height: 300px;
        /* adjust as needed */
    }
}

/*  */

/*==========Section 2 end============  */



/*==========Section 3 start============  */
.indicators {
    /* background: linear-gradient(180deg, #111111, #0B0B0B); */
    padding: 90px 90px;
    position: relative;
}

.indicators h1 span {
    color: #FFD700
}

.indicators .card {
    background-image: url(assets/Group_43.png);
    /* background-position: center; */
    background-size: cover;
    border-radius: 10px;
    padding: 20px;
    border: 2px solid #1C190E;
}

.indicators .card img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    max-width: 50px;
}


.indicators .card p {
    color: rgba(255, 255, 255, 0.619);
}

.indicators_sub {
    background-image: url(assets/bg_llll.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 150px 0px 150px 0px;
    position: relative;
}


.indicators_sub img {
    position: absolute;
    top: 150px;
}

.indicators_sub h1 span {
    color: #FFD700
}

.indicators_sub .custom_card_1,
.indicators_sub .custom_card_2 {
    background-color: #050d157c;
    border-radius: 20px;
}

.indicators_sub h4,
.indicators_sub .custom_card_1 h1 {
    color: #F87171;
}

.indicators_sub .custom_card_2_parent h4,
.indicators_sub .custom_card_2 h1 {
    color: #FFD700
}

/*==========Section 3 end============  */



/*==========Section 4 start============  */

.section_4 {
    margin-top: -90px;
    background-image: url(assets/Vector_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15%;
}

.section_4 h1 span {
    color: #FFD700
}

table {
    overflow: hidden !important;
}

th {
    border: 1px solid rgba(255, 255, 255, 0.301) !important;
    /* border: 1px solid white; */
    padding: 20px;
    color: #FFD700;
    /* background-color: #0C0C0C !important; */
    background-color: rgba(8, 9, 0, 0.674) !important;
    font-size: 24px;
    font-weight: 600;
}

td {
    border: 1px solid rgba(255, 255, 255, 0.301) !important;
    padding: 20px;
    color: white;
}

/*==========Section 4 end============  */


/* Table styling for all screens */
table {
    width: 100%;
    border-collapse: collapse;
}

th {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    color: #FFD700;
    background-color: rgba(8, 9, 0, 0.674);
    font-size: 24px;
    font-weight: 600;
}

td {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    color: white;
    text-align: center;
}


/*==========Section 5 start============  */

.section_5 {
    background-image: url(assets/crypto.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.section_5 h1 span {
    color: #FFD700;
}

.section_5 h3 {
    font-size: 20px;
}

.section_5 p {
    font-size: 16px;
}

/* Vertical line image styling */
.vertical_line_img {
    max-width: 25px;
}

/* Custom number image */
.custom_number {
    max-width: 50px;
}

/*==========Section 5 end============  */

/*  */
/*==========Section 6 start   pricing and offer============  */

.pricing_and_offers {
    margin-top: 70px;
    background-color: #0B1B2B;
    padding: 50px 30px;
    border-radius: 15px;
    border: 1px solid #ffffff92;
    margin-bottom: 30px;
}

.pricing_and_offers .pricing_and_offers_child {
    padding: 40px 40px;
}

.pricing_and_offers h1 span {
    color: #FFD700;
}

.offer_card {
    padding: 130px 0px;
    background-color: #050D15;
    border-radius: 20px;
    box-shadow: 0px 0px 19px 2px #ffd700b3;
}

.global_button {
    background-color: #FFD700;
    color: #000;
    border: none;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    transition: 0.3s;
}

.global_button:hover {
    background-color: #e6c200;
}

.pricing_and_offers .service_card_1 {
    background-color: #050D15;
    border-radius: 20px;
    padding: 40px;
    border: 1px solid #ffc40093;
}

.pricing_and_offers .service_card_1 ul li {
    color: white;
    font-size: 18px;
    padding-top: 10px;
}

.pricing_and_offers .service_card_1 ul li::marker {
    color: #ffd700b3;
}

/* ===========Section 6  pricing and offer end ======================== */



/* ===========Section 7 start counters======================== */
.counter_parent {
    background-image: url(/assets/Rectangle_19.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* ===========Section 7 end counters======================== */


/* ===========Section 8 start testimonials======================== */

.custom_testimonials h1 span {
    color: #FFD700;
}

.testimonial-card {
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.05);
}

/* ===========Section 8 end testimonials======================== */

.CTA {
    padding: 120px 0px;
}


.CTA h1 {
    color: #FFD700;
    font-size: 54px;
    font-weight: 600;
}


/* Footer */


.footer {
    background-color: #0B1B2B;
    padding: 80px 0px;
}


/*  */

.footer {
    background-color: #0B1B2B;
    padding: 80px 0px;
}

/* Social Icons */
.footer .social-icon {
    font-size: 20px;
    color: #ffffff;
    transition: color 0.3s ease;
}

.footer .social-icon:hover {
    color: #0d6efd;
    /* Bootstrap blue hover */
}

/*  */
/* Footer end */



/* Responsive */

@media (max-width: 576px) {
    .main_navbar img {
        max-height: 100px;
        /* grow logo on mobile */
    }
}


@media (max-width: 992px) {
    .traders {
        padding: 60px 40px;
    }

    .pricing_and_offers .pricing_and_offers_child {
        padding: 20px 20px;
    }

    .offer_card {
        padding: 80px 20px;
    }

    .service_card_1 {
        padding: 20px;
    }


    .section_5 {
        padding: 50px 0;
        background-position: bottom right;
    }

    .section_5 h1 {
        font-size: 28px;
        text-align: center;
    }

    .section_5 h3 {
        font-size: 18px;
    }

    .section_5 p {
        font-size: 15px;
    }

    .ps-lg-5 {
        padding-left: 0 !important;
    }

    .mb-lg-0 {
        margin-bottom: 20px !important;
    }
}


@media (max-width: 768px) {
    .traders {
        padding: 40px 20px;
        text-align: center;
    }

    .traders h1 {
        font-size: 28px;
        line-height: 36px;
    }

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


    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    th,
    td {
        padding: 12px;
        font-size: 16px;
    }

    .section_4 h1 {
        font-size: 20px;
    }

    .section_4 img {
        max-width: 100%;
        height: auto;
    }




    .pricing_and_offers .pricing_and_offers_child {
        padding: 10px 10px;
    }

    .offer_card {
        padding: 50px 10px;
    }

    .offer_card h4,
    .offer_card h1,
    .offer_card h3,
    .offer_card h5 {
        font-size: 14px !important;
    }

    .service_card_1 {
        padding: 15px;
    }

    .service_card_1 ul li {
        font-size: 14px;
    }


    .section_5 h1 {
        font-size: 24px;
    }

    .section_5 h3 {
        font-size: 16px;
    }

    .section_5 p {
        font-size: 14px;
    }

    .custom_number {
        max-width: 40px;
    }

    .vertical_line_img {
        max-width: 20px;
    }

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

    .col-9.col-lg-8 {
        margin-top: 10px;
    }
}


@media (max-width: 480px) {
    .traders {
        padding: 30px 15px;
    }

    .traders h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .traders .card {
        padding: 15px;
    }

    .traders .card p {
        font-size: 14px;
    }



    .offer_card {
        padding: 30px 5px;
    }

    .offer_card h4,
    .offer_card h1,
    .offer_card h3,
    .offer_card h5 {
        font-size: 12px !important;
    }

    .service_card_1 {
        padding: 10px;
    }

    .service_card_1 ul li {
        font-size: 12px;
    }


    .section_5 h1 {
        font-size: 20px;
    }

    .section_5 h3 {
        font-size: 14px;
    }

    .section_5 p {
        font-size: 13px;
    }

    .custom_number {
        max-width: 30px;
    }

    .vertical_line_img {
        max-width: 15px;
    }


    .indicators {
        padding: 20px;
    }

    .indicators .card {
        margin-bottom: 15px;
    }

    .section_4 {
        margin-top: -10px;
    }

    .main_parent {
        margin-top: -17px;
    }

    .indicators_sub {
        background-image: url(assets/bg_llll.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 50px 0px 150px 0px;
        position: relative;
        margin: 20px 20px;
    }



    .hero_section {
        background-image: url(assets/bg-trading.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -205px;
        z-index: 998;
        /* padding: 250px 0px; */
        padding: 300px 0px 100px 0px;
        border-bottom: 1px solid white;
    }

    h1,
    h1 span {
        font-size: 35px !important;
        line-height: 40px !important;
    }

}