*{margin:0px; padding:0px;}



body{font-weight: 400; font-family: "Poppins", sans-serif; color: #fff; background: #000; font-size: 15px;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.container{max-width: 1200px;}

.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #111; transition: 0.5s; transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s}
.overlayContent img{width:180px;}

header{padding: 10px 0px; z-index: 1111; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid #5b5b5b; position: fixed; left: 0; right:0; }
.navbar-brand {padding: 0px;}
header.menu_fixed{position: fixed; }
header .navbar{padding: 0px;}
.btn-block{width: 100%; display: block;}
.pb-6 {padding-bottom: 4rem !important;}
.pt-6 {padding-top: 4rem !important;}
.pb-7 {padding-bottom: 5rem !important;}
.pt-7 {padding-top: 5rem !important;}
.pb-8 {padding-bottom: 6rem !important;}
.pt-8 {padding-top: 6rem !important;}

.btn_style{border: none;color: #fff; transition: all .3s; font-weight: 600; display: inline-block; font-size: 13px; padding: 10px 30px; text-align: center; border-radius: 0px; background: #9a7af4;}
.btn_style:hover {color: #fff; transform: scale(0.9);}
.big_btn {padding: 15px 25px;}
.btn_style2{background:#323437 !important; }


.heading_text{display: block;}
.heading_text h2{font-size:30px; color: #fff; font-weight: 600;}
.heading_text p{margin-bottom: 0px;}
.heading_middle{max-width: 800px; margin: auto; text-align: center;}
.heading_width{max-width: 800px;}
.heading_text.big_heading h2{font-size: 50px;}

.header_logo {max-width: 200px; margin-right: 0px; transition: all 0.4s; position: relative;}
.navbar-collapse {flex-grow: unset;}
.navbar-nav .nav-item {margin-left: 10px;}
.navbar-toggler-icon {filter: brightness(0) invert(1);}
.navbar-toggler{padding: 0px;}

.banner_section{padding-top: 170px; position: relative; padding-bottom: 00px;}
.Banner_video {max-width: 100%; max-width: 600px; height: auto; position: absolute; top: -200px; z-index: -1; transform-origin: center;}
.Banner_video video { width: 100%;}
.banner_img_box{backdrop-filter: blur(6px); position: relative; padding: 40px 40px; width: 100%; border: 1px solid #5a5a5a;}
.hero-phone{width: 100%;}
.banner_img{width: 220px; top: -40px; position: absolute; left: -85px;}
.banner_content{}
.banner_content p{font-size: 17px; color: #b2b2b2;}
.banner_content h1{font-size: 48px; font-weight: 600;}
.banner_content .color1{color: #34d178;}
.banner_content .color2{color: #9a7af4;}
.banner_img_box_padding{padding-left: 40px;}

.moveup_down {-webkit-animation: moveup_down 3000ms infinite ease-in-out;animation: moveup_down 3000ms infinite ease-in-out;}
@keyframes moveup_down {
  0% { -webkit-transform: translateY(0px); transform: translateY(0px);}
  50% {-webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
p{color: #b2b2b2;}
.shadow_lien_box{position: relative; padding-left: 80px;}
.shadow_lien{width: 48px; position: absolute; left: 0; top: 0; bottom: 0; display: flex; flex-direction: column; align-items: center;}
.shadow_lien .icon_shadow{position: relative; padding: 9px; font-size: 27px; z-index: 1; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.shadow_lien .icon_shadow::before {content: ""; position: absolute; width: 48px; z-index: -1; height: 48px;  background: #9a7af4; filter: blur(10px); border-radius: 50%;}
.shadow_lien .lien_shadow{background: linear-gradient(180deg,rgba(149,118,236,0),#9a7af4 50%,rgba(149,118,236,0)); width: 4px;height: 100%; flex-grow: 1; border-radius: 20px;}
.shadow_lien .icon_shadow img{filter: brightness(0) invert(1); width: 100%;}

.Future_with_ai_bg{background-color: #141316; padding: 25px; position: relative; border: 1px solid #5a5a5a;}
.Future_with_ai_bg::before { content: ""; position: absolute; width: 100%; height: 4px;background: linear-gradient(90deg,#3bd171 .14%,#0b341a);left: 0; top: 0;}
.Future_with_ai_bg span::before {content: ""; position: absolute; width: 48px; z-index: -1; height: 48px;  background: #3bd171; filter: blur(10px); border-radius: 50%;}
.Future_with_ai_bg span{position: relative; padding: 8px; font-size: 27px; z-index: 1; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.Future_with_ai_bg span img{filter: brightness(0) invert(1); width: 100%;}
.Future_with_ai h4{font-size: 19px;  font-weight:500; margin-bottom: 12px; margin-top: 25px;}
.Future_with_ai  p{margin-bottom: 0px;}

.list_ul{list-style: none; padding: 0px; color: #b2b2b2;}
.list_ul li{position: relative; padding-left: 27px; margin-bottom: 10px;}
.list_ul li:last-child{margin-bottom: 0px;}
.list_ul li::before{content: ""; height: 10px; width: 10px; border-radius: 50%; background: #b2b2b2; display: inline-block; position: absolute; left: 0; top: 6px;}

.key_points_box{background: #141316; border: 1px solid #393939; padding: 28px 20px; position: relative;}
.key_points_box::before { content: ""; position: absolute; width: 100%; height: 4px;background: linear-gradient(90deg,#9576ec,#2f1c64 100.14%); left: 0; top: 0;}
.key_points_box h5{margin-bottom: 12px; margin-top: 25px;}
.key_points_box p{margin-bottom: 0px;}

.key_points_box span::before {content: ""; position: absolute; width: 48px; z-index: -1; height: 48px;  background: #9576ec; filter: blur(10px); border-radius: 50%;}
.key_points_box span{position: relative; padding: 8px; font-size: 27px; z-index: 1; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.key_points_box span img{filter: brightness(0) invert(1); width: 100%;}

.dark_box{background-color: #1d1c1e; padding: 35px; border: 1px solid #5a5a5a;}
.text_shadow{color: #9576ec; text-shadow: 0 0 24px #a07eff,0 0 24px #9576ec;}
.text_shadow2{color: #3bd171; text-shadow: 0 0 24px #35bc66,0 0 24px #3bd171;}
.text_shadow3{color: #22aefc; text-shadow: 0 0 24px #22aefc,0 0 24px rgba(34,174,252,.25);}

.lien_shadow.green_shadow{background: linear-gradient(180deg,#3bd171,rgba(59,209,113,0));}
.shadow_lien .icon_shadow.green_shadow_circle::before{background: #3bd171;}


.lien_shadow.blue_shadow{background: linear-gradient(180deg,#22aefc,rgba(34,174,252,0));}
.shadow_lien .icon_shadow.blue_shadow_circle::before{background: #22aefc;}


.image_box{border: 1px solid #5a5a5a; padding: 20px; background: #323437; border-radius: 20px;}
.image_box img{width: 100%; border-radius: 20px;}

.padding_right_100{padding-right: 100px;}
.padding_left_100{padding-left: 100px;}
.padding_right_50{padding-right:50px;}
.padding_left_50{padding-left:50px;}

.font_17{font-size: 17px;}
.robo_box img{width: 100%;}

.Suitable_box{margin-right: 30px; border: 5px solid #22aefc; border-radius: 50px;  padding: 25px 30px; min-height: 280px;}
.Suitable_box h4{color: #22aefc;}
.Suitable_box_m_r{margin-right: 0px; margin-left: 30px;}

.list_ul_lien{list-style: none; padding: 0px; color: #fff;}
.list_ul_lien li{position: relative; font-size: 17px; padding-left: 35px; margin-bottom: 10px;}
.list_ul_lien li:last-child{margin-bottom: 0px;}
.list_ul_lien li::before{content: ""; height: 3px; width: 20px;  background: #22aefc; display: inline-block; position: absolute; left: 0; top: 9px;}

.plusminus{position: absolute; z-index: 1; right: 0px; font-size: 18px; top: 17px; color: #22aefc; height: 28px;  text-align: center;}
.accordion_head {cursor: pointer;  color: #fff;  border-bottom: 1px solid #22aefc; position: relative; padding-right: 34px !important; font-size: 15px; font-weight: 500; padding: 18px 0px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; margin-bottom: 10px;}
.accordion_body{display:none; padding:15px 0px;}
.accordion_body p{margin-bottom: 0px; width: 100%; line-height: 22px; font-size: 14px;}
.faq_open{display: block;}
.faq_box{max-width: 800px;}
.Forex-Winner-Strategy{position: absolute; right: 0; top:60px; width: 170px;}


.footer_top{border-top: 1px solid #5b5b5b; border-bottom: 1px solid #5b5b5b;}
.footer_logo{width: 200px;}
footer p{font-size: 14px;}





.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary {
    background-color: #007bff;
    color: white;
}

.btn-success {
    background-color: #28a745;
    color: white;
}

.btn-secondary {
    background-color: #6c757d;
    color: white;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    width: 80%;
    max-width: 500px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-group input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.table th, .table td {
    padding: 12px;
    border: 1px solid #ddd;
    text-align: left;
}

.table th {
    background-color: #f8f9fa;
} 





:root {
    --primary: #ff1493;
    --secondary: #2d3436;
    --success: #00b894;
    --danger: #d63031;
    --dark: #2d3436;
    --light: #dfe6e9;
    --white: #ffffff;
}

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

body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #2d3436 0%, #000000 100%);
    min-height: 100vh;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Form Styles */
.form-container {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px;
    width: 100%;
    max-width: 500px;
    margin: 40px auto;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    color: var(--white);
    margin-bottom: 8px;
    font-size: 16px;
}

.form-group input {
    width: 100%;
    padding: 12px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--white);
    font-size: 16px;
    transition: all 0.3s ease;
}

.form-group input:focus {
    outline: none;
    border-color: var(--primary);
    background: rgba(255, 255, 255, 0.1);
}

/* Button Styles */
.btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    margin: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
}

.btn-primary {
    background: var(--primary);
    color: white;
}

.btn-outline {
    background: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
}

.btn-block {
    display: block;
    width: 100%;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 20, 147, 0.3);
}

/* Alert Styles */
.alert {
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    animation: slideIn 0.5s ease;
    text-align: center;
}

.alert-success {
    background: rgba(0, 184, 148, 0.1);
    border: 1px solid var(--success);
    color: var(--success);
}

.alert-danger {
    background: rgba(214, 48, 49, 0.1);
    border: 1px solid var(--danger);
    color: var(--danger);
}

/* Typography */
h1, h2, h3 {
    color: var(--white);
    margin-bottom: 20px;
    text-align: center;
}

p {
    color: var(--light);
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Links */
.form-links {
    text-align: center;
    margin-top: 20px;
}

.form-links a {
    color: var(--primary);
    text-decoration: none;
    margin: 0 10px;
    font-size: 14px;
}

.form-links a:hover {
    text-decoration: underline;
}

/* Animations */
@keyframes slideIn {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-container {
        margin: 20px;
        padding: 30px;
    }

    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .form-container {
        margin: 10px;
        padding: 20px;
    }

    .form-group label {
        font-size: 14px;
    }

    .form-group input {
        padding: 10px;
        font-size: 14px;
    }

    .btn {
        display: block;
        margin: 10px 0;
        width: 100%;
    }

    .form-links a {
        display: block;
        margin: 10px 0;
    }
}

/* Grid System */
.row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.col {
    flex: 1;
    padding: 10px;
}

@media (max-width: 768px) {
    .col {
        flex: 0 0 100%;
    }
}

/* Table Styles */
.table-responsive {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

th, td {
    padding: 15px;
    text-align: left;
    color: var(--white);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

th {
    background: rgba(255, 255, 255, 0.05);
}

/* Card Styles */
.card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.card-body {
    color: var(--light);
}