@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*
font-family: 'Poppins', sans-serif;
*/

body{ padding:0; margin:0; font-size:15px; color:#717171; font-family: 'Poppins', sans-serif;}
a, button{outline:none !important; text-decoration:none; box-shadow:none;
transition:all .4s ease-in-out;}
a:hover{ color: #4F66FF;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:90%; max-width:1495px; margin:0 auto; padding:0;}

@media(min-width:1280px){
.spacing50{ margin-left:-25px; margin-right:-25px;}
.spacing50>*{ padding-left:25px; padding-right:25px;}

.spacing40{ margin-left:-20px; margin-right:-20px;}
.spacing40>*{ padding-left:20px; padding-right:20px;}
}

.btns{ padding:13px 25px; margin:0; border:none; display:inline-block; font-size:16px; color:#FBFBFB; font-weight:600; letter-spacing:0.25px; background:#4F66FF; border-radius:10px;}
.btns:hover{ background:#6F86FF; color:#fff;}

.btns.dark{ background:#000000;}
.btns.dark:hover{ background:#303030;}


/*========== Login Page ============*/
.signup_right{ background:#4F66FF;}
.signup_right figure{ width:100%; padding:40px; margin:0; text-align:center;}
.signup_right figure img{ max-height:300px;}
.signup_form{ width:88%; max-width:500px; padding:45px 60px 60px 60px; margin:30px auto; background:#fff; box-shadow:0 0 54px rgba(204,204,204,0.25); border-radius:20px;}
.signup_form h2{ padding:0 0 25px 0; margin:0 0 30px 0; font-size:24px; color:#000000; font-weight:700; border-bottom:1px solid #EDEDED;}
.form_info{ padding:0; margin:0;}
.form_info .input-group{ border:1px solid #D6E4EC; border-radius:10px;}
.form_info .input-group > .form-control, .form_info .input-group > .form-select{ padding:0 10px; border-radius:10px;}
.form_info .input-group > .form-control{ border:none;}
.form_info .input-group > .input-group-text{ border:none; border-radius:10px; background:none;}
.form_info .form-control, .form_info .form-select{ height:50px; padding:0 20px; font-size:16px; color:#AABBC6; letter-spacing:0.25px; border-color:#D6E4EC; border-radius:10px;}
.form_info textarea.form-control{ height:98px; padding-top:15px !important; padding-bottom:10px !important;}
.form_info .btns{ min-width:196px;}

.form_info .input-group > .input-group-text.disabled{ background:#F3F7FA;}
.form_info .form-control:disabled, .form_info .form-control[readonly]{ background:#F3F7FA;}
.form_info label{ font-size:16px; font-weight:500; color:#717171; letter-spacing:0.25px;}

.tab_info{ padding:0; margin:0;}
.tab_info .nav{ justify-content:center;}
.tab_info .nav-tabs{ padding:0 0 25px 0; margin:0 0 20px 0; border-color:#EDEDED;}
.tab_info .nav-tabs .nav-link{ padding:0; margin:0 20px; border:none; font-size:16px; color:#A6ABC2; font-weight:500; letter-spacing:0.05em; border-radius:0; position:relative;}
.tab_info .nav-tabs .nav-link:after{ content:""; width:12px; height:2px; position:absolute; right:-25px; background:#BABAC4; top:49%;}
.tab_info .nav-tabs .nav-link:last-child:after{ display:none;}
.tab_info .nav-tabs .nav-link .count{ width:24px; height:24px; margin:0 5px 0 0; display:inline-block; font-size:16px; color:#81879D; border-radius:50%; background:#DCDFEA;}
.tab_info .nav-tabs .nav-item.show .nav-link, .tab_info .nav-tabs .nav-link.active{ color:#000000;}
.tab_info .nav-tabs .nav-item.show .nav-link .count, .tab_info .nav-tabs .nav-link.active .count{ background:#54B06D; color:#fff;}

.form-check{ margin-bottom:12px; font-size:14px; color:#000000; padding:3px 0 0 30px; letter-spacing: 0.05em; font-weight:400;}
.form-check-inline{ margin-right:25px;}
.form-check .form-check-input{ width:20px; height:20px; margin:0 0 0 -30px; background:#fff; border-color:#AABBC6;}
.form-check-input:checked{ background:#4F66FF; border-color:#4F66FF;}
.form-check-input:focus{ border-color:#4F66FF;}

.browse_box{ padding:0; margin:0 0 15px 0; position:relative;}
.browse_box .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.browse_box .inputfile + label { width:100%; color:#AABBC6; font-size:14px; font-weight:400; letter-spacing:0.03em; border:1px solid #D6E4EC; border-radius:10px; background:#fff;}
.browse_box .inputfile:focus + label, .browse_box .inputfile.has-focus + label, .browse_box .inputfile + label:hover { border-color: #D6E4EC; }
.browse_box .inputfile + label span { width:100%; height:50px; padding:15px 110px 0 16px; display:inline-block; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; vertical-align:top;}
.browse_box .inputfile + label strong { padding:8px 12px; font-size:12px; color:#FFFFFF; font-weight:500; display:inline-block; background:#526899; border-radius:5px; position:absolute; right:8px; top:8px;}
/*.browse_box .inputfile + label span, .browse_box .inputfile + label strong { padding: 0.625rem 1.25rem;}
.browse_box .inputfile:focus + label strong, .inputfile.has-focus + label strong, .inputfile + label:hover strong { background-color:#526899;}*/

.line{ margin:15px 0; background:#EDEDED; opacity:1;}
.pension_info{}
.pension_info > label{ margin:0 20px 0 0; font-size:14px; color:#000000; font-weight:500; letter-spacing:0.25px;}

.kyc_form{ min-height:695px;}

/**********  Top Part  ***********/
header{ width:100%; padding:0; background: #FFFFFF; box-shadow: 0px 4px 10px rgba(217, 217, 217, 0.52);}
header .container-fluid{ padding:29px 40px 23px;}
header .navbar{ margin:0; padding:0;}
header .navbar-brand{ margin:0; padding:0; width:99px;}
header .navbar-light .navbar-nav{ margin:0 0 0 58px; padding:0 0 0 54px; border-left:1px solid #E7E7E7;}
header .navbar-light .navbar-nav .nav-item{ margin:0 46px 0 0;}
header .navbar-light .navbar-nav .nav-link{ margin:0; padding:5px 20px 6px 10px; font-weight: 500; font-size: 18px; color: #808080; background: #fff; border-radius: 10px; display:flex; align-items:center; gap:10px; transition:all .3s ease-in-out;}
header .navbar-light .navbar-nav .nav-link img{ filter: invert(58%) sepia(3%) saturate(15%) hue-rotate(323deg) brightness(87%) contrast(82%); transition:all .3s ease-in-out;}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: #000000; background: #F9F9F9;}
header .navbar-light .navbar-nav .nav-link:focus img, header .navbar-light .navbar-nav .nav-link:hover img{ filter:inherit;}
header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show > .nav-link{ color: #000000; background: #F9F9F9;}
header .navbar-light .navbar-nav .nav-link.active img, header .navbar-light .navbar-nav .show > .nav-link img{ filter:inherit;}

header .user > a{ margin:0; padding:0; display:inline-flex; gap:18px; font-weight: 600; font-size: 16px; letter-spacing: 0.016em; color: #00261C; align-items:center;}
header .user > a img{ filter: drop-shadow(0px 0px 14px #CFD6FF); border-radius: 80px; width: 48px; height: 48px;}
header .user > a:hover{ color:#4F66FF;}
header .dropdown-menu{ left:auto !important; right:0; border:none; box-shadow: 0px 4px 10px rgba(217, 217, 217, 0.52);}
header .dropdown-item{ padding:8px 20px; font-size:14px; display:flex; gap:10px; align-items:center;}
header .dropdown-item:focus, header .dropdown-item:hover{ background:#E4E7FF; color: #4F66FF;}

/*============= Dashboard ===============*/
.dash_wrapper{ margin:0; padding:0;}
.dash_wrapper .container-fluid{ padding:40px;}
.price_card{ margin:0 0 30px; padding:40px 32px; background: linear-gradient(101.98deg, #B7E9FF 0%, #46C6FD 98.63%); border-radius: 20px; position:relative; overflow:hidden; z-index:2;}
.price_card:not(.green_card):before{ content:""; width:135px; height:142px; background:url(../images/price_card_curve_sky1.png) no-repeat center center; position:absolute; top:-36px; right:-17px; z-index:-1; transition:all .3s ease-in-out;}
.price_card:not(.green_card):after{ content:""; width:170px; height:184px; background:url(../images/price_card_curve_sky2.png) no-repeat center center; position:absolute; bottom:-57px; left:25px; z-index:-1; transition:all .3s ease-in-out;}
.price_card h3{ margin:0 0 18px; padding:0; font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: 0.016em; color: #1D1D1D;}
.price_card .price{ font-weight: 400; font-size: 35px; line-height: 52px; letter-spacing: 0.016em; color: #1D1D1D;}
.price_card .price strong{ font-weight: 500; font-size: 42px; line-height: 63px; letter-spacing: 0.016em; color: #1D1D1D;}
.price_card.green_card{ background: linear-gradient(180deg, #81CE96 0%, #64C27E 100%);}
.price_card.green_card:before{ content:""; width:135px; height:142px; background:url(../images/price_card_curve_green1.png) no-repeat center center; position:absolute; top:-58px; right:0; left:0; margin:0 auto; z-index:-1; transition:all .3s ease-in-out;}
.price_card.green_card:after{ content:""; width:170px; height:184px; background:url(../images/price_card_curve_green2.png) no-repeat center center; position:absolute; bottom:-67px; right:20px; z-index:-1; transition:all .3s ease-in-out;}

.price_card:hover:before{ transform:translate(20px,-30px);}
.price_card:hover:after{ transform:translate(-30px,30px);}

.user_card_main{ margin:0 0 30px; padding:36px 32px 16px; background: #F8FAFF; border-radius: 20px;}
.user_card{ margin:0 0 20px; padding:34px 30px 31px; background: #FFFFFF url(../images/user_card_curve.png) no-repeat center center; background-size:120% 120%; box-shadow: 0px 0px 34px rgba(221, 221, 221, 0.25); border-radius: 20px; transition:all .3s ease-in-out;}
.user_card h3{ margin:0 0 70px; padding:0; font-weight: 400; font-size: 20px; line-height: 30px; text-transform: uppercase; color: #000000;}
.user_card span{ margin-bottom:14px; padding:0; font-weight: 400; font-size: 16px; line-height: 24px; text-transform: uppercase; color: #7E9B96; display:block;}
.user_card .price{ font-weight: 500; font-size: 42px; line-height: 63px; letter-spacing: 0.016em; color: #1D1D1D;}
.user_card:hover{ background-size:100% 100%;}

.user_trans_card{ margin:0 0 24px; padding:33px 33px 34px; background: #FFFFFF; box-shadow: 0px 0px 34px rgba(221, 221, 221, 0.25); border-radius: 20px; font-weight: 600; font-size: 18px; line-height: 27px; letter-spacing: 0.016em; color: #00261C; display:flex; align-items:center; gap:28px;}
.user_trans_card.widrw{ margin-bottom:20px;}
.user_trans_card i{ width: 54px; height: 54px; background: linear-gradient(180deg, #61B779 0%, #99E2AD 100%); border-radius: 15px; display:inline-flex; justify-content:center; align-items:center;}
.user_trans_card.widrw i{ background: linear-gradient(180deg, #FFACAC 0%, #FF8A8A 100%);}
.user_trans_card:hover{ box-shadow: 0px 0px 34px rgba(221, 221, 221, 0.7);}

.opportunity_info{ margin:0; padding:30px 41px 33px; background: #FFFCE2 url(../images/opportunity_bg.jpg) no-repeat center center; background-size:cover; border-radius: 20px;}
.opportunity_info h3{ margin:0 0 5px; padding:0; font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: 0.016em; color: #000000;}
.opportunity_info h2{ margin:0 0 17px; padding:0; font-weight: 700; font-size: 35px; line-height: 52px; letter-spacing: 0.016em; color: #000000;}
.view_more{ display:inline-block; margin:0; padding:12px 30px 11px; border: 1px solid #000000; border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 120%; text-align: center; letter-spacing: 0.25px; color: #1D262D;}
.view_more:hover{ background:#000; color:#fff;}

.transaction_table{ margin:0; padding:19px 0 0; background: #F6F9FF; border-radius: 20px; min-height: 100%;}
.transaction_table .nav-tabs{ margin:0 auto 18px; padding:4px; width:100%; max-width:413px; border:none; background: #FFFFFF; border-radius: 60px; gap:10px;}
.transaction_table .nav-tabs .nav-link{ margin:0; padding:0 5px; font-weight: 700; font-size: 14px; display: flex; align-items: center; text-align: center; letter-spacing: 0.016em; color: #AABBC6; flex:1 0 auto; justify-content:center; border:none; min-height:39px; border-radius: 60px;}
.transaction_table .nav-tabs .nav-link:focus, .transaction_table .nav-tabs .nav-link:hover{ color: #4F66FF;}
.transaction_table .nav-tabs .nav-item.show .nav-link, .transaction_table .nav-tabs .nav-link.active{ background: #4F66FF; color: #FFFFFF;}

.transaction_table .dataTables_length{ padding:0 0 10px 30px;}
.transaction_table .dataTables_filter{ padding:0 30px 10px 0;}
.transaction_table div.dataTables_wrapper div.dataTables_filter label{ display: flex; align-items: center;}
.transaction_table div.dataTables_wrapper div.dataTables_filter input{ width:100%; height:31px; padding-top:0; padding-bottom:0;}
.transaction_table table.dataTable{ margin-top:0 !important; margin-bottom:0 !important;}
.transaction_table table.dataTable tr th{ padding:16px 10px; background: #EBF0FB; border:none !important; font-weight: 600; color: #80899D;}
.transaction_table table.dataTable tr th:first-child{ padding-left:30px;}
.transaction_table table.dataTable tr th:last-child{ padding-right:30px;}
.transaction_table table.dataTable.table-striped > tbody > tr.odd > *{ box-shadow:none;}
.transaction_table table.dataTable td{ padding:12px 10px; border-bottom:1px solid #D9E0ED; font-weight: 400; font-size:14px; color:#000; vertical-align:middle;}
.transaction_table table.dataTable td:first-child{ padding-left:30px;}
.transaction_table table.dataTable td:last-child{ padding-right:30px;}
.transaction_table table.dataTable td:first-child, .transaction_table table.dataTable td:last-child{ font-weight: 400; }
.transaction_table table.dataTable td:last-child{ font-weight: 600;}
.transaction_table table.dataTable td label.deposit{ margin:0; padding:5px; min-width:80px; background: #F6F9FF; border: 1px solid #54B06D; border-radius: 20px; font-weight: 600; text-align: center; letter-spacing: 0.016em; color: #54B06D; font-size:12px;}
.transaction_table table.dataTable td label.withdrow{ margin:0; padding:5px; min-width:80px; background: #F6F9FF; border: 1px solid #FF3636; border-radius: 20px; font-weight: 600; text-align: center; letter-spacing: 0.016em; color: #FF7676; font-size:12px;}
.transaction_table table.dataTable tr:last-child td{ border:none;}
.transaction_table div.dataTables_wrapper div.dataTables_info{ padding:10px 0 10px 30px;}
.transaction_table div.dataTables_wrapper div.dataTables_paginate{ padding:10px 30px 10px 0; margin:0;}
.transaction_table div.dataTables_wrapper div.dataTables_paginate ul.pagination{ margin:0;}
.transaction_table div.dataTables_wrapper .row{ align-items:center;}
.transaction_table .page-link{ color:#4F66FF; border-color:#D9E0ED; box-shadow:none;}
.transaction_table .page-item.active .page-link{ background:#4F66FF; border-color:#4F66FF; box-shadow:none;}

.export_info{ padding:17px 25px 25px;}
.card_form-check{ margin:0 0 10px; padding:18px 20px; background: #FFFFFF; border-radius: 10px; font-weight: 600; min-height:24px; line-height:24px;}
.card_form-check .form-check-input{ margin:0 19px 0 0; width: 24px; height: 24px;}
.card_form-check .form_info{ padding-top:21px;}
.form_info .form-select{ background-image:url(../images/select_arrow.svg); background-position:center right 14px; background-size:24px; padding-right:45px;}
.form_info .form-select option{ color:#3a3a3a;}
.export_info .btns{ min-width:196px; margin-top:20px;}

/*============ Profile Sec ============*/
.profile_bg{ background:#F6F9FF;}
.profile_sec{ width:100%; padding:35px 0; margin:0;}
.profile_sec .container{ max-width:900px;}
.profile_sec h2{ padding:0; margin:0 0 25px 0; font-size:24px; color:#000000; font-weight:700; letter-spacing:0.05em;}
.profile_sec .card{ padding:0 60px 30px 60px; margin:83px 0 40px 0; background:#fff; border:none; border-radius:20px; box-shadow:0 0 54px rgba(204,204,204,0.25); position:relative;}
.prof_image{ width:115px; height:115px; margin:-58px auto 40px auto; display:block; border-radius:50%; border:5px solid #fff; position:relative;}
.prof_image > img{ width:105px; height:105px; object-fit:cover; border-radius:50%;}

.upload_btn{ width:35px; height:35px; position:absolute; right:-5px; bottom:-5px;}
.upload_btn .fileUpload { position: relative; overflow: hidden; padding:0; margin:0; font-size:9px; background:none; border:none;}
.upload_btn .fileUpload span{ display:block; cursor:pointer;}
.upload_btn .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.profile_sec .edit_link{ position:absolute; right:20px; top:20px;}
.edit_link{ width:46px; height:46px; padding:0; margin:0; display:inline-block; line-height:46px; text-align:center; background:#D9E3F9; border-radius:50%;}
.edit_link:hover{ background:#4F66FF;}
.edit_link:hover img{ filter: brightness(0) invert(1);}
.profile_sec .card.pass_sec{ padding-top:35px; margin-top:0;}
.card.pass_sec h2{ margin-bottom:30px;}
.profile_sec .btns{ min-width:110px;}

/*============ KYC Details ============*/
.blue_card{ padding:30px; margin:0; background: #F6F9FF; border-radius: 20px;}
.blue_card h2{ padding:0; margin:0 0 25px 0; font-size: 20px; color: #000000; letter-spacing: 0.016em; font-weight:600;}
.kyc_block{ padding:30px; margin:0 0 20px 0; background:#fff; border-radius: 10px; position:relative;}
.vblock_center{ display:flex; gap:30px; align-items:center;}
.vblock_center .icon{ width:50px; height:50px; font-style:normal; display:flex; justify-content:center; align-items:center; background:#F6F9FF; border-radius:10px;}
.vblock_center h3{ padding:0; margin:0; color: #303030; letter-spacing:0.3px; font-size: 18px; font-weight: 600;}
.edit_link{ position:absolute; right:30px; top:30px;}
.kyc_block .details{ min-height:50px; padding:0 60px 0 35px; margin:0; display:flex; flex-direction: column; justify-content:center; border-left:1px solid #E0E0E0;}
.kyc_block .details p{ padding:0; margin:0; font-size: 16px; color: #989898; letter-spacing:0.3px; font-weight: 400;}
.kyc_block .details p a{ color: #989898;}
.kyc_block .details p a:hover{ color: #4F66FF;}
.doc_link{}
.doc_link img{ position:relative; top:-2px;}

/*============ Plan page ============*/
.plan_sec{ padding:0; margin:0;}
.plan_sec .col-lg-6 { margin-bottom:25px;}
.lowrisk_block{ margin:0; padding:27px 28px 14px 30px; background: #FFFFFF; border: 2px solid #54B06D; box-shadow: 0px 0px 14px rgba(241, 241, 241, 0.25); border-radius: 10px; position:relative; height:100%;}
.lowrisk_block h3{ margin:0; padding:0; font-weight: 400; font-size: 24px; letter-spacing: -0.3px; color: #303030;}
.lbl_tag{ margin:0; padding:6px 18px 5px; font-weight: 600; font-size: 14px; line-height: 21px; text-align: center; letter-spacing: -0.3px; color: #54B06D; background: #E1F5E7; border-radius: 10px;}
ul.return_row{ margin:0 0 20px; padding:15px 0 22px 0; border-bottom:1px solid #F3F3F3; display:flex; flex-wrap:wrap;}
ul.return_row li{ margin:0; padding:0; font-weight: 400; font-size: 14px; line-height: 32px; text-align: right; letter-spacing: -0.3px; color: #717171; display:inline-flex; gap:5px;}
ul.return_row li strong{ font-weight: 600; font-size: 20px; letter-spacing: -0.3px; color: #54B06D;}
ul.return_row li:after{ content:""; width:1px; height:100%; background:#E0E0E0; margin:0 30px; display:block;}
ul.return_row li:last-child:after{ display:none;}
.amount_form{ margin:0; padding:0;}
.amount_form .rs{ margin:0 10px 0 0; padding:0; font-weight: 400; font-size: 34px; line-height: 51px; letter-spacing: -0.3px; color: #000000;}
.amount_form .amount_row{ margin:0; padding:0;}
.amount_form .amount_row .form_info{ display:grid; gap:10px; grid-template-columns: 5fr 7fr; width:316px;}
.amount_form .amount_row .form_info .form-control, .amount_form .amount_row .form_info .form-select{ margin-bottom:5px; height:41px; padding:0 13px; font-weight: 400; font-size: 12px; letter-spacing: 0.25px;}
.amount_form .amount_row .field_info{ margin:0 0 8px; padding:0; font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -0.3px; color: #AABBC6; display:block;}
.amount_form .btns{ min-width:108px; padding:8px 25px 9px 25px; text-align:center; margin-bottom:15px;}

.progress{ height:6px; background: #EEF3FE; border-radius: 10px; margin-bottom:10px;}
.progress .progress-bar{ background: #4F66FF; border-radius: 10px;}
.price_info{ margin:0; padding:0; font-size: 12px; line-height: 18px; letter-spacing: -0.3px; color: #717171;}

.lowrisk_block.midlowrisk_block{ border: 2px solid #4F66FF; box-shadow: 0px 0px 14px rgba(241, 241, 241, 0.25);}
.lbl_tag.sky{ background: #E7F8FF; color: #24AFEC;}

.lowrisk_block.closed{ opacity: 0.5; pointer-event:none; pointer-events: none; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;}

.log_other_link{ padding:0; margin:0; font-size:16px; color:#717171; font-weight:400;}
.log_other_link a{ color:#4F66FF; font-weight:600;}



#TransactionTable_length{ text-align:left;}
#TransactionTable_info{ text-align:left;}
div.dataTables_wrapper div.dataTables_filter input{ border-color:#000;}
.page-link{ color:#000; border-color:#000;}
.disabled > .page-link, .page-link.disabled{ color:#333; border-color:#333;}
.active > .page-link, .page-link.active{ color:#fff; background:#00aeef; border-color:#00aeef;}
.page-link:hover{ color:#fff; background:#000; border-color:#000;}
div.dataTables_wrapper div.dataTables_length select{ border-color:#000;}
table.dataTable thead > tr > th{ text-align:center; white-space:nowrap;}