/* General Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
}

/* Navbar Styling */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #121212;
    padding: 15px 20px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* Logo */
.logo a {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

.logo span {
    color: #f39c12;
}

/* Navigation Links */
.nav-links {
    list-style: none;
    display: flex;
    gap: 20px;
}

.nav-links li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    transition: 0.3s ease;
}

.nav-links li a:hover {
    color: #f39c12;
}

/* Dark Mode Button */
/* #darkModeToggle {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
} */

/* Mobile Menu Icon */
.menu-toggle {
    display: none;
    cursor: pointer;
    font-size: 22px;
    color: white;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .nav-links {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        right: 0;
        background: #121212;
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links li {
        padding: 10px 0;
    }

    .menu-toggle {
        display: block;
    }
}

/* home-hero-conatiner */
/* Hero Section */
.home-hero-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 10%;
    background: gra;
    color: black;
    height: 100vh;
    overflow: hidden;
}

/* Left Content */
.home-hero-content {
    max-width: 50%;
}

.home-hero-title {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-hero-fadeInUp 1s ease-out forwards;
}

.home-hero-subtitle {
    font-size: 1.2rem;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-hero-fadeInUp 1.5s ease-out forwards;
}

/* CTA Button */
.home-hero-btn {
    display: inline-block;
    background: #f39c12;
    color: white;
    padding: 12px 24px;
    font-size: 1.2rem;
    text-decoration: none;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.9);
    animation: home-hero-fadeInScale 2s ease-out forwards;
}

.home-hero-btn:hover {
    background: #e67e22;
    transform: scale(1.05);
}

/* Right Image */
.home-hero-image img {
    max-width: 100%;
    height: auto;
    animation: home-hero-float 4s ease-in-out infinite;
}

/* Animations */
@keyframes home-hero-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes home-hero-fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes home-hero-float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .home-hero-container {
        flex-direction: column;
        text-align: center;
        padding: 50px 5%;
        height: auto;
    }

    .home-hero-content {
        max-width: 100%;
    }

    .home-hero-title {
        font-size: 2.5rem;
    }

    .home-hero-subtitle {
        font-size: 1rem;
    }

    .home-hero-btn {
        font-size: 1rem;
        padding: 10px 20px;
    }

    .home-hero-image img {
        margin-top: 20px;
    }
}

/* Market Overview Section */
/* Market Overview Section */
.home-market-container {
    text-align: center;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: white;
    padding: 50px 10%;
    overflow: hidden;
}

/* Title and Subtitle */
.home-market-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-market-fadeInUp 1s ease-out forwards;
}

.home-market-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-market-fadeInUp 1.5s ease-out forwards;
}

/* Grid Layout */
.home-market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

/* Market Card */
.home-market-card {
    background: #222;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.9);
    position: relative;
}

/* Hover Effect */
.home-market-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}

/* Prices */
.home-market-price {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 10px 0;
}

/* Change Indicators */
.home-market-change {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 5px;
}

.home-market-up {
    background: #2ecc71;
    color: white;
}

.home-market-down {
    background: #e74c3c;
    color: white;
}

/* Left Entry Animation */
.home-market-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

/* Right Entry Animation */
.home-market-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

/* Animations */
@keyframes home-market-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .home-market-container {
        padding: 50px 5%;
    }

    .home-market-title {
        font-size: 2rem;
    }

    .home-market-subtitle {
        font-size: 1rem;
    }

    .home-market-price {
        font-size: 1.5rem;
    }

    .home-market-left,
    .home-market-right {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Why Choose Us Section */
.home-why-container {
    text-align: center;
    background: white;
    color: black;
    padding: 50px 10%;
    overflow: hidden;
}

/* Title and Subtitle */
.home-why-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-why-fadeInUp 1s ease-out forwards;
}

.home-why-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-why-fadeInUp 1.5s ease-out forwards;
}

/* Grid Layout */
.home-why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

/* Feature Card */
.home-why-card {
    background: black;
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.9);
    position: relative;
}

/* Icons */
.home-why-card i {
    font-size: 2rem;
    color: #f39c12;
    margin-bottom: 10px;
}

/* Hover Effect */
.home-why-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}

/* Entry Animation */
.home-why-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.home-why-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

/* Animations */
@keyframes home-why-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .home-why-container {
        padding: 50px 5%;
    }

    .home-why-title {
        font-size: 2rem;
    }

    .home-why-subtitle {
        font-size: 1rem;
    }

    .home-why-left,
    .home-why-right {
        transform: translateX(0);
        opacity: 1;
    }
}

/* How It Works Section */
.home-how-container {
    text-align: center;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: white;
    padding: 50px 10%;
    overflow: hidden;
}

/* Title and Subtitle */
.home-how-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-how-fadeInUp 1s ease-out forwards;
}

.home-how-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-how-fadeInUp 1.5s ease-out forwards;
}

/* Steps Grid */
.home-how-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

/* Step Box */
.home-how-step {
    background: #222;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    opacity: 0;
    transform: scale(0.9);
    position: relative;
}

/* Icons */
.home-how-step i {
    font-size: 2.5rem;
    color: #f39c12;
    margin-bottom: 10px;
}

/* Hover Effect */
.home-how-step:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}

/* Left Entry Animation */
.home-how-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

/* Right Entry Animation */
.home-how-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

/* Animations */
@keyframes home-how-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .home-how-container {
        padding: 50px 5%;
    }

    .home-how-title {
        font-size: 2rem;
    }

    .home-how-subtitle {
        font-size: 1rem;
    }

    .home-how-left,
    .home-how-right {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Trading Tools Section */
.home-tools-container {
    text-align: center;
    background: white;
    color: black;
    padding: 50px 10%;
    overflow: hidden;
}

/* Title and Subtitle */
.home-tools-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-tools-fadeInUp 1s ease-out forwards;
}

.home-tools-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-tools-fadeInUp 1.5s ease-out forwards;
}

/* Grid Layout */
.home-tools-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

/* Card Container */
.home-tools-card {
    width: 100%;
    height: 200px;
    perspective: 1000px;
    opacity: 0;
    position: relative;
    transform: scale(0.9);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

/* Card Flip Effect */
.home-tools-front,
.home-tools-back {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

.home-tools-front {
    flex-direction: column;
}

.home-tools-front i {
    font-size: 2rem;
    color: #f39c12;
    margin-bottom: 10px;
}

.home-tools-back {
    background: #f39c12;
    color: black;
    padding: 10px;
    transform: rotateY(180deg);
}

/* Hover Effect */
.home-tools-card:hover .home-tools-front {
    transform: rotateY(180deg);
}

.home-tools-card:hover .home-tools-back {
    transform: rotateY(0deg);
}

/* Left & Right Entry Animation */
.home-tools-left {
    transform: translateX(-100%);
}

.home-tools-right {
    transform: translateX(100%);
}

/* Scroll Animation */
@keyframes home-tools-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .home-tools-container {
        padding: 50px 5%;
    }

    .home-tools-title {
        font-size: 2rem;
    }

    .home-tools-subtitle {
        font-size: 1rem;
    }

    .home-tools-left,
    .home-tools-right {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Testimonials Section */
.home-testimonials-container {
    text-align: center;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: white;
    padding: 50px 10%;
    overflow: hidden;
}

/* Title and Subtitle */
.home-testimonials-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-testimonials-fadeInUp 1s ease-out forwards;
}

.home-testimonials-subtitle {
    font-size: 1.2rem;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(-20px);
    animation: home-testimonials-fadeInUp 1.5s ease-out forwards;
}

/* Grid Layout */
.home-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* Testimonial Card */
.home-testimonials-card {
    background: #222;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    opacity: 0;
    position: relative;
}

/* Hover Effect */
.home-testimonials-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}

/* Profile Section */
.home-testimonials-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.home-testimonials-profile img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #f39c12;
}

.home-testimonials-profile h3 {
    margin: 0;
}

.home-testimonials-profile p {
    font-size: 0.9rem;
    color: #f39c12;
}

/* Review Text */
.home-testimonials-review {
    font-size: 1rem;
    margin-bottom: 15px;
    color: #ccc;
}

/* Profit Graph */
.home-testimonials-graph {
    width: 100%;
    max-width: 180px;
    height: 200px;
    border-radius: 8px;
    margin-top: 10px;
}

/* Left & Right Entry Animation */
.home-testimonials-left {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.home-testimonials-right {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}

/* Scroll Animation */
@keyframes home-testimonials-fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .home-testimonials-container {
        padding: 50px 5%;
    }

    .home-testimonials-title {
        font-size: 2rem;
    }

    .home-testimonials-subtitle {
        font-size: 1rem;
    }

    .home-testimonials-left,
    .home-testimonials-right {
        transform: translateX(0);
        opacity: 1;
    }
}

/* lastes-new */
.home-latest-news-section {
    padding: 50px 20px;
    background-color: white;
    text-align: center;
}

.home-latest-news-title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.home-latest-news-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}

.home-latest-news-card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.home-latest-news-card:hover {
    background: #ff6600;
    color: white;
    transform: translateY(-5px);
}

.home-latest-news-card:hover h3,
.home-latest-news-card:hover p {
    color: white;
}

/* home-security-section */
.home-security-section {
    padding: 50px 20px;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: white;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.home-security-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.home-security-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}

.home-security-card {
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out, background 0.3s ease-in-out;
    backdrop-filter: blur(10px);
}

.home-security-card:hover {
    background: #ff6600;
    color: white;
    transform: translateY(-8px);
}

.home-security-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.home-security-card p {
    font-size: 16px;
}

/* home-mobile-app-section  */
/* .home-mobile-app-section {
    padding: 50px 20px;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: white;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.home-mobile-app-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.home-mobile-app-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}
.home-mobile-app-screenshots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.home-mobile-app-screenshot {
    width: 200px;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}
.home-mobile-app-screenshot:hover {
    transform: scale(1.05);
}
.home-mobile-app-links {
    margin-top: 20px;
}
.home-mobile-app-links a {
    display: inline-block;
    background: #ff6600;
    color: white;
    padding: 12px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    margin: 10px;
    transition: background 0.3s ease-in-out;
}
.home-mobile-app-links a:hover {
    background: #e65c00;
} */

/* home-cta-section */
.home-cta-section {
    padding: 60px 20px;
    background: white;
    color: black;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.home-cta-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.home-cta-text {
    font-size: 20px;
    margin-bottom: 25px;
}

.home-cta-button {
    display: inline-block;
    background: white;
    color: #ff6600;
    padding: 14px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.home-cta-button:hover {
    background: #1a1a2e;
    color: white;
}

/* footer sections */
.footer-section {
    background: #1a1a2e;
    color: white;
    padding: 40px 20px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer-column {
    flex: 1 1 22%;  /* Ensure each column takes up equal space, but can shrink if needed */
    min-width: 220px;
    margin-bottom: 20px;
}

/* Titles in footer */
.footer-column h3 {
    margin-bottom: 15px;
    font-size: 20px;
}

/* Remove default list styles */
.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin: 8px 0;
}

.footer-column ul li a {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.footer-column ul li a:hover {
    color: #ff6600;
}

/* Social icons styling */
.footer-social {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}

.footer-social a {
    color: white;
    font-size: 24px;
    transition: color 0.3s ease-in-out;
}

.footer-social a:hover {
    color: #ff6600;
}

/* Responsive behavior for mobile and tablet */
@media (max-width: 768px) {
    .footer-column {
        flex: 1 1 48%;  /* Slightly smaller width for medium screens */
    }
}

@media (max-width: 480px) {
    .footer-column {
        flex: 1 1 100%;  /* Full width for mobile screens */
        text-align: left; /* Align text to left */
    }

    .footer-social {
        justify-content: flex-start;  /* Align social icons to the left on mobile */
    }
}

.footer-bottom {
    margin-top: 30px;
    font-size: 14px;
}


/* about us page */
/*about-hero-section  */
.about-hero-section {
    position: relative;
    width: 100%;
    height: 500px;
    background: url('img/trading-background.jpg') no-repeat center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.about-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.about-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 20px;
}

.about-hero-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    animation: fadeInDown 1s ease-in-out;
}

.about-hero-text {
    font-size: 20px;
    margin-bottom: 25px;
    animation: fadeInUp 1.2s ease-in-out;
}

.about-hero-button {
    display: inline-block;
    background: #ff6600;
    color: white;
    padding: 14px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.about-hero-button:hover {
    background: #e65c00;
    transform: scale(1.05);
}

/* about-who-we-are-section  */
.about-who-we-are-section {
    padding: 60px 20px;
    background: white;
    text-align: center;
}

.about-who-we-are-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

.about-who-we-are-text {
    flex: 1;
    min-width: 300px;
    text-align: left;
}

.about-who-we-are-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
}

.about-who-we-are-description {
    font-size: 18px;
    color: #555;
    line-height: 1.6;
}

.about-who-we-are-image {
    flex: 1;
    min-width: 300px;
    text-align: center;
}

.about-who-we-are-image img {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

.about-who-we-are-image img:hover {
    transform: scale(1.05);
}

/* Why Choose Us Section */
.about-Why-Choose-Us-section {
    background: #f8f9fa;
    padding: 80px 0;
}

.about-Why-Choose-Us-title {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.about-Why-Choose-Us-card {
    background: #fff;
    border-radius: 10px;
    padding: 25px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.about-Why-Choose-Us-card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}

.about-Why-Choose-Us-icon {
    font-size: 2.5rem;
    color: #007bff;
    margin-bottom: 15px;
}

.about-Why-Choose-Us-card h4 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
}

.about-Why-Choose-Us-card p {
    font-size: 1rem;
    color: #555;
}

/* about-Our-Team-Meet-the-Experts */
.about-Our-Team-Meet-the-Experts-container {
    background: linear-gradient(to right, #007bff, #6610f2);
    color: #fff;
    padding: 80px 0;
    text-align: center;
}

.about-Our-Team-Meet-the-Experts-heading {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.about-Our-Team-Meet-the-Experts-team {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.about-Our-Team-Meet-the-Experts-card {
    width: 380px;
    background: #fff;
    color: #333;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.4s;
    position: relative;
    text-align: center;
}

.about-Our-Team-Meet-the-Experts-card:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.about-Our-Team-Meet-the-Experts-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    /* Ensures important parts of the image remain visible */
    display: block;
}

.about-Our-Team-Meet-the-Experts-info {
    padding: 20px;
}

.about-Our-Team-Meet-the-Experts-name {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.about-Our-Team-Meet-the-Experts-role {
    color: #007bff;
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.about-Our-Team-Meet-the-Experts-bio {
    font-size: 1rem;
    color: #555;
    margin-bottom: 15px;
}

.about-Our-Team-Meet-the-Experts-social a {
    color: #007bff;
    font-size: 1.3rem;
    margin: 0 10px;
    transition: 0.3s;
}

.about-Our-Team-Meet-the-Experts-social a:hover {
    color: #0056b3;
}

/* about-Our-Technology-Security-Measures-section */
.about-Our-Technology-Security-Measures-section {
    padding: 60px 20px;
    background: white;
    color: black;
    text-align: center;
}

.about-Our-Technology-Security-Measures-title {
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: bold;
    position: relative;
}

.about-Our-Technology-Security-Measures-container {
    max-width: 1200px;
    margin: auto;
}

.about-Our-Technology-Security-Measures-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.about-Our-Technology-Security-Measures-card {
    background: #222;
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-Our-Technology-Security-Measures-card img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}

.about-Our-Technology-Security-Measures-card h3 {
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.about-Our-Technology-Security-Measures-card p {
    font-size: 1rem;
    color: white;
}

.about-Our-Technology-Security-Measures-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 15px rgba(255, 255, 255, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
    .about-Our-Technology-Security-Measures-title {
        font-size: 1.8rem;
    }
}

/* about-Our-Achievements-Milestones-section */
.about-Our-Achievements-Milestones-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

/* Container */
.about-Our-Achievements-Milestones-container {
    width: 100%;
    max-width: 800px;
}

/* Title */
.about-Our-Achievements-Milestones-title {
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

/* Stats */
.about-Our-Achievements-Milestones-stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.about-Our-Achievements-Milestones-stat {
    background: #222;

    padding: 20px;
    border-radius: 10px;
    width: 200px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-Our-Achievements-Milestones-stat h3 {
    font-size: 2rem;
    color: #fdd835;
}

.about-Our-Achievements-Milestones-stat p {
    font-size: 1rem;
    color: #ccc;
}

/* Awards */
.about-Our-Achievements-Milestones-awards {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.about-Our-Achievements-Milestones-award {
    background: #222;
    color: #ccc;
    padding: 20px;
    border-radius: 10px;
    width: 250px;
    text-align: center;
}

.about-Our-Achievements-Milestones-award img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}

/* Timeline */
.about-Our-Achievements-Milestones-timeline {
    position: relative;
    max-width: 600px;
    margin: auto;
    padding: 20px;
}

.about-Our-Achievements-Milestones-timeline-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #222;
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
    width: 100%;
}

.about-Our-Achievements-Milestones-year {
    background: #fdd835;
    color: #111;
    padding: 10px 15px;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 5px;
    min-width: 100px;
    text-align: center;
    margin-right: 20px;
}

.about-Our-Achievements-Milestones-text {
    font-size: 1.1rem;
    color: #ccc;
    text-align: left;
}

/* Responsive */
@media (max-width: 768px) {
    .about-Our-Achievements-Milestones-timeline-item {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .about-Our-Achievements-Milestones-year {
        margin-bottom: 10px;
        margin-right: 0;
    }
}

/* about-Testimonials-TrustSignals-section */
.about-Testimonials-TrustSignals-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 20px 20px;
}

/* Container */
.about-Testimonials-TrustSignals-container {
    width: 100%;
    max-width: 900px;
}

/* Title */
.about-Testimonials-TrustSignals-title {
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

/* Reviews Section */
.about-Testimonials-TrustSignals-reviews {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.about-Testimonials-TrustSignals-review {
    background: #222;
    padding: 20px;
    border-radius: 10px;
    width: 250px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.1);
}

.about-Testimonials-TrustSignals-review p {
    font-size: 1rem;
    color: #ccc;
    font-style: italic;
}

.about-Testimonials-TrustSignals-review h4 {
    margin-top: 10px;
    font-size: 1.1rem;
    color: #fdd835;
}

/* Case Studies */
.about-Testimonials-TrustSignals-casestudies {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.about-Testimonials-TrustSignals-casestudy {
    background: #222;
    padding: 20px;
    border-radius: 10px;
    width: 280px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-Testimonials-TrustSignals-casestudy img {
    width: 80px;
    margin-bottom: 10px;
}

.about-Testimonials-TrustSignals-casestudy h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.about-Testimonials-TrustSignals-casestudy p {
    font-size: 1rem;
    color: #ccc;
}

/* Partners Section */
.about-Testimonials-TrustSignals-partners {
    text-align: center;
    margin-bottom: 30px;
}

.about-Testimonials-TrustSignals-partners h3 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.about-Testimonials-TrustSignals-logos {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.about-Testimonials-TrustSignals-logos img {
    width: 120px;
    height: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .about-Testimonials-TrustSignals-container {
        max-width: 90%;
    }

    .about-Testimonials-TrustSignals-reviews,
    .about-Testimonials-TrustSignals-casestudies,
    .about-Testimonials-TrustSignals-logos {
        flex-direction: column;
        align-items: center;
    }

    .about-Testimonials-TrustSignals-review,
    .about-Testimonials-TrustSignals-casestudy {
        width: 100%;
    }
}

/* about-FAQs-section */
.about-FAQs-section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
}

/* Container */
.about-FAQs-container {
    width: 100%;
    max-width: 700px;
}

/* Title */
.about-FAQs-title {
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

/* FAQ List */
.about-FAQs-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* FAQ Item */
.about-FAQs-item {
    background: #222;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.1);
}

/* FAQ Question Button */
.about-FAQs-question {
    background: none;
    border: none;
    color: #fdd835;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s ease;
}

.about-FAQs-question::after {
    content: "+";
    font-size: 1.5rem;
    transition: transform 0.3s ease;
}

.about-FAQs-question.active::after {
    transform: rotate(45deg);
}

/* FAQ Answer */
.about-FAQs-answer {
    background: #333;
    color: #ccc;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

/* Responsive Design */
@media (max-width: 768px) {
    .about-FAQs-container {
        max-width: 90%;
    }
}

/* market-Hero-Section */
.market-Hero-Section {
    background: white;
    color: black;
    padding: 50px 20px;
    text-align: center;
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Container - To Maintain Padding on All Screens */
.market-Hero-Section .container {
    max-width: 1200px;
    /* Ensures content does not stretch too wide */
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Hero Title */
.market-Hero-Section-title {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Hero Subtitle */
.market-Hero-Section-subtitle {
    font-size: 1.2rem;
    color: #b0bec5;
    margin-bottom: 40px;
}

/* Market Stats */
.market-Hero-Section-stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

/* Market Stat Card */
.market-Hero-Section-stat-card {
    background: #1e293b;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

.market-Hero-Section-stat-card h2 {
    font-size: 2.2rem;
    font-weight: bold;
    color: #fdd835;
}

.market-Hero-Section-stat-card p {
    font-size: 1rem;
    color: #ccc;
}

.market-Hero-Section-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 15px rgba(255, 255, 255, 0.2);
}

/* Buttons */
.market-Hero-Section-buttons {
    margin-top: 30px;
}

.market-Hero-Section-buttons .market-Hero-Section-btn {
    font-size: 1.1rem;
    padding: 12px 25px;
    border-radius: 5px;
    margin: 10px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.market-Hero-Section-buttons .btn-warning {
    background: #fdd835;
    border: none;
    color: #111;
}

.market-Hero-Section-buttons .btn-warning:hover {
    background: #fbc02d;
}

.market-Hero-Section-buttons .btn-outline-light:hover {
    background: gray;
    color: black;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .market-Hero-Section-title {
        font-size: 2.5rem;
    }

    .market-Hero-Section-subtitle {
        font-size: 1.1rem;
    }
}

@media (max-width: 992px) {
    .market-Hero-Section-title {
        font-size: 2.3rem;
    }

    .market-Hero-Section-subtitle {
        font-size: 1rem;
    }

    .market-Hero-Section-stat-card {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .market-Hero-Section {
        padding: 60px 15px;
    }

    .market-Hero-Section-title {
        font-size: 2rem;
    }

    .market-Hero-Section-subtitle {
        font-size: 1rem;
    }

    .market-Hero-Section-stat-card {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .market-Hero-Section-title {
        font-size: 1.8rem;
    }

    .market-Hero-Section-subtitle {
        font-size: 0.9rem;
    }

    .market-Hero-Section-buttons .market-Hero-Section-btn {
        font-size: 1rem;
        padding: 10px 20px;
    }
}

/* Live Market Updates Section */
.market-Live-Market-Updates {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: white;
    padding: 60px 20px;
    text-align: center;
}

.market-Live-Market-Updates-title {
    font-size: 2.5rem;
    font-weight: bold;
}

.market-Live-Market-Updates-subtitle {
    font-size: 1.2rem;
    color: #b0bec5;
    margin-bottom: 30px;
}

.market-Live-Market-Updates-stats {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.market-Live-Market-Updates-card {
    background: #1e293b;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    min-width: 250px;
    max-width: 350px;
    flex: 1;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 5px 15px rgba(255, 255, 255, 0.1);
}

.market-Live-Market-Updates-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 20px rgba(255, 255, 255, 0.2);
}

.market-Live-Market-Updates-gainers {
    border-left: 5px solid #00ff00;
}

.market-Live-Market-Updates-losers {
    border-left: 5px solid #ff4444;
}

.market-Live-Market-Updates-card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.market-Live-Market-Updates-card p {
    font-size: 1rem;
    color: #ccc;
}

.market-Live-Market-Updates-price {
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.market-Live-Market-Updates-footer {
    margin-top: 30px;
    font-size: 1.1rem;
    color: #fdd835;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .market-Live-Market-Updates-title {
        font-size: 2rem;
    }

    .market-Live-Market-Updates-card {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .market-Live-Market-Updates-title {
        font-size: 1.8rem;
    }

    .market-Live-Market-Updates-subtitle {
        font-size: 1rem;
    }
}

/* market-Trading-Pairs-Their-Status */
.market-Trading-Pairs-Their-Status {
    max-width: 90%;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
    background: white;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1);
}

.market-Trading-Pairs-Their-Status-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.market-Trading-Pairs-Their-Status-tab {
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    min-width: 80px;
}

.market-Trading-Pairs-Their-Status-tab.active {
    background: #ff9800;
}

.market-Trading-Pairs-Their-Status-content {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.market-Trading-Pairs-Their-Status-content.active {
    display: block;
}

.market-Trading-Pairs-Their-Status-pair {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #333;
    flex-wrap: wrap;
}

.market-Trading-Pairs-Their-Status-status {
    font-weight: bold;
}

.market-Trading-Pairs-Their-Status-status.active {
    color: #0f0;
}

.market-Trading-Pairs-Their-Status-status.pending {
    color: #ff9800;
}

.market-Trading-Pairs-Their-Status-status.suspended {
    color: #f00;
}

.market-Trading-Pairs-Their-Status-favorite {
    cursor: pointer;
    color: #888;
}

.market-Trading-Pairs-Their-Status-favorite.active {
    color: #ff9800;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .market-Trading-Pairs-Their-Status-pair {
        flex-direction: column;
        align-items: center;
    }

    .market-Trading-Pairs-Their-Status-tab {
        padding: 8px 12px;
        font-size: 14px;
    }
}

/* market-Analysis-Tools */
.market-Analysis-Tools {
    max-width: 90%;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
    background: white;
    color: black;
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.1);
    animation: fadeIn 1s ease-in-out;
}

.market-Analysis-Tools-header {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.market-Analysis-Tools-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.market-Analysis-Tools-item {
    background: #2a2a2a;
    color: white;
    padding: 25px;
    border-radius: 8px;
    width: 300px;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease-in-out;
}

.market-Analysis-Tools-item:hover {
    transform: scale(1.05);
}

.market-Analysis-Tools-icon {
    font-size: 28px;
    margin-bottom: 10px;
    color: #ff9800;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .market-Analysis-Tools-content {
        flex-direction: column;
        align-items: center;
    }

    .market-Analysis-Tools-item {
        width: 90%;
    }
}

/* market-Market-News-Insights */
.market-Market-News-Insights {
    background: linear-gradient(135deg, #ffcc00, #ff9900);
    padding: 50px 20px;
    text-align: center;
    color: #fff;
}
.market-Market-News-Insights h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.market-Market-News-Insights-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}
.market-Market-News-Insights-card {
    background: #fff;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 300px;
    transition: transform 0.3s ease-in-out;
}
.market-Market-News-Insights-card:hover {
    transform: translateY(-10px);
}
.market-Market-News-Insights-card i {
    font-size: 2rem;
    color: #ff9900;
    margin-bottom: 10px;
}
.market-Market-News-Insights-card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.market-Market-News-Insights-card p {
    font-size: 1rem;
}
@media (max-width: 768px) {
    .market-Market-News-Insights h2 {
        font-size: 2rem;
    }
    .market-Market-News-Insights-card {
        max-width: 100%;
    }
}
/* market-Trends-Predictions */
.market-Trends-Predictions {
    background: linear-gradient(135deg, #4caf50, #2e7d32);
    padding: 50px 20px;
    text-align: center;
    color: #fff;
}
.market-Trends-Predictions h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.market-Trends-Predictions-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}
.market-Trends-Predictions-card {
    background: #fff;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 300px;
    transition: transform 0.3s ease-in-out;
    animation: bounceIn 1.5s;
}
.market-Trends-Predictions-card:hover {
    transform: scale(1.05);
}
.market-Trends-Predictions-card i {
    font-size: 2rem;
    color: #2e7d32;
    margin-bottom: 10px;
}
.market-Trends-Predictions-card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.market-Trends-Predictions-card p {
    font-size: 1rem;
}
@media (max-width: 768px) {
    .market-Trends-Predictions h2 {
        font-size: 2rem;
    }
    .market-Trends-Predictions-card {
        max-width: 100%;
    }
}
/* market-Events-Calendar */
.market-Events-Calendar {
    background: linear-gradient(135deg, #007bff, #0056b3);
    padding: 50px 20px;
    text-align: center;
    color: #fff;
}
.market-Events-Calendar h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.market-Events-Calendar-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}
.market-Events-Calendar-card {
    background: #fff;
    color: #333;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 300px;
    transition: transform 0.3s ease-in-out;
    animation: zoomIn 1.5s;
}
.market-Events-Calendar-card:hover {
    transform: scale(1.05);
}
.market-Events-Calendar-card i {
    font-size: 2rem;
    color: #0056b3;
    margin-bottom: 10px;
}
.market-Events-Calendar-card h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.market-Events-Calendar-card p {
    font-size: 1rem;
}
@media (max-width: 768px) {
    .market-Events-Calendar h2 {
        font-size: 2rem;
    }
    .market-Events-Calendar-card {
        max-width: 100%;
    }
}
/* market-Search-Filter */
.market-Search-Filter {
    background: linear-gradient(135deg, #673AB7, #311B92);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.market-Search-Filter h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.market-Search-Filter p {
    font-size: 1.2rem;
}
.market-Search-Filter-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 30px;
}
.market-Search-Filter input, .market-Search-Filter select {
    padding: 12px;
    width: 80%;
    max-width: 450px;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.market-Search-Filter select {
    cursor: pointer;
}
.market-Search-Filter-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 20px;
}
.market-Search-Filter-card {
    background: #fff;
    color: #333;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    padding: 25px;
    max-width: 280px;
    transition: transform 0.3s ease-in-out;
    animation: fadeInUp 1.5s;
    text-align: center;
}
.market-Search-Filter-card:hover {
    transform: scale(1.08);
}
.market-Search-Filter-card h3 {
    font-size: 1.6rem;
    margin-bottom: 8px;
}
.market-Search-Filter-card p {
    font-size: 1.1rem;
}
@media (max-width: 768px) {
    .market-Search-Filter h2 {
        font-size: 2.2rem;
    }
    .market-Search-Filter input, .market-Search-Filter select {
        width: 100%;
    }
}
/* deposit page */
/* deposit-hero-section */
.deposit-hero-section {
    background: linear-gradient(135deg, #1E88E5, #0D47A1);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.deposit-hero-section h1 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.deposit-hero-section p {
    font-size: 1.2rem;
}
.deposit-hero-section-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 30px;
}
.deposit-hero-section-balance {
    background: #fff;
    color: #333;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.deposit-hero-section-balance i {
    font-size: 2rem;
    color: #0D47A1;
}
.deposit-hero-section-security {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 8px;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.deposit-hero-section-security i {
    font-size: 1.5rem;
    color: #FFD700;
}
@media (max-width: 768px) {
    .deposit-hero-section h1 {
        font-size: 2.5rem;
    }
}
/* deposit-fund-section */
.deposit-fund-section {
    background: linear-gradient(135deg, #2196F3, #0D47A1);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-fund-section h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.deposit-fund-section p {
    font-size: 1.2rem;
    opacity: 0.9;
}
.deposit-fund-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
}
.deposit-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    width: 100%;
    max-width: 900px;
}
.deposit-method-card {
    background: #fff;
    color: #333;
    border-radius: 15px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.deposit-method-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-method-card i {
    font-size: 2rem;
    color: #2196F3;
    margin-bottom: 10px;
}
.deposit-method-card h3 {
    font-size: 1.3rem;
    margin-bottom: 5px;
}
.deposit-method-card a {
    display: block;
    margin-top: 10px;
    color: #0D47A1;
    text-decoration: none;
    font-weight: bold;
}
.deposit-method-card a:hover {
    text-decoration: underline;
}
.deposit-form {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 400px;
    text-align: center;
}
.deposit-form select, .deposit-form input, .deposit-form button {
    width: 100%;
    padding: 12px;
    margin-top: 12px;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.deposit-form button {
    background: #2196F3;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
}
.deposit-form button:hover {
    background: #0D47A1;
}
@media (max-width: 768px) {
    .deposit-fund-section h2 {
        font-size: 2.2rem;
    }
}
/* deposit-Withdrawal-Section */
.deposit-Withdrawal-Section {
    background: linear-gradient(135deg, #FF9800, #E65100);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-Withdrawal-Section h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.deposit-Withdrawal-Section p {
    font-size: 1.2rem;
    opacity: 0.9;
}
.deposit-Withdrawal-Section-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
}
.deposit-Withdrawal-Section-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    width: 100%;
    max-width: 900px;
}
.deposit-Withdrawal-Section-method-card {
    background: #fff;
    color: #333;
    border-radius: 15px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.deposit-Withdrawal-Section-method-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-Withdrawal-Section-method-card i {
    font-size: 2rem;
    color: #FF9800;
    margin-bottom: 10px;
}
.deposit-Withdrawal-Section-method-card h3 {
    font-size: 1.3rem;
    margin-bottom: 5px;
}
.deposit-Withdrawal-Section-method-card a {
    display: block;
    margin-top: 10px;
    color: #E65100;
    text-decoration: none;
    font-weight: bold;
}
.deposit-Withdrawal-Section-method-card a:hover {
    text-decoration: underline;
}
.deposit-Withdrawal-Section-form {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 400px;
    text-align: center;
}
.deposit-Withdrawal-Section-form select, .deposit-Withdrawal-Section-form input, .deposit-Withdrawal-Section-form button {
    width: 100%;
    padding: 12px;
    margin-top: 12px;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.deposit-Withdrawal-Section-form button {
    background: #FF9800;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
}
.deposit-Withdrawal-Section-form button:hover {
    background: #E65100;
}
@media (max-width: 768px) {
    .deposit-Withdrawal-Section h2 {
        font-size: 2.2rem;
    }
}
/* deposit-Transaction-History */
.deposit-Transaction-History {
    background: linear-gradient(135deg, #673AB7, #512DA8);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-Transaction-History h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.deposit-Transaction-History p {
    font-size: 1.2rem;
    opacity: 0.9;
}
.deposit-Transaction-History-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
}
.deposit-Transaction-History-table {
    width: 90%;
    max-width: 1000px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.deposit-Transaction-History-table table {
    width: 100%;
    border-collapse: collapse;
}
.deposit-Transaction-History-table th, .deposit-Transaction-History-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.deposit-Transaction-History-table th {
    background: #673AB7;
    color: #fff;
}
.deposit-Transaction-History-table tbody tr:hover {
    background: #f1f1f1;
}
.deposit-Transaction-History-status {
    font-weight: bold;
}
.deposit-Transaction-History-status.pending {
    color: orange;
}
.deposit-Transaction-History-status.completed {
    color: green;
}
.deposit-Transaction-History-status.failed {
    color: red;
}
.deposit-Transaction-History-filters {
    margin: 20px 0;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.deposit-Transaction-History-filters input, .deposit-Transaction-History-filters select {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
@media (max-width: 768px) {
    .deposit-Transaction-History h2 {
        font-size: 2.2rem;
    }
    .deposit-Transaction-History-table th, .deposit-Transaction-History-table td {
        padding: 10px;
    }
}
/* deposit-Fees-Processing" */
.deposit-Fees-Processing {
    background: linear-gradient(135deg, #009688, #00796B);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-Fees-Processing h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.deposit-Fees-Processing p {
    font-size: 1.2rem;
    opacity: 0.9;
}
.deposit-Fees-Processing-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
}
.deposit-Fees-Processing-table {
    width: 90%;
    max-width: 1000px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.deposit-Fees-Processing-table table {
    width: 100%;
    border-collapse: collapse;
}
.deposit-Fees-Processing-table th, .deposit-Fees-Processing-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.deposit-Fees-Processing-table th {
    background: #009688;
    color: #fff;
}
.deposit-Fees-Processing-table tbody tr:hover {
    background: #f1f1f1;
}
@media (max-width: 768px) {
    .deposit-Fees-Processing h2 {
        font-size: 2.2rem;
    }
    .deposit-Fees-Processing-table th, .deposit-Fees-Processing-table td {
        padding: 10px;
    }
}
/* deposit-Security-Compliance */
.deposit-Security-Compliance {
    background: linear-gradient(135deg, #FF5722, #D84315);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-Security-Compliance h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.deposit-Security-Compliance p {
    font-size: 1.2rem;
    opacity: 0.9;
}
.deposit-Security-Compliance-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
}
.deposit-Security-Compliance-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    width: 90%;
    max-width: 1000px;
}
.deposit-Security-Compliance-card {
    background: #fff;
    color: #333;
    border-radius: 15px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.deposit-Security-Compliance-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-Security-Compliance-card i {
    font-size: 2rem;
    color: #FF5722;
    margin-bottom: 10px;
}
.deposit-Security-Compliance-card h3 {
    font-size: 1.3rem;
    margin-bottom: 5px;
}
@media (max-width: 768px) {
    .deposit-Security-Compliance h2 {
        font-size: 2.2rem;
    }
}
/* deposit-FAQs-Help-Center */
.deposit-FAQs-Help-Center {
    background: linear-gradient(135deg, #3F51B5, #1A237E);
    padding: 60px 20px;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.deposit-FAQs-Help-Center h2 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.deposit-FAQs-Help-Center p {
    font-size: 1.2rem;
    opacity: 0.9;
}
.deposit-FAQs-Help-Center-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
    max-width: 900px;
    margin: auto;
}
.deposit-FAQs-Help-Center-accordion {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.deposit-FAQs-Help-Center-question {
    padding: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.deposit-FAQs-Help-Center-answer {
    display: none;
    padding: 15px;
    font-size: 1rem;
    color: #333;
    background: #f9f9f9;
}
.deposit-FAQs-Help-Center-contact {
    text-align: center;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    width: 100%;
}
.deposit-FAQs-Help-Center-contact a {
    color: #1A237E;
    font-weight: bold;
    text-decoration: none;
}
.deposit-FAQs-Help-Center-contact a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .deposit-FAQs-Help-Center h2 {
        font-size: 2.2rem;
    }
}
/* News page  */
/* new-Hero-Section */
.new-Hero-Section {
    
    padding: 80px 20px;
    text-align: center;
    color:black;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    position: relative;
}
.new-Hero-Section h1 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
    animation: fadeInDown 1s;
}
.new-Hero-Section p {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 20px;
    animation: fadeInUp 1s;
}
.new-Hero-Section-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.new-Hero-Section-buttons a {
    background: #F39C12;
    color: #fff;
    padding: 12px 30px;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.new-Hero-Section-buttons a:hover {
    background: #D68910;
    transform: translateY(-3px);
}
.new-Hero-Section-carousel {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.new-Hero-Section-carousel img {
    width: 100%;
    display: none;
    transition: opacity 1s ease-in-out;
}
.new-Hero-Section-carousel img.active {
    display: block;
    opacity: 1;
}
@media (max-width: 768px) {
    .new-Hero-Section h1 {
        font-size: 2.5rem;
    }
    .new-Hero-Section-buttons a {
        padding: 10px 20px;
        font-size: 1rem;
    }
}
/* new-Daily-Market-News */
.new-Daily-Market-News {
  
    padding: 80px 20px;
    text-align: center;
    color:black;
    border-radius: 0 0 50px 50px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    position: relative;
}
.new-Daily-Market-News h2 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.new-Daily-Market-News p {
    font-size: 1.3rem;
    opacity: 0.9;
}
.new-Daily-Market-News-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: auto;
}
.new-Daily-Market-News-article {
    background: #fff;
    color: #333;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    padding: 20px;
    width: 100%;
    max-width: 900px;
    transition: all 0.3s ease-in-out;
}
.new-Daily-Market-News-article:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}
.new-Daily-Market-News-article h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.new-Daily-Market-News-article p {
    font-size: 1rem;
    opacity: 0.8;
}
.new-Daily-Market-News-ticker {
    background: #333;
    color: #fff;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
}
@media (max-width: 768px) {
    .new-Daily-Market-News h2 {
        font-size: 2.5rem;
    }
}
/* new-Expert-Insights-section */
.new-Technical-Analysis-Reports-section {
    background: #1e1e2f;
    color: white;
    padding:10px;
    text-align: center;
}
.new-Technical-Analysis-Reports-card {
    background: rgba(255, 255, 255, 0.2);
    padding: 10px;
    border-radius: 15px;
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: left;
    margin-bottom: 30px; /* Added more padding to separate cards */
}
.new-Technical-Analysis-Reports-card:hover {
    transform: translateY(-12px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}
.new-Technical-Analysis-Reports-icon {
    font-size: 45px;
    color: #ffcc00;
    margin-right: 15px;
}
.new-Technical-Analysis-Reports-content {
    display: flex;
    flex-direction: column;
}
.new-Technical-Analysis-Reports-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.new-Technical-Analysis-Reports-text {
    font-size: 16px;
    opacity: 0.9;
    margin: 0;
}
/* new-Technical-Analysis-Reports-section */
.new-Technical-Analysis-Reports-section {
    background: #1e1e2f;
    color: white;
    padding: 20px 20px;
    text-align: center;
}
.new-Technical-Analysis-Reports-card {
    background: rgba(255, 255, 255, 0.2);
    padding: 25px;
    border-radius: 15px;
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: left;
    margin-bottom: 20px; /* Added padding to separate cards */
}
.new-Technical-Analysis-Reports-card:hover {
    transform: translateY(-12px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}
.new-Technical-Analysis-Reports-icon {
    font-size: 45px;
    color: #ffcc00;
    margin-right: 15px;
}
.new-Technical-Analysis-Reports-content {
    display: flex;
    flex-direction: column;
}
.new-Technical-Analysis-Reports-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}
.new-Technical-Analysis-Reports-text {
    font-size: 16px;
    opacity: 0.9;
    margin: 0;
}
/* new-Top-Gainers-container */
.new-Top-Gainers-container {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    text-align: center;
}
.new-Top-Gainers-section-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    animation: fadeInDown 1s;
}
.new-Top-Gainers-market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.new-Top-Gainers-market-box {
    background: rgba(255, 255, 255, 0.15);
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeInUp 1s;
}
.new-Top-Gainers-market-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
.new-Top-Gainers-market-header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.new-Top-Gainers-market-data {
    font-size: 18px;
    line-height: 1.8;
}
.new-Top-Gainers-bullish {
    color: #00ff00;
    font-weight: bold;
}
.new-Top-Gainers-bearish {
    color: #ff4d4d;
    font-weight: bold;
}
/* new-Educational-Blog-container */
.new-Educational-Blog-container {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    text-align: center;
}
.new-Educational-Blog-section-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffcc00;
    animation: fadeInDown 1s;
}
.new-Educational-Blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.new-Educational-Blog-box {
    background-color: black;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeInUp 1s;
}
.new-Educational-Blog-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(255, 204, 0, 0.6);
}
.new-Educational-Blog-header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffcc00;
}
.new-Educational-Blog-data {
    font-size: 18px;
    line-height: 1.8;
    color: gray;
}
/* new-Economic-Calendar-container */
.new-Economic-Calendar-container {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    text-align: center;
}
.new-Economic-Calendar-section-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffcc00;
    animation: fadeInDown 1s;
}
.new-Economic-Calendar-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.new-Economic-Calendar-box {
    background-color:black;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeInUp 1s;
}
.new-Economic-Calendar-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(255, 204, 0, 0.6);
}
.new-Economic-Calendar-header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffcc00;
}
.new-Economic-Calendar-data {
    font-size: 18px;
    line-height: 1.8;
    color:gray;
}
/* new-AI-Powered-container */
.new-AI-Powered-container {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    text-align: center;
}
.new-AI-Powered-section-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffcc00;
    animation: fadeInDown 1s;
}
.new-AI-Powered-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.new-AI-Powered-box {
    background-color: black;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(255, 204, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    animation: fadeInUp 1s;
}
.new-AI-Powered-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(255, 204, 0, 0.6);
}
.new-AI-Powered-header {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffcc00;
}
.new-AI-Powered-data {
    font-size: 18px;
    line-height: 1.8;
    color: gray;
}
/* contact page  */
.contact-hero-section {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 70vh;
   background-color: white;
    color:black;
    padding: 20px;
}
.contact-hero-section-container {
    max-width: 600px;
}
.contact-hero-section-cta-buttons {
    margin-top: 20px;
}
.contact-hero-section-btn {
    display: inline-block;
    padding: 12px 24px;
    margin: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #222;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.contact-hero-section-btn:hover {
    background: #444;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInDown {
    animation-name: fadeInDown;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.bounceIn {
    animation-name: bounceIn;
}
.contact-hero-section-delay-1s {
    animation-delay: 0.5s;
}
.contact-hero-section-delay-2s {
    animation-delay: 1s;
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/* contact-Live-Chat-Support */
.contact-Live-Chat-Support {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #007bff, #00d4ff);
    color: #fff;
    padding: 20px;
}
.contact-Live-Chat-Support-container {
    max-width: 700px;
    padding-bottom: 40px;
    width: 100%;
}
.contact-Live-Chat-Support-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}
.contact-Live-Chat-Support-feature {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    padding: 12px 16px;
    border-radius: 10px;
    width: 100%;
    max-width: 350px;
    font-size: 18px;
}
.contact-Live-Chat-Support-feature span {
    font-size: 24px;
    margin-right: 10px;
}
.contact-Live-Chat-Support-btn {
    display: inline-block;
    padding: 12px 24px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #222;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    bottom: -20px;
}
.contact-Live-Chat-Support-btn:hover {
    background: #444;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInDown {
    animation-name: fadeInDown;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
.fadeInRight {
    animation-name: fadeInRight;
}
.bounceIn {
    animation-name: bounceIn;
}
.delay-1s {
    animation-delay: 0.5s;
}
@media (max-width: 768px) {
    .contact-Live-Chat-Support {
        padding: 20px;
    }
    .contact-Live-Chat-Support-container {
        width: 90%;
    }
    .contact-Live-Chat-Support-features {
        flex-direction: column;
        align-items: center;
    }
    .contact-Live-Chat-Support-feature {
        max-width: 100%;
    }
    .contact-Live-Chat-Support-btn {
        width: 90%;
    }
}
@media (max-width: 480px) {
    .contact-Live-Chat-Support-title {
        font-size: 22px;
    }
    .contact-Live-Chat-Support-text {
        font-size: 16px;
    }
    .contact-Live-Chat-Support-feature {
        font-size: 16px;
        padding: 10px;
    }
    .contact-Live-Chat-Support-btn {
        font-size: 16px;
        padding: 10px 20px;
    }
}

/* contact-Form-Support */
.contact-Form-Support {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #004e92, #000428);
    color: #ffffff;
    padding: 20px;
}
.contact-Form-Support-container {
    max-width: 600px;
    padding: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
}
.contact-Form-Support-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contact-Form-Support-group {
    text-align: left;
}
.contact-Form-Support-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.contact-Form-Support-group input,
.contact-Form-Support-group select,
.contact-Form-Support-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}
.contact-Form-Support-btn {
    display: inline-block;
    padding: 12px 24px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #004e92;
    background: #ffcc00;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.contact-Form-Support-btn:hover {
    background: #ffaa00;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInDown {
    animation-name: fadeInDown;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.fadeIn {
    animation-name: fadeIn;
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
@media (max-width: 768px) {
    .contact-Form-Support-container {
        width: 90%;
        padding: 30px;
    }
    .contact-Form-Support-group input,
    .contact-Form-Support-group select,
    .contact-Form-Support-group textarea {
        font-size: 14px;
    }
}
@media (max-width: 480px) {
    .contact-Form-Support-title {
        font-size: 22px;
    }
    .contact-Form-Support-text {
        font-size: 16px;
    }
    .contact-Form-Support-btn {
        font-size: 16px;
    }
}
/* contact-Social-Media */
.contact-Social-Media {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #ffffff;
    padding: 50px 20px;
}
.contact-Social-Media-container {
    max-width: 900px;
    padding: 40px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
}
.contact-Social-Media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
}
.contact-Social-Media-card {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 10px;
    transition: transform 0.3s ease, background 0.3s ease;
    text-decoration: none;
    color: #ffffff;
}
.contact-Social-Media-card:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.2);
}
.contact-Social-Media-icon {
    font-size: 30px;
    margin-right: 15px;
}
.contact-Social-Media-info h3 {
    margin: 0;
    font-size: 18px;
}
.contact-Social-Media-info p {
    margin: 5px 0 0;
    font-size: 14px;
    opacity: 0.8;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
.fadeInRight {
    animation-name: fadeInRight;
}
.fadeInUp {
    animation-name: fadeInUp;
}
.delay-1s {
    animation-delay: 0.5s;
}
.delay-2s {
    animation-delay: 1s;
}
.delay-3s {
    animation-delay: 1.5s;
}
.delay-4s {
    animation-delay: 2s;
}
@keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
    .contact-Social-Media-container {
        width: 90%;
        padding: 30px;
    }
    .contact-Social-Media-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 480px) {
    .contact-Social-Media-title {
        font-size: 22px;
    }
    .contact-Social-Media-text {
        font-size: 16px;
    }
    .contact-Social-Media-card {
        font-size: 16px;
    }
}
/* contact-office-location */
/* General Styles */
.contact-office-location {
    padding: 40px 20px;
    background-color: #f9f9f9;
    animation: fadeIn 1s ease-in-out;
  }
  
  .contact-office-location .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
  }
  
  .contact-office-location .section-title {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 30px;
    animation: slideIn 1s ease-out;
  }
  
  .contact-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
  }
  
  .office-address,
  .appointment-booking {
    flex: 1 1 45%;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  
  .office-address h3,
  .appointment-booking h3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  
  .map-container iframe {
    border-radius: 10px;
  }
  
  .map-link,
  .email-link,
  .call-link {
    display: inline-block;
    margin-top: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #007bff;
  }
  
  .map-link:hover,
  .email-link:hover,
  .call-link:hover {
    text-decoration: underline;
  }
  
  @media (max-width: 1200px) {
    .contact-info {
      gap: 20px;
    }
  }
  
  @media (max-width: 992px) {
    .contact-info {
      flex-direction: column;
      align-items: center;
      gap: 40px;
    }
    .office-address,
    .appointment-booking {
      flex: 1 1 100%;
    }
  }
  
  @media (max-width: 768px) {
    .section-title {
      font-size: 2rem;
    }
    .contact-info {
      gap: 20px;
    }
    .office-address,
    .appointment-booking {
      padding: 15px;
    }
  }
  
  @media (max-width: 480px) {
    .section-title {
      font-size: 1.5rem;
    }
    .contact-info {
      gap: 15px;
    }
    .office-address,
    .appointment-booking {
      flex: 1 1 100%;
      padding: 10px;
    }
    .map-container iframe {
      height: 300px;
    }
  }
  
  /* Animations */
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @keyframes slideIn {
    0% { transform: translateY(30px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
  }
  /* contact-FAQs-Help */

  
  /* Term & Conditions Page */
  /* Term-condition-Introduction-Agreement */
  .term-conditions-introduction-agreement {
    background-color: #f4f6f8;
    padding: 50px 0;
    font-family: 'Arial', sans-serif;
  }
  
  .container {
    width: 80%;
    margin: 0 auto;
    max-width: 1200px;
  }
  
  .content-wrapper {
    text-align: center;
  }
  
  .section-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
  }
  
  .intro-text {
    font-size: 18px;
    color: #555;
    margin-bottom: 40px;
  }
  
  .terms-box {
    background-color: #fff;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  
  .box-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
  }
  
  .box-text {
    font-size: 16px;
    color: #666;
  }
  
  .acceptance-footer {
    margin-top: 40px;
  }
  
  .accept-button {
    padding: 10px 20px;
    font-size: 18px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .accept-button:hover {
    background-color: #45a049;
  }
  
  .animated {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  /* term-condition-eligibility-account */
  .term-condition-eligibility-account {
    background-color: #f9f9f9;
    padding: 60px 0;
    font-family: 'Arial', sans-serif;
  }
  
  .term-condition-eligibility-account-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .term-condition-eligibility-account-content-wrapper {
    text-align: center;
  }
  
  .term-condition-eligibility-account-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #333;
  }
  
  .term-condition-eligibility-account-box {
    background-color: #fff;
    padding: 25px;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  
  .term-condition-eligibility-account-box-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }
  
  .term-condition-eligibility-account-box-text {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
  }
  
  .term-condition-eligibility-account-cta-footer {
    margin-top: 40px;
  }
  
  .term-condition-eligibility-account-cta-button {
    padding: 12px 25px;
    font-size: 18px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .term-condition-eligibility-account-cta-button:hover {
    background-color: #45a049;
  }
  
  .animated {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .term-condition-eligibility-account-title {
      font-size: 28px;
    }
  
    .term-condition-eligibility-account-box {
      padding: 20px;
    }
  
    .term-condition-eligibility-account-box-title {
      font-size: 20px;
    }
  
    .term-condition-eligibility-account-box-text {
      font-size: 14px;
    }
  
    .term-condition-eligibility-account-cta-button {
      padding: 10px 20px;
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .term-condition-eligibility-account-title {
      font-size: 24px;
    }
  
    .term-condition-eligibility-account-box-title {
      font-size: 18px;
    }
  
    .term-condition-eligibility-account-cta-button {
      padding: 8px 18px;
      font-size: 14px;
    }
  }
  /* term-condition-trading-rules-responsibilities */
  .term-condition-trading-rules-responsibilities {
    background-color: #f4f6f8;
    padding: 60px 0;
    font-family: 'Arial', sans-serif;
  }
  
  .term-condition-trading-rules-responsibilities-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .term-condition-trading-rules-responsibilities-content-wrapper {
    text-align: center;
  }
  
  .term-condition-trading-rules-responsibilities-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #333;
  }
  
  .term-condition-trading-rules-responsibilities-box {
    background-color: #fff;
    padding: 25px;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  
  .term-condition-trading-rules-responsibilities-box-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }
  
  .term-condition-trading-rules-responsibilities-box-text {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
  }
  
  .term-condition-trading-rules-responsibilities-cta-footer {
    margin-top: 40px;
  }
  
  .term-condition-trading-rules-responsibilities-cta-button {
    padding: 12px 25px;
    font-size: 18px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .term-condition-trading-rules-responsibilities-cta-button:hover {
    background-color: #45a049;
  }
  
  .animated {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .term-condition-trading-rules-responsibilities-title {
      font-size: 28px;
    }
  
    .term-condition-trading-rules-responsibilities-box {
      padding: 20px;
    }
  
    .term-condition-trading-rules-responsibilities-box-title {
      font-size: 20px;
    }
  
    .term-condition-trading-rules-responsibilities-box-text {
      font-size: 14px;
    }
  
    .term-condition-trading-rules-responsibilities-cta-button {
      padding: 10px 20px;
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .term-condition-trading-rules-responsibilities-title {
      font-size: 24px;
    }
  
    .term-condition-trading-rules-responsibilities-box-title {
      font-size: 18px;
    }
  
    .term-condition-trading-rules-responsibilities-cta-button {
      padding: 8px 18px;
      font-size: 14px;
    }
  }
  /* term-condition-deposit-withdrawal-fees */
  .term-condition-deposit-withdrawal-fees {
    background-color: #f4f6f8;
    padding: 60px 0;
    font-family: 'Arial', sans-serif;
  }
  
  .term-condition-deposit-withdrawal-fees-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .term-condition-deposit-withdrawal-fees-content-wrapper {
    text-align: center;
  }
  
  .term-condition-deposit-withdrawal-fees-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #333;
  }
  
  .term-condition-deposit-withdrawal-fees-box {
    background-color: #fff;
    padding: 25px;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  
  .term-condition-deposit-withdrawal-fees-box-title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }
  
  .term-condition-deposit-withdrawal-fees-box-text {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
  }
  
  .term-condition-deposit-withdrawal-fees-cta-footer {
    margin-top: 40px;
  }
  
  .term-condition-deposit-withdrawal-fees-cta-button {
    padding: 12px 25px;
    font-size: 18px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .term-condition-deposit-withdrawal-fees-cta-button:hover {
    background-color: #45a049;
  }
  
  .animated {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .term-condition-deposit-withdrawal-fees-title {
      font-size: 28px;
    }
  
    .term-condition-deposit-withdrawal-fees-box {
      padding: 20px;
    }
  
    .term-condition-deposit-withdrawal-fees-box-title {
      font-size: 20px;
    }
  
    .term-condition-deposit-withdrawal-fees-box-text {
      font-size: 14px;
    }
  
    .term-condition-deposit-withdrawal-fees-cta-button {
      padding: 10px 20px;
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .term-condition-deposit-withdrawal-fees-title {
      font-size: 24px;
    }
  
    .term-condition-deposit-withdrawal-fees-box-title {
      font-size: 18px;
    }
  
    .term-condition-deposit-withdrawal-fees-cta-button {
      padding: 8px 18px;
      font-size: 14px;
    }
  }
  /* term-condition-risk-disclosure-liability */
  .term-condition-risk-disclosure-liability {
    background-color: #fff;
    padding: 60px 0;
    font-family: 'Arial', sans-serif;
    border-top: 5px solid #4CAF50;
  }
  
  .term-condition-risk-disclosure-liability-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .term-condition-risk-disclosure-liability-content-wrapper {
    text-align: center;
  }
  
  .term-condition-risk-disclosure-liability-title {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
  }
  
  .term-condition-risk-disclosure-liability-box {
    background-color: #f4f4f4;
    padding: 25px;
    margin: 20px 0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  
  .term-condition-risk-disclosure-liability-box-title {
    font-size: 24px;
    font-weight: bold;
    color: #444;
    margin-bottom: 15px;
  }
  
  .term-condition-risk-disclosure-liability-box-text {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
  }
  
  .term-condition-risk-disclosure-liability-cta-footer {
    margin-top: 40px;
  }
  
  .term-condition-risk-disclosure-liability-cta-button {
    padding: 14px 30px;
    font-size: 18px;
    background-color: #FF5722;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .term-condition-risk-disclosure-liability-cta-button:hover {
    background-color: #f44336;
  }
  
  .animated {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      transform: translateY(30px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .term-condition-risk-disclosure-liability-title {
      font-size: 30px;
    }
  
    .term-condition-risk-disclosure-liability-box {
      padding: 20px;
    }
  
    .term-condition-risk-disclosure-liability-box-title {
      font-size: 20px;
    }
  
    .term-condition-risk-disclosure-liability-box-text {
      font-size: 14px;
    }
  
    .term-condition-risk-disclosure-liability-cta-button {
      padding: 12px 25px;
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .term-condition-risk-disclosure-liability-title {
      font-size: 24px;
    }
  
    .term-condition-risk-disclosure-liability-box-title {
      font-size: 18px;
    }
  
    .term-condition-risk-disclosure-liability-cta-button {
      padding: 10px 20px;
      font-size: 14px;
    }
  }
  /* term-condition-account-suspension-termination */
  .term-condition-account-suspension-termination {
    background-color: #fafafa;
    padding: 60px 0;
    font-family: 'Arial', sans-serif;
    border-left: 5px solid #2196F3;
    border-right: 5px solid #2196F3;
  }
  
  .term-condition-account-suspension-termination-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .term-condition-account-suspension-termination-content-wrapper {
    text-align: center;
  }
  
  .term-condition-account-suspension-termination-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #333;
  }
  
  .term-condition-account-suspension-termination-box {
    background-color: #fff;
    padding: 30px;
    margin: 20px 0;
    border-radius: 12px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  
  .term-condition-account-suspension-termination-box:hover {
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.15);
  }
  
  .term-condition-account-suspension-termination-box-title {
    font-size: 24px;
    font-weight: 600;
    color: #2196F3;
    margin-bottom: 15px;
  }
  
  .term-condition-account-suspension-termination-box-text {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
  }
  
  .term-condition-account-suspension-termination-cta-footer {
    margin-top: 40px;
  }
  
  .term-condition-account-suspension-termination-cta-button {
    padding: 14px 30px;
    font-size: 18px;
    background-color: #2196F3;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .term-condition-account-suspension-termination-cta-button:hover {
    background-color: #1976D2;
  }
  
  .animated {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    0% {
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .term-condition-account-suspension-termination-title {
      font-size: 32px;
    }
  
    .term-condition-account-suspension-termination-box {
      padding: 25px;
    }
  
    .term-condition-account-suspension-termination-box-title {
      font-size: 22px;
    }
  
    .term-condition-account-suspension-termination-box-text {
      font-size: 14px;
    }
  
    .term-condition-account-suspension-termination-cta-button {
      padding: 12px 25px;
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .term-condition-account-suspension-termination-title {
      font-size: 28px;
    }
  
    .term-condition-account-suspension-termination-box-title {
      font-size: 20px;
    }
  
    .term-condition-account-suspension-termination-cta-button {
      padding: 10px 20px;
      font-size: 14px;
    }
  }
  /* term-condition-Governing-Law */
  .term-condition-Governing-Law {
    padding: 50px 20px;
    background-color: #f9f9f9;
    animation: fadeIn 1s ease-out;
  }

  .term-condition-Governing-Law__header {
    margin-bottom: 40px;
  }

  .term-condition-Governing-Law__title {
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    animation: slideIn 1s ease-out;
  }

  .term-condition-Governing-Law__section {
    margin-bottom: 30px;
  }

  .term-condition-Governing-Law__subtitle {
    font-size: 1.5rem;
    color: #444;
    margin-bottom: 10px;
    animation: slideIn 1s ease-out;
  }

  .term-condition-Governing-Law__text {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    animation: fadeIn 1s ease-out;
  }

  @keyframes slideIn {
    from {
      transform: translateX(-30px);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* Ensure responsiveness on smaller devices */
  @media (max-width: 768px) {
    .term-condition-Governing-Law__title {
      font-size: 1.5rem;
    }
    .term-condition-Governing-Law__subtitle {
      font-size: 1.2rem;
    }
    .term-condition-Governing-Law__text {
      font-size: 0.9rem;
    }
  }
  /* term-condition-Legal-Contact */
  .term-condition-Legal-Contact {
    padding: 50px 20px;
    background-color: #f1f1f1;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 1s ease-out;
  }

  .term-condition-Legal-Contact__header {
    margin-bottom: 30px;
  }

  .term-condition-Legal-Contact__title {
    font-size: 2rem;
    color: #333;
    font-weight: bold;
    letter-spacing: 1px;
    animation: fadeInUp 1s ease-out;
  }

  .term-condition-Legal-Contact__details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    animation: fadeInUp 1s ease-out;
  }

  .term-condition-Legal-Contact__info {
    margin-bottom: 25px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
  }

  .term-condition-Legal-Contact__info:hover {
    transform: translateY(-5px);
  }

  .term-condition-Legal-Contact__subtitle {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
    animation: slideIn 1s ease-out;
  }

  .term-condition-Legal-Contact__email,
  .term-condition-Legal-Contact__address {
    font-size: 1rem;
    color: #555;
    line-height: 1.6;
    animation: slideIn 1s ease-out;
  }

  /* Hover effect for better interactivity */
  .term-condition-Legal-Contact__email:hover,
  .term-condition-Legal-Contact__address:hover {
    color: #007bff;
    text-decoration: underline;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes slideIn {
    from {
      transform: translateX(-30px);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  /* Make it responsive */
  @media (max-width: 768px) {
    .term-condition-Legal-Contact__title {
      font-size: 1.6rem;
    }

    .term-condition-Legal-Contact__subtitle {
      font-size: 1.2rem;
    }

    .term-condition-Legal-Contact__info {
      padding: 10px;
      margin-bottom: 20px;
    }
  }
  /* Privacy-Policy */
/* Privacy-Policy-Introduction-Scope */
/* Base Styles */
.Privacy-Policy-Introduction-Scope {
    background-color: #f4f4f9;
    padding: 50px 15px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #333;
  }
  
  /* Container */
  .Privacy-Policy-Introduction-Scope .container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Title Styles */
  .Privacy-Policy-Introduction-Scope .title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2e3a59;
    animation: fadeIn 2s ease-out;
  }
  
  /* Intro Text Styles */
  .Privacy-Policy-Introduction-Scope .intro-text {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    animation: fadeIn 2s ease-out 0.5s;
  }
  
  /* Scope Section */
  .Privacy-Policy-Introduction-Scope .scope {
    margin-top: 40px;
    animation: fadeIn 2s ease-out 1s;
  }
  
  .Privacy-Policy-Introduction-Scope .scope h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #3b4b66;
  }
  
  .Privacy-Policy-Introduction-Scope .scope p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    max-width: 900px;
    margin: 0 auto;
  }
  
  /* Animation Keyframes */
  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive Design */
  @media screen and (max-width: 768px) {
    .Privacy-Policy-Introduction-Scope {
      padding: 40px 10px;
    }
    .Privacy-Policy-Introduction-Scope .title {
      font-size: 28px;
    }
    .Privacy-Policy-Introduction-Scope .intro-text {
      font-size: 16px;
    }
    .Privacy-Policy-Introduction-Scope .scope h3 {
      font-size: 20px;
    }
  }
/* Privacy-Policy-Data-Collection */
/* Base Styles */
.Privacy-Policy-Data-Collection {
    background-color: #f9fafb;
    padding: 60px 20px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #333;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Container */
  .Privacy-Policy-Data-Collection .container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Title Styles */
  .Privacy-Policy-Data-Collection .title {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2d3a4b;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Intro Text Styles */
  .Privacy-Policy-Data-Collection .intro-text {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;
    animation: fadeInUp 2s ease-out 0.5s;
  }
  
  /* Data Categories */
  .Privacy-Policy-Data-Collection .data-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    animation: fadeInUp 2s ease-out 1s;
  }
  
  /* Category Styles */
  .Privacy-Policy-Data-Collection .category {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 48%;
    transition: all 0.3s ease;
  }
  
  .Privacy-Policy-Data-Collection .category h3 {
    font-size: 22px;
    font-weight: bold;
    color: #3b4b66;
  }
  
  .Privacy-Policy-Data-Collection .category p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
  }
  
  /* Hover Effect */
  .Privacy-Policy-Data-Collection .category:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  }
  
  /* Animation Keyframes */
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive Design */
  @media screen and (max-width: 768px) {
    .Privacy-Policy-Data-Collection {
      padding: 40px 10px;
    }
    .Privacy-Policy-Data-Collection .title {
      font-size: 28px;
    }
    .Privacy-Policy-Data-Collection .intro-text {
      font-size: 16px;
    }
    .Privacy-Policy-Data-Collection .data-categories {
      flex-direction: column;
    }
    .Privacy-Policy-Data-Collection .category {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  /* Privacy-Policy-Security-Measures */
  /* Base Styles */
.Privacy-Policy-Security-Measures {
    background-color: #eef2f7;
    padding: 60px 20px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #333;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Container */
  .Privacy-Policy-Security-Measures .container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Title Styles */
  .Privacy-Policy-Security-Measures .title {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2d3a4b;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Intro Text Styles */
  .Privacy-Policy-Security-Measures .intro-text {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;
    animation: fadeInUp 2s ease-out 0.5s;
  }
  
  /* Security Measures Section */
  .Privacy-Policy-Security-Measures .security-measures {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    animation: fadeInUp 2s ease-out 1s;
  }
  
  /* Measure Box Styles */
  .Privacy-Policy-Security-Measures .measure {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 48%;
    transition: all 0.3s ease;
  }
  
  .Privacy-Policy-Security-Measures .measure h3 {
    font-size: 22px;
    font-weight: bold;
    color: #3b4b66;
  }
  
  .Privacy-Policy-Security-Measures .measure p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
  }
  
  /* Hover Effect */
  .Privacy-Policy-Security-Measures .measure:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  }
  
  /* Animation Keyframes */
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive Design */
  @media screen and (max-width: 768px) {
    .Privacy-Policy-Security-Measures {
      padding: 40px 10px;
    }
    .Privacy-Policy-Security-Measures .title {
      font-size: 28px;
    }
    .Privacy-Policy-Security-Measures .intro-text {
      font-size: 16px;
    }
    .Privacy-Policy-Security-Measures .security-measures {
      flex-direction: column;
    }
    .Privacy-Policy-Security-Measures .measure {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  /* Privacy-Policy-Third-Party-Policy */
  /* Base Styles */
.Privacy-Policy-Third-Party-Policy {
    background-color: #f4f7fb;
    padding: 60px 20px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #333;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Container */
  .Privacy-Policy-Third-Party-Policy .container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Title Styles */
  .Privacy-Policy-Third-Party-Policy .title {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2d3a4b;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Intro Text Styles */
  .Privacy-Policy-Third-Party-Policy .intro-text {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;
    animation: fadeInUp 2s ease-out 0.5s;
  }
  
  /* Sharing Categories Section */
  .Privacy-Policy-Third-Party-Policy .sharing-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    animation: fadeInUp 2s ease-out 1s;
  }
  
  /* Category Styles */
  .Privacy-Policy-Third-Party-Policy .category {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 48%;
    transition: all 0.3s ease;
  }
  
  .Privacy-Policy-Third-Party-Policy .category h3 {
    font-size: 22px;
    font-weight: bold;
    color: #3b4b66;
  }
  
  .Privacy-Policy-Third-Party-Policy .category p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
  }
  
  /* Hover Effect */
  .Privacy-Policy-Third-Party-Policy .category:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  }
  
  /* Animation Keyframes */
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive Design */
  @media screen and (max-width: 768px) {
    .Privacy-Policy-Third-Party-Policy {
      padding: 40px 10px;
    }
    .Privacy-Policy-Third-Party-Policy .title {
      font-size: 28px;
    }
    .Privacy-Policy-Third-Party-Policy .intro-text {
      font-size: 16px;
    }
    .Privacy-Policy-Third-Party-Policy .sharing-categories {
      flex-direction: column;
    }
    .Privacy-Policy-Third-Party-Policy .category {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  /* Privacy-Policy-Cookie-Policy */
 /* Base Styles */
.Privacy-Policy-Cookie-Policy-Alternative {
    background-color: #eff1f5;
    padding: 50px 20px;
    text-align: center;
    font-family: 'Helvetica', sans-serif;
    color: #333;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Container */
  .Privacy-Policy-Cookie-Policy-Alternative .container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Title Styles */
  .Privacy-Policy-Cookie-Policy-Alternative .title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #1a2637;
    animation: fadeInUp 2s ease-out;
  }
  
  /* Intro Text Styles */
  .Privacy-Policy-Cookie-Policy-Alternative .intro-text {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
    max-width: 850px;
    margin: 0 auto;
    margin-bottom: 30px;
    animation: fadeInUp 2s ease-out 0.5s;
  }
  
  /* Cookie Details Section */
  .Privacy-Policy-Cookie-Policy-Alternative .cookie-details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    animation: fadeInUp 2s ease-out 1s;
  }
  
  /* Detail Box Styles */
  .Privacy-Policy-Cookie-Policy-Alternative .detail {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .Privacy-Policy-Cookie-Policy-Alternative .detail h3 {
    font-size: 24px;
    color: #2c3e50;
    margin-bottom: 15px;
  }
  
  .Privacy-Policy-Cookie-Policy-Alternative .detail p {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
  }
  
  /* Hover Effect */
  .Privacy-Policy-Cookie-Policy-Alternative .detail:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
  }
  
  /* Animation Keyframes */
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive Design */
  @media screen and (max-width: 768px) {
    .Privacy-Policy-Cookie-Policy-Alternative .title {
      font-size: 28px;
    }
    .Privacy-Policy-Cookie-Policy-Alternative .intro-text {
      font-size: 16px;
    }
    .Privacy-Policy-Cookie-Policy-Alternative .cookie-details {
      grid-template-columns: 1fr;
    }
    .Privacy-Policy-Cookie-Policy-Alternative .detail {
      padding: 20px;
    }
  }
  /* Privacy-policy-User-Rights-Section */
  .Privacy-policy-User-Rights-Section {
    padding: 60px 0;
    background-color: #f4f4f4;
}
.Privacy-policy-User-Rights-Title {
    font-size: 2.5em;
    color: #333;
    text-align: center;
}
.Privacy-policy-User-Rights-Intro {
    text-align: center;
    color: #555;
    font-size: 1.2em;
    margin-top: 10px;
}
.Privacy-policy-User-Rights-Card {
    margin-bottom: 30px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.Privacy-policy-User-Rights-Card-Title {
    font-size: 1.8em;
    color: #333;
}
.Privacy-policy-User-Rights-Card-Text {
    color: #555;
    font-size: 1.1em;
    margin-top: 10px;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.fadeIn {
    animation-name: fadeIn;
}
.delay-1s {
    animation-delay: 1s;
}
.delay-2s {
    animation-delay: 2s;
}
.delay-3s {
    animation-delay: 3s;
}
.delay-4s {
    animation-delay: 4s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness */
@media (max-width: 768px) {
    .Privacy-policy-User-Rights-Section {
        padding: 40px 0;
    }
    .Privacy-policy-User-Rights-Title {
        font-size: 2em;
    }
    .Privacy-policy-User-Rights-Intro {
        font-size: 1em;
    }
    .Privacy-policy-User-Rights-Card {
        margin-bottom: 20px;
    }
}
/* privacy-policy-Data-Retention-Section */
.privacy-policy-Data-Retention-Section {
    padding: 70px 0;
    background-color: #ffffff;
    border-top: 4px solid #2C3E50; /* Distinct Border for this section */
}

.privacy-policy-Data-Retention-Header {
    text-align: center;
    margin-bottom: 40px;
}

.privacy-policy-Data-Retention-Title {
    font-size: 2.6em;
    color: #2C3E50;
    font-weight: 600;
    margin-bottom: 10px;
}

.privacy-policy-Data-Retention-Intro {
    font-size: 1.2em;
    color: #34495E;
    max-width: 800px;
    margin: 0 auto;
}

.privacy-policy-Data-Retention-Row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.privacy-policy-Data-Retention-Col {
    flex: 1;
    min-width: 300px;
}

.privacy-policy-Data-Retention-Card {
    background-color: #ECF0F1;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
}

.privacy-policy-Data-Retention-Card:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    transform: translateY(-10px);
}

.privacy-policy-Data-Retention-Card-Title {
    font-size: 1.8em;
    color: #2C3E50;
    margin-bottom: 15px;
}

.privacy-policy-Data-Retention-Card-Text {
    color: #7F8C8D;
    font-size: 1.1em;
    line-height: 1.5;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeIn {
    animation-name: fadeIn;
}

.delay-1s {
    animation-delay: 1s;
}

.delay-2s {
    animation-delay: 2s;
}

.delay-3s {
    animation-delay: 3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness */
@media (max-width: 768px) {
    .privacy-policy-Data-Retention-Section {
        padding: 50px 20px;
    }
    .privacy-policy-Data-Retention-Title {
        font-size: 2.2em;
    }
    .privacy-policy-Data-Retention-Intro {
        font-size: 1.1em;
    }
    .privacy-policy-Data-Retention-Row {
        flex-direction: column;
        gap: 20px;
    }
    .privacy-policy-Data-Retention-Col {
        min-width: 100%;
    }
}
/* privacy-policy-Compliance-Section */
.privacy-policy-Compliance-Section {
    padding: 80px 0;
    background-color: #f4f9fb;
    border-top: 5px solid #1ABC9C; /* Green Border for compliance section */
}

.privacy-policy-Compliance-Header {
    text-align: center;
    margin-bottom: 50px;
}

.privacy-policy-Compliance-Title {
    font-size: 2.8em;
    color: #1ABC9C;
    font-weight: bold;
    margin-bottom: 15px;
}

.privacy-policy-Compliance-Intro {
    font-size: 1.2em;
    color: #7F8C8D;
    max-width: 800px;
    margin: 0 auto;
}

.privacy-policy-Compliance-Row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.privacy-policy-Compliance-Col {
    flex: 1;
    min-width: 280px;
}

.privacy-policy-Compliance-Card {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    margin-bottom: 40px;
}

.privacy-policy-Compliance-Card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.privacy-policy-Compliance-Card-Title {
    font-size: 1.9em;
    color: #2C3E50;
    margin-bottom: 20px;
}

.privacy-policy-Compliance-Card-Text {
    color: #7F8C8D;
    font-size: 1.15em;
    line-height: 1.6;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeIn {
    animation-name: fadeIn;
}

.delay-1s {
    animation-delay: 1s;
}

.delay-2s {
    animation-delay: 2s;
}

.delay-3s {
    animation-delay: 3s;
}

.delay-4s {
    animation-delay: 4s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness */
@media (max-width: 768px) {
    .privacy-policy-Compliance-Section {
        padding: 50px 20px;
    }
    .privacy-policy-Compliance-Title {
        font-size: 2.4em;
    }
    .privacy-policy-Compliance-Intro {
        font-size: 1em;
    }
    .privacy-policy-Compliance-Row {
        flex-direction: column;
        gap: 30px;
    }
    .privacy-policy-Compliance-Col {
        min-width: 100%;
    }
}
/* privacy-policy-Updates-Section */
.privacy-policy-Updates-Section {
    padding: 80px 0;
    background-color: #ECF0F1;
    border-top: 5px solid #3498DB; /* Blue border for this section */
}

.privacy-policy-Updates-Header {
    text-align: center;
    margin-bottom: 50px;
}

.privacy-policy-Updates-Title {
    font-size: 2.8em;
    color: #3498DB;
    font-weight: bold;
    margin-bottom: 15px;
}

.privacy-policy-Updates-Intro {
    font-size: 1.2em;
    color: #7F8C8D;
    max-width: 800px;
    margin: 0 auto;
}

.privacy-policy-Updates-Row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.privacy-policy-Updates-Col {
    flex: 1;
    min-width: 280px;
}

.privacy-policy-Updates-Card {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    margin-bottom: 40px;
}

.privacy-policy-Updates-Card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.privacy-policy-Updates-Card-Title {
    font-size: 1.9em;
    color: #2C3E50;
    margin-bottom: 20px;
}

.privacy-policy-Updates-Card-Text {
    color: #7F8C8D;
    font-size: 1.15em;
    line-height: 1.6;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeIn {
    animation-name: fadeIn;
}

.delay-1s {
    animation-delay: 1s;
}

.delay-2s {
    animation-delay: 2s;
}

.delay-3s {
    animation-delay: 3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness */
@media (max-width: 768px) {
    .privacy-policy-Updates-Section {
        padding: 50px 20px;
    }
    .privacy-policy-Updates-Title {
        font-size: 2.4em;
    }
    .privacy-policy-Updates-Intro {
        font-size: 1em;
    }
    .privacy-policy-Updates-Row {
        flex-direction: column;
        gap: 30px;
    }
    .privacy-policy-Updates-Col {
        min-width: 100%;
    }
}

/* FAQ page */
/* FAQ-hero-section */
/* Hero Section Styling */
.faq-hero-section {
    background-color: #f4f4f4;
    padding: 60px 20px;
    text-align: center;
    position: relative;
}

.faq-hero-section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.faq-hero-section-content h1 {
    font-size: 2.5em;
    color: #333;
    margin-bottom: 20px;
    animation: fadeInUp 1s ease-out;
}

.faq-hero-section-content p {
    font-size: 1.2em;
    color: #666;
    margin-bottom: 30px;
    animation: fadeInUp 1.2s ease-out;
}

.faq-hero-section-search-container {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    animation: fadeInUp 1.4s ease-out;
}

.faq-hero-section-search-bar {
    width: 60%;
    padding: 12px;
    font-size: 1.1em;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 10px;
}

.faq-hero-section-search-button {
    padding: 12px;
    font-size: 1.2em;
    border: none;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

.faq-hero-section-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    animation: fadeInUp 1.6s ease-out;
}

.faq-hero-section-cta-btn {
    padding: 15px 30px;
    font-size: 1.1em;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.faq-hero-section-browse-faqs {
    background-color: #007BFF;
    color: white;
}

.faq-hero-section-contact-support {
    background-color: #FF6347;
    color: white;
}

.faq-hero-section-cta-btn:hover {
    opacity: 0.8;
}

/* Animation effects */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Styles */
@media (max-width: 768px) {
    .faq-hero-section-search-bar {
        width: 80%;
    }

    .faq-hero-section-cta-buttons {
        flex-direction: column;
    }

    .faq-hero-section-cta-btn {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .faq-hero-section {
        padding: 40px 10px;
    }

    .faq-hero-section-content h1 {
        font-size: 2em;
    }

    .faq-hero-section-content p {
        font-size: 1.1em;
    }
}
/* faq-trading-section */
/* General Trading FAQs Section */
.faq-trading-section {
    background-color: #f9f9f9;
    padding: 40px 20px; /* Adjust padding */
    text-align: center;
    box-sizing: border-box;
}

.faq-trading-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.faq-trading-header h2 {
    font-size: 3rem; /* 48px for desktop */
    color: #333;
    margin-bottom: 20px;
}

.faq-trading-header p {
    font-size: 1.5rem; /* 24px */
    color: #777;
    margin-bottom: 40px;
}

.faq-trading-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-trading-item {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faq-trading-item h3 {
    font-size: 1.5rem; /* 24px */
    color: #007BFF;
    margin-bottom: 10px;
}

.faq-trading-item p {
    font-size: 1.2rem; /* 19px */
    color: #555;
}

.faq-trading-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design for different devices */

/* Mobile - Phones */
@media (max-width: 480px) {
    .faq-trading-section {
        padding: 12vw 6vw;
    }

    .faq-trading-header h2 {
        font-size: 6vw; /* ~36px for smaller screens */
    }

    .faq-trading-header p {
        font-size: 4vw; /* ~24px for mobile screens */
    }

    .faq-trading-item {
        padding: 4vw;
    }

    .faq-trading-item h3 {
        font-size: 5vw; /* ~30px */
    }

    .faq-trading-item p {
        font-size: 4vw; /* ~24px */
    }
}

/* Tablet View */
@media (max-width: 768px) {
    .faq-trading-section {
        padding: 10vw 5vw;
    }

    .faq-trading-header h2 {
        font-size: 5vw; /* ~40px */
    }

    .faq-trading-header p {
        font-size: 3.5vw; /* ~28px */
    }

    .faq-trading-item {
        padding: 4vw;
    }

    .faq-trading-item h3 {
        font-size: 4.5vw; /* ~28px */
    }

    .faq-trading-item p {
        font-size: 3.5vw; /* ~22px */
    }
}

/* Laptop View */
@media (max-width: 1024px) {
    .faq-trading-section {
        padding: 8vw 5vw;
    }

    .faq-trading-header h2 {
        font-size: 4.5vw; /* ~45px */
    }

    .faq-trading-header p {
        font-size: 2.8vw; /* ~25px */
    }

    .faq-trading-item {
        padding: 3vw;
    }

    .faq-trading-item h3 {
        font-size: 3.5vw; /* ~25px */
    }

    .faq-trading-item p {
        font-size: 2.8vw; /* ~22px */
    }
}

  /* FAQ Account Security */
  .FAQ-Account-Security {
    font-family: 'Arial', sans-serif;
    padding: 50px 0;
    background-color: #f4f4f4;
  }
  
  .FAQ-Account-Security .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
  }
  
  .FAQ-Account-Security h2 {
    text-align: center;
    font-size: 2.5em;
    color: #333;
    margin-bottom: 30px;
    letter-spacing: 1px;
  }
  
  .FAQ-Account-Security .faq-item {
    background-color: #ffffff;
    border-radius: 8px;
    margin: 20px 0;
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }
  
  .FAQ-Account-Security .faq-item:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  }
  
  .FAQ-Account-Security .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  
  .FAQ-Account-Security .faq-question h3 {
    font-size: 1.5em;
    color: #333;
    margin: 0;
    font-weight: 600;
  }
  
  .FAQ-Account-Security .faq-icon {
    font-size: 1.5em;
    color: #007bff;
    transform: rotate(0);
    transition: transform 0.3s ease;
  }
  
  .FAQ-Account-Security .faq-item:hover .faq-icon {
    transform: rotate(90deg);
  }
  
  .FAQ-Account-Security .faq-answer {
    display: none;
    font-size: 1.2em;
    color: #666;
    margin-top: 15px;
    padding-left: 20px;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  .FAQ-Account-Security .faq-item:hover .faq-answer {
    display: block;
    opacity: 1;
  }
  
  @media (max-width: 768px) {
    .FAQ-Account-Security {
      padding: 30px 15px;
    }
  
    .FAQ-Account-Security h2 {
      font-size: 2em;
    }
  
    .FAQ-Account-Security .faq-item {
      padding: 15px;
    }
  
    .FAQ-Account-Security .faq-question h3 {
      font-size: 1.2em;
    }
  
    .FAQ-Account-Security .faq-answer {
      font-size: 1em;
    }
  }