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

:root {
    /* --green: #00FF41; */
    --green: #3deffd;
    --text-gray: #dbdfe5;
    /* --text-gray: #d1d5db; */
    --text-gray2: #b5b7bb;
    /* --text-gray2: #9ca3af; */
    --bg-green-hover: #3df0fdd3;
    /* --bg-green-hover: rgba(0, 204, 51, 1); */
    --bg-light-gray: #151515;
    --border-gray: #1f2937
}

body {
    background: black;
}

header {
    border-bottom: 1px solid;
    border-color: rgba(31, 41, 55, 1);
}

header .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
    /* background: #1B1F23; */

}

.navigation .header_left h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-family: Orbitron;
    font-weight: 700;
    color: var(--green);
}

.navigation .header_right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

/* ///tabs */
.hidden2 {
    display: none;
}

.tab2.active2 {
    border-color: var(--green) !important;
    /* border-color: rgb(0 255 65 / 1) !important; */
}

.tab2.active2 i {
    color: var(--green) !important;
}

.non-active2 p .nonspan {
    display: none !important;
}

.navigation .header_right button {
    border: none;
    font-size: 14px;
    padding: 6px 12px;
    color: white;
    background: rgba(21, 21, 21, 1);
    border-radius: 5px;
    white-space: nowrap;


}

.mobile_nav_btn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* align-items: center; */
    justify-content: center;
}

.mobile_nav_btn button {
    border: none;
    font-size: 14px;
    padding: 6px 12px;
    color: white;
    background: rgb(8 8 8);
    border-radius: 5px;
    white-space: nowrap;
    text-align: left;
}

.mobile_nav_btn button i {
    margin-right: 5px;
    fill: var(--green) !important;
    color: var(--green);
    font-size: 17px;
}

.navigation .header_right::-webkit-scrollbar {
    display: none;
}

.navigation .header_right button {
    display: inline;

}

.navigation .header_right button i {
    margin-right: 5px;
    fill: var(--green) !important;
    color: var(--green);
    font-size: 17px;
}

h1 {
    margin: 0;
}

.price_swiper {
    position: relative;
    width: 100%;
    /* background-color: rgb(5, 15, 5); */
    /* background: #1B1F23; change color */
    overflow: hidden;
    /* border-bottom: 1px solid rgb(51, 51, 51); */
}

@keyframes ticker {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(-50%);
    }
}

.price_Swiper_wrapper {
    display: flex;
    width: max-content;
    animation: 50s linear 0s infinite normal none running ticker;
}

.animate_track {
    display: flex;
    width: max-content;
    padding-right: 2rem;
    white-space: nowrap;
}

.animate_track .track_items {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
    margin-left: .75rem;
    margin-right: .75rem;
}

.animate_track .track_items span:nth-of-type(1) {

    font-weight: 600;
    font-family: monospace;
    color: white;
}

.animate_track .track_items span:nth-of-type(2) {


    font-family: monospace;
    color: white;
}

.animate_track .track_items span:nth-of-type(3) {
    font-weight: 500;
    font-size: 14px;
    font-family: monospace;
    color: var(--green);
}

.main .main_section {
    padding: 13px;
    text-align: center !important;
}

.main {
    padding: 64px 0px;
}

.main_section {
    text-align: center;
}

@font-face {
    font-family: a Atmospheric;
    src: url(../fonts/Atmospheric-rg4aL.ttf);
}

.main_section h1 {
    font-size: 3rem !important;
    font-family: Orbitron;
    font-weight: 700;
    /* font-weight: 400; */
    margin-bottom: 5px;
    color: white;
    /* font-family: a Atmospheric; */
}

.header_left {
    width: 430px;
    margin-right: 20px;
}

.header_left img {
    width: 430px;
}

.main_section .h1 span {
    color: var(--green);
}

.main_section .h2 span {
    color: var(--green);
}

.main_section p:nth-of-type(1) {
    margin-bottom: 32px;
    margin-top: 26px;
    color: var(--text-gray);
    font-size: 20px;

}

.main_section p:nth-of-type(2) {
    margin-bottom: 46px;
    margin-top: 26px;
    color: var(--text-gray);
    font-size: 16px;
    width: 768px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.625;


}

.main_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 29px;
}

.main_btn .main_btn_items {
    display: inline;
    padding: 12px 20px;
    background: #151515;
    border-radius: 8px;
    color: white;
    box-shadow: 0 0 3px var(--green);
}

.main_btn .main_btn_items i {
    margin-right: 5px;
    font-size: 17px;
    color: var(--green);
}

.transction_section {
    padding: 0px 16px;
    margin-bottom: 24px;
}

.transaction_main_content {
    padding: 24px;
    /* background-color: #050f05; */
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #1f2937;
    border-width: 1px;
    border-style: solid;
    border-radius: 12px;

}

.transaction_main_content .transaction_heading {
    color: var(--green);
    font-size: 20px;
    font-family: Orbitron;
    padding-left: 12px;
    border-left-width: 4px;
    border-color: var(--green);
    border-left-style: solid;
    margin-bottom: 16px;
}

.transaction_main_content .two_tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    width: 100%;
    justify-content: center;
    /* align-items: center; */
    gap: 13px;
    margin-bottom: 28px;
}

.transaction_main_content .two_tabs .tabs_btn {
    width: 100%;
    text-align: center;
    /* border: 1px solid; */
    /* border-color: #27272a; */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 24px;
    background-image: url(../img/bg-g.png), linear-gradient(#161A1E, #161A1E);
    background-size: cover;
    background-repeat: no-repeat;
    /* background-color: #0a1a0a; */
    cursor: pointer;
}

.selct-tab-active i {
    border-color: var(--green) !important;
    color: var(--green) !important;

}

.transaction_main_content .tabs_btn .tab_icon {
    background: #071407;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 12px;
}

.transaction_main_content .tabs_btn .tab_icon i {
    font-size: 24px;
    color: #9ca3af;
}

.transaction_main_content .tabs_btn h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: white;
    margin-bottom: 8px;
}

.transaction_main_content .tabs_btn p {
    color: var(--text-gray);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
}

.selct_network label {
    color: var(--text-gray);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;

}

.network_part {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

.selct_network .grid-btn {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.selct_network .grid-btn .network_btn button {
    color: var(--text-gray);
    /* background-color: #0a1a0a; */
    background-color: #161A1E;
    padding: 8px 0;
    border-width: 1px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    outline: none;
    border-style: solid;
    border-color: #27272a;
}

.network_btn_active {
    color: var(--green) !important;
    border-color: var(--green) !important;
}

.set_amount label {
    color: var(--text-gray);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;

}

.set_amount .price_input {
    margin-bottom: 12px;
}

.set_amount .price_input .input_bar {
    position: relative;
}

.set_amount .price_input .input_bar .dollar_icon {
    position: absolute;
    padding-left: 12px;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    /* border-color: #27272a; */
}

.set_amount .price_input .input_bar .dollar_icon span {
    color: #9ca3af;
}

.set_amount .price_input .input_bar input {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 12px;
    background-color: #161A1E;
    /* background-color: #0a1a0a; */
    border-color: #27272a;
    border-width: 1px;
    border-style: solid;
    outline: none;
    border-radius: 8px;
    width: 100%;
    display: block;
    color: white;
}

.set_amount .price_btn {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.set_amount .price_btn button {
    font-size: 14px;
    color: #9ca3af;
    padding: 8px 0;
    background-color: #161A1E;
    /* background-color: #0a1a0a; */
    border-width: 1px;
    border-style: solid;
    outline: none;
    border-color: #27272a;
    border-radius: 8px;
    transition: all;
}

.set_amount .price_btn button:hover {
    border-color: var(--green) !important;
}

.wallet_address {
    margin-bottom: 24px;
}

.wallet_address h3 {
    font-size: 18px;
    color: var(--green);
    margin-bottom: 12px;
    font-family: Orbitron;
    font-weight: 400;
}

.wallet_address .wallet_address_input {
    display: flex;
}

.wallet_address .wallet_address_input input {
    padding: 12px 16px;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #27272a;
    outline: none;
    background-color: #161A1E;
    /* background-color: #0a1a0a; */
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
    display: block;
}

.wallet_address .wallet_address_input input::placeholder {
    color: var(--text-gray);
    opacity: 0.8;
}

.wallet_address .wallet_address_input button {
    padding: 0 16px;
    /* background-color: #0a1a0a; */
    background-color: #161A1E;
    border-color: #27272a;
    border-left-width: 0px;
    border-width: 1px;
    border-style: solid;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: var(--green);
}

.wallet_address .wallet_address_input button i {
    font-size: 20px;
}

.licence span {
    margin-left: 8px;
    font-size: 14px;
    color: #facc15;
}

.validate_btn {
    background-color: var(--green) !important;
    color: #000 !important;
    font-weight: 500;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.validate_btn:hover {
    background: var(--bg-green-hover) !important;
    /* background: var(--bg-green-hover) !important; */
}

.licence_p {
    color: var(--text-gray2);
    font-size: 14px;
    margin-top: 8px;
}

.sendBtn {
    margin-top: 40px;
    text-align: center;
}

.sendBtn button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    color: black;
    background: var(--green);
    font-size: 18px;
    font-weight: 700;
    padding: 16px 40px;
    border-radius: 8px;
    border: none;
    outline: none;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 3px #00FF41;
}

.sendBtn button i {
    margin-right: 8px;

}

.sendBtn button:hover {
    background: var(--bg-green-hover);
}

.network_btn_active i {
    margin-left: 5px;
    font-size: 12px;
}

.License_required {
    margin-bottom: 32px;
    padding: 0px 16px;
}

.licence_S {
    padding: 24px;
    background: #1B1F23;
    /* background: var(--bg-light-gray); */
    border-radius: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-gray);
    text-align: center;
    margin-bottom: 24px;


}

.licence_S .lc-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    background-color: #00ff411a;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.licence_S .lc-icon i {
    color: var(--green);
    font-size: 32px;
}

.licence_S h2 {
    color: var(--green);
    font-family: Orbitron;
    font-size: 20px;
    margin-bottom: 8px;
}

.licence_S p {
    width: 672px;
    color: var(--text-gray);
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
}

.licence_S button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background: var(--green);
    padding: 12px 24px;
    font-weight: 700;
    border-radius: 8px;
    border: none;
    outline: none;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 3px #00FF41;
    color: black !important;
}

.licence_S button:hover {
    background: var(--bg-green-hover) !important;
}

.Subscription__plan {
    padding: 24px;
    /* background: #050f05; */
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-gray);
    text-align: center;
    margin-bottom: 24px;
}

.Subscription__plan h2 {
    color: var(--green);
    font-size: 20px;
    font-family: Orbitron;
    padding-left: 12px;
    border-left-width: 4px;
    border-color: var(--green);
    border-left-style: solid;
    margin-bottom: 32px;
    font-weight: 500;
}

.subscription_price_card {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 16px;

}

.subscription_price_card .subscription_card {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    padding: 20px;
    /* background-color: rgb(10 26 10 / 1); */
    /* border-color: rgb(55 65 81 / 1);
    border-width: 1px; */
    background-image: url(../img/bg-g.png), linear-gradient(#161A1E, #161A1E);
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    border-style: solid;
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--text-gray2);
    align-items: start;
    justify-content: start;
    cursor: pointer;

}

.subscription_price_card .subscription_card h3 {
    color: var(--green);
    font-family: Orbitron;
    font-size: 20px;
    margin-bottom: 16px;
}

.subscription_card .sub_price {
    margin-bottom: 16px;
}

.subscription_card .sub_price div:nth-of-type(1) {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.subscription_card .sub_price div:nth-of-type(2) {
    color: var(--text-gray2);
    text-align: left;

}

.subsc_list {
    list-style: none;
    padding-left: 0 !important;
    text-align: left;
    font-size: 14px;
    margin-bottom: 16px;
}

.subsc_list li {
    margin-bottom: 8px;
}

.subsc_list li i svg {
    fill: var(--green);
}

.ratings {
    display: flex;
    margin-bottom: 12px;
    align-items: center;
}

.ratingverified {
    width: 100%;
    padding: 16px;
    border-color: rgba(255, 255, 255, 0.05);
    /* border-color: rgba(55, 65, 81, 0.5); */
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    /* background-image: linear-gradient(to bottom right, #0A1A0A, #071407); */
    background: rgba(255, 255, 255, 0.04);
    margin-bottom: 16px;
}

.ratings span:nth-of-type(1) {
    color: white;
    font-weight: 500;
    font-size: 14px;
    margin-left: 8px;
}

.ratings span:nth-of-type(2) {

    font-weight: 500;
    font-size: 12px;
    margin-left: 8px;
}

.stars i svg {
    fill: rgb(251 191 36 / 1);

}

.bottom-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indicator {
    display: flex;
    align-items: center;
    gap: 6px;
}

.indicator_light {
    width: 8px;
    height: 8px;
    background-color: var(--green);
    border-radius: 50%;
}

.indicator span {
    font-weight: 500;
    font-size: 12px;
    color: white;
}

.verified {
    display: flex;
    align-items: center;
    gap: 5px;
}

.verified i svg {
    fill: #00FF41;
}

.verified i {
    display: flex;
}

.verified span {
    font-weight: 500;
    font-size: 12px;
    color: var(--green);
}

.subscription_card button {
    background: var(--green);
    border: none;
    font-size: 14px;
    padding: 8px 16px;
    background: #0a1c1e59;
    /* background: rgb(7 20 7 / 1); */
    border-radius: 8px;
    border-color: var(--green);
    border-style: solid;
    border-width: 1px;
    color: var(--green);
    width: 100%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;

}

.subscription_card button:hover {
    background: var(--green);
    color: black;
}

.subsc_list li:nth-of-type(4) {
    margin-bottom: 0;
}

.endsub {
    border-color: var(--green) !important;
}

.subscription_price_card .subscription_card:hover {
    border-color: var(--green) !important;
}

.gbt {
    background: var(--green) !important;
    color: black !important;
    font-weight: 500;
}

.gbt:hover {
    background: #3df0fdd3 !important;
}

.theterwalletactions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
}

.theterwalletactions .theterr_col {
    padding: 24px;
    /* background-color: rgb(21 21 21 / 1); */
    background-color: #1B1F23;
    border-color: rgb(31 41 55 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.theterwalletactions .theterr_col h2 {
    color: var(--green);
    font-family: Orbitron;
    font-size: 20px;
    margin-bottom: 24px;
}

.th_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.th_circle {
    background-color: rgba(0, 255, 65, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.th_list .th_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.th_list .th_list_item:nth-of-type(4) {
    margin-bottom: 0 !important;
}

.th_list_item span:nth-of-type(1) {
    color: var(--text-gray2);

}

.active_th {
    color: rgb(234 179 8 / 1) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;

}

.th-sss {
    margin-bottom: 32px;
    padding: 0px 16px;
}

.lc_inp {
    padding: 16px;
    background-color: rgb(26 26 26 / 1);
    border-color: rgb(55 65 81 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.lc_inp input {
    width: 100%;
    background: none;
    outline: none;
    border: none;
    color: var(--text-gray2);

}

.lc_inp input::placeholder {
    color: var(--text-gray2);
}

.purchace_licence_btn {
    margin-top: 16px;
}

.purchace_licence_btn button {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    color: var(--green);
    font-size: 14px;
    padding: 8px 0;
    background-color: rgb(21 21 21 / 1);
    border-color: rgb(0 255 65 / var(--tw-border-opacity));
    border-width: 1px;
    border-style: solid;
    width: 100%;
    border-radius: 8px;
}

.contact_us {
    padding: 24px;
    /* background-color: rgb(26 26 26 / 1); */
    background-color: #1B1F23;
    border-color: rgb(55 65 81 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.contact_us h2 {
    color: var(--green);
    font-family: Orbitron;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 400;
    text-align: center;

}

.contact_us p {
    color: var(--text-gray2);
    width: 672px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

.social_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.social_btn a i {
    font-size: 20px;
    margin-top: 3px;
}

.social_btn a {
    background-color: rgba(0, 136, 204, 0.063);
    color: rgb(0, 136, 204);
    border: 1px solid rgba(0, 136, 204, 0.19);
    padding: 12px 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;

}

.social_btn a:nth-of-type(3) {
    background-color: rgba(37, 211, 102, 0.063);
    color: rgb(37, 211, 102);
    border: 1px solid rgba(37, 211, 102, 0.19);
}

.social_btn a:nth-of-type(4) {
    background-color: rgba(255, 0, 0, 0.063);
    color: rgb(255, 0, 0);
    border: 1px solid rgba(255, 0, 0, 0.19);
}

.all_con {
    padding-bottom: 80px;
}

footer {
    padding: 24px 0;
    border-color: rgb(31 41 55 / 1);
    border-top-width: 1px;
    border-style: solid;
    border-left-width: 0px;
}

.copyright {
    color: rgb(107 114 128 / 1);
    font-size: 14px;
    text-align: center;
}

.plane_details_heading {
    display: flex;
    gap: 13px;
}

.plane_details_heading i {
    color: var(--text-gray2);
    font-size: 20px;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: #1A1A1A;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.order_summary_section {
    max-width: 448px;
    margin: auto;
}

.order_summary_section .summary_details {
    /* background-color: rgb(10 26 10 / 1); */
    background-image: url(../img/bg-g.png), linear-gradient(#3deffd1a, #161A1E);
    background-size: cover;
    background-repeat: no-repeat;
    border-color: rgb(55 65 81 /1);
    border-width: 1px;
    border-style: solid;
    margin-bottom: 24px;
    border-radius: 8px;
    padding: 20px;

}

.order_summary_section .summary_details h3 {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 500;
    color: white;
    text-align: left;
}

.order_summary_section .summary_details .plane {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.order_summary_section .summary_details .plane span:nth-of-type(1) {
    color: var(--text-gray2);
}

.order_summary_section .summary_details .plane span:nth-of-type(2) {
    font-weight: 500;
    color: white;
}

.order_summary_section .summary_details .plane .price {

    color: var(--green) !important;
}

.order_summary_section .email_bar_label {
    margin-bottom: 24px;
    text-align: left;

}

.order_summary_section .email_bar_label label {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-gray2);
    margin-bottom: 8px;
}

.plane_input input {
    font-size: 16px;
    background-color: #161A1E;
    /* background-color: rgb(10 26 10 / 1); */
    border-color: rgb(55 65 81 /1);
    border-width: 1px;
    border-style: solid;
    outline: transparent !important;
    padding: 12px 16px;
    border-radius: 8px;
    width: 100%;
    color: white;
}

.email_bar_label p {
    font-size: 14px;
    margin-top: 8px;
    color: var(--text-gray2);
}

.order_summary_section button {
    width: 100%;
    padding: 12px 16px;
    font-weight: 500;
    border-radius: 8px;
    border: none;
    cursor: not-allowed;
}

.order_summary_section button[disabled] {
    background-color: rgb(55 65 81 / 1);
    color: var(--text-gray2);
}


.planebottom_p {
    color: var(--text-gray2);
    font-size: 14px;
    text-align: center;
    margin-top: 16px;
}

.test_mode_select_network {
    padding: 12px 16px;
    /* background-color: rgb(7 20 7 / 1); */
    background-color: #1B1F23;
    border-color: rgb(234 179 8 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.test_mode_select_network .test_s_c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.test_n_item {
    display: flex;
    align-items: center;

}

.test_n_item span:nth-of-type(1) {
    color: var(--green);
    font-weight: 500;
}

.test_n_item span:nth-of-type(2) {
    color: #000;

    background-color: rgb(202 138 4 / 1);
    font-weight: 500;
    font-size: 12px;
    padding: 0 4px;
    border-radius: 4px;
    margin-left: 8px;
}

.onlyBep {
    color: rgb(250 204 21 / 1);
    font-size: 12px;

}

.onlyBep i {
    margin-right: 4px;
}

.test_mode_info {
    padding: 12px 16px;
    /* background-color: rgb(7 20 7 / 1); */
    background-color: #1B1F23;
    border-color: rgb(234 179 8 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    margin-bottom: 24px;
}

.testmode_content {
    display: flex;
}

.testmode_content .inclamation_icon_test_mode i {
    color: rgb(250 204 21 / 1);
    font-size: 18px;
    font-weight: 900;
}

.test_inclamation_text {
    margin-left: 12px;
}

.test_inclamation_text h3 {
    margin-bottom: 4px;
    color: var(--green);
    font-weight: 500;
    font-size: 16px;
}

.test_inclamation_text p:nth-of-type(1) {
    font-size: 14px;
    color: rgb(250 204 21 / 1);
    margin-bottom: 0;
}

.test_inclamation_text p:nth-of-type(2) {
    font-size: 12px;
    margin-top: 6px;
    color: var(--text-gray2);
    margin-bottom: 0;

}

.test_inclamation_text .request_test_access_btn {
    margin-top: 12px;
}

.test_inclamation_text .request_test_access_btn button i {
    margin-right: 6px;
    margin-top: 3px;
}

.test_inclamation_text .request_test_access_btn button {
    color: black;
    font-weight: 500;
    font-size: 14px;
    padding: 6px 12px;
    background-color: rgb(234 179 8 / 1);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    transition: all ease-in-out;
}

.test_inclamation_text .request_test_access_btn button:hover {
    background-color: rgb(202 138 4 / 1);
}

.connectBtn {
    background: var(--green);
    border: none;
    font-size: 16px;
    padding: 6px 20px;
    /* background: #0a1c1e59; */
    /* background: rgb(7 20 7 / 1); */
    border-radius: 6px;
    border-color: var(--green);
    border-style: solid;
    border-width: 1px;
    /* color: var(--green); */
    /* width: 100%; */
    transition: 0.2s ease-in-out;
    background: var(--green) !important;
    color: black !important;
    font-weight: 500;
}

.connectBtn:hover {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 3px #3deffd;
}

.device_configuration {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 16px;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.device_c_content {
    width: 100%;
    max-width: 672px;
    max-height: 90vh;
    background-color: rgb(10 10 10 / 1);
    border-color: rgb(31 41 55 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    margin: auto;
}

.features_c_content {
    width: 100%;
    max-width: 896px;
    max-height: 90vh;
    background-color: rgb(10 10 10 / 1);
    border-color: rgb(31 41 55 / 1);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    margin: auto;
}

.device_modal_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background-color: rgb(5 15 5 /1); */
    background-image: url(../img/bg-g.png), linear-gradient(#161A1E, #161A1E);
    background-size: cover;
    background-repeat: no-repeat;
    /* padding: 16px; */
    /* background-color: rgb(5 15 5 /1);
    border-color: rgb(31 41 55 / 1);
    border-width: 0;
     border-bottom-width: 1px;
    border-style: solid; */
}

.device_modal_header_f {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */
    padding: 16px;
    /* background-color: rgb(5 15 5 /1); */
    background-image: url(../img/bg-g.png), linear-gradient(#161A1E, #161A1E);
    background-size: cover;
    background-repeat: no-repeat;
    border-color: rgb(31 41 55 / 1);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}

.device_modal_header_f .device_modal_header {
    background: none !important;
}

.feauHeadingP {
    margin-bottom: 0;
    margin-bottom: 0;
    color: var(--text-gray);
    font-size: 14px;
}

.device_modal_header h2 {
    font-size: 20px;
    font-family: Orbitron;
    color: var(--green);
    font-weight: 400;
    margin-bottom: 0;
    width: 100%;
}

.backBtnTop {
    width: auto !important;
    height: auto !important;
    padding: 4px 8px;
    border-radius: 6px !important;
    margin-right: 12px;
    gap: 3px;

}

.backBtnTop:hover {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.device_modal_header h2 i {
    margin-right: 8px;
}

.device_modal_header button {
    color: var(--text-gray2);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none !important;
    background: none;
}

.device_modal_header button:hover {
    color: white;
    background: rgba(255, 255, 255, 0.04);
}

.device_c_tab {
    display: flex;
    align-items: center !important;
    border-color: rgb(31 41 55 / 1);
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}

.device_c_tab button {
    padding: 12px 16px;
    background-color: transparent;
    color: var(--text-gray2);
    border: 0;


}

.device_c_btn_active {
    background-color: rgb(21 21 21 / 1) !important;
    color: var(--green) !important;
    border-width: 0 !important;
    border-bottom-width: 2px !important;
    border-style: solid !important;
    border-color: var(--green) !important;
}

.device_c_tab button i {
    margin-right: 8px;
}

.device_c_list {
    padding: 16px;
    overflow-y: auto;
    flex-direction: column;
    gap: 2px;
}

.c_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-color: rgb(26 26 26 / 1);
    border: 0;
    border-bottom-width: 1px;
    border-style: solid;
    padding: 8px 0;
    margin-top: 4px;
}

.c_list_item span:nth-of-type(1) {
    color: var(--text-gray2);
}

.c_list_item span:nth-of-type(2) {
    color: #fff;
    font-family: monospace;
}

.bottom_modal_btn {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 16px;
    /* background-color: rgb(5 15 5 / 1); */
    background-image: url(../img/bg-g.png), linear-gradient(#161A1E, #161A1E);
    background-size: cover;
    background-repeat: no-repeat;
    border-color: rgb(31 41 55 / 1);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
}

.bottom_modal_btn button {
    background: var(--green);
    color: black;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 8px;
    border: none;
}

.bottom_modal_btn button:hover {
    background-color: var(--bg-green-hover);
}

.userAgent h3 {
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--green);
    font-size: inherit !important;
}

.userAgent_info {
    padding: 12px;
    background-color: #1b1f2357;
    border-color: rgb(31 41 55 / 1);
    border-width: 1px;
    border-style: solid;
}

.userAgent_info code {
    font-size: 12px;
    color: var(--text-gray);
    word-break: break-all;
}

.features_box {
    padding: 24px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 24px;
}

.features_box_item {
    padding: 20px;
    /* background-color: rgb(21 21 21 / 1); */
    background-color: #1b1f2357;
    /* border-color: rgb(31 41 55 / 1); */
    border-color: var(--border-gray);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

.f_box_items_content {
    display: flex;
    align-items: start;
    margin-bottom: 16px;
}

.f_box_items_content .f_left_col1 {
    background-color: rgba(0, 255, 65, 0.082);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    flex-shrink: 0;
    border-radius: 50%;
    font-size: 18px;

}

.f_box_items_content .f_right_col2 h3 {
    color: white;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;

}

.f_box_items_content .f_right_col2 p {
    color: var(--text-gray2);
    font-size: 14px;
    margin-bottom: 0px;


}

.bottom_modal_btn div {
    font-size: 14px;
    color: var(--text-gray2);
}

.bottom_modal_btn div i {
    margin-right: 8px;
}

.explorers_section {
    padding: 24px;
    overflow-y: auto;
}

.exp_p {
    margin-bottom: 16px;
    color: var(--text-gray);
}

.explorers_box {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px;
}

.explorers_box a {
    padding: 16px;
    /* background-color: rgb(21 21 21 / 1); */
    background-color: #1b1f2357;
    display: flex;
    align-items: center;
    border-color: var(--border-gray);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.2s all;
}

.explorers_box a:hover {
    background-color: #1b1f23a2;

}

.explorers_box a:hover i {
    color: var(--green);
}

.explorers_box a .exp_left_img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(98, 126, 234, 0.063);
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.explorers_box a .exp_left_img img {
    object-fit: contain;
    width: 40px;
    height: 40px;
}

.exp_right h3 {
    margin-bottom: 4px;
    font-size: inherit;
    font-weight: 500;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    color: white !important;
}

.exp_right h3 i {
    font-size: 12px;
    color: rgb(107 114 128 / 1);
    margin-left: 8px;
}

.exp_right p {
    color: var(--text-gray);
    font-size: 14px;
    margin-bottom: 0;
}

.bottom_e_c {
    padding: 16px;
    /* background-color: rgb(21 21 21 / 1); */
    background-color: #1b1f2357;
    /* display: flex; */
    align-items: center;
    border-color: var(--border-gray);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.bottom_e_c h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: var(--green);
    font-weight: 400;
}

.bottom_e_c p {
    font-size: 14px;
    color: var(--text-gray);
}

.help_m .f_right_col2 h4 {
    color: white;
    font-weight: 500;
    font-size: inherit !important;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.help_m .f_right_col2 h4 i {
    color: rgb(107 114 128 /1);
    font-size: 12px !important;
    margin-left: 8px;
}

.help_m .features_box_item {
    padding: 16px;
    cursor: pointer;
}

.help_m .features_box_item:hover {
    background-color: #1b1f23a2;
}

.help_m .f_box_items_content {
    margin-bottom: 0px;
}

.fetures_p {
    padding: 24px;
    overflow-y: auto;
}

.faq {
    margin-top: calc(2rem * calc(1 - 0));
    margin-bottom: calc(2rem * 0);
}

.faq h3 {
    font-weight: 600;
    font-size: 18px;
    color: var(--green);
    margin-bottom: 16px;
}

.faq_rows {
    background-color: #1b1f2357;
    border-color: var(--border-gray);
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
}

.faq_rows .faq_row_items {
    padding: 16px;
    transition: 0.2s ease-in-out;
}

.faq_rows .faq_row_items:hover {
    background-color: #1b1f23a2;
}

.faq_rows .faq_row_items h4 {
    color: white;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: inherit;
}

.faq_rows .faq_row_items i {
    margin-right: 8px;
    color: var(--green);
}

.faq_rows .faq_row_items p {
    font-size: 14px;
    padding-left: 24px;
    color: var(--text-gray2);
    margin-bottom: 0;
}

.further_aa {
    padding: 24px;
    background-color: #1b1f2357;
    border-color: var(--border-gray);
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
    margin-top: calc(2rem * calc(1 - 0));
    margin-bottom: calc(2rem * 0);
}

.f_a_s {
    display: flex;
    align-items: center;
}

.f_a_s .f_left_icon {

    margin-right: 24px;
    background-color: #3deffd1f;
    color: var(--green);
    border-radius: 9999px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 16px; */
}

.f_a_s .f_left_icon i {
    font-size: 24px;
}

.f_right_part h3 {
    color: var(--green);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;

}

.f_right_part p {
    color: var(--text-gray2);
    margin-bottom: 16px;

}

.ts_supp_btn {
    display: flex;
    align-items: center;
}

.ts_supp_btn a {
    font-size: 14px;
    padding: 8px 16px;
    background-color: rgb(26 26 26 / 1);
    color: var(--green) !important;
    text-decoration: none !important;
    border-radius: 6px;
}

.ts_supp_btn a i {
    margin-right: 5px;
}

.topheader_getting {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.topheader_getting button {
    margin-right: 12px;
    background: transparent;
    border: none;
    color: var(--text-gray2);
}

.getting_text {
    display: flex;
    align-items: center;
}

.getting_text .get_icon {
    margin-right: 12px;
    background-color: #3deffd1f;
    color: var(--green);
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 16px; */
}

.getting_text .get_icon i {
    font-size: 18px;
}

.getting_text h3 {
    color: white;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0;

}

.getstarted_box {
    padding: 24px;
    background-color: #1b1f2357;
    border-color: var(--border-gray);
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
    /* margin-top: calc(2rem * calc(1 - 0)); */
    margin-bottom: calc(2rem * 0);

}

.getstarted_box h4 {
    font-weight: 500;
    margin-bottom: 8px;
    color: white;
    font-size: inherit;
}

.getstarted_box p {
    color: rgb(209 213 219 / 1);
    margin-bottom: 0;
}

.getstarted_box div {
    margin-top: calc(1.2rem * calc(1 - 0));
}

.getstarted_imp_not {
    padding: 16px;
    /* background-color: #1b1f2357; */
    background-color: #1b1f23fa;
    border-color: var(--border-gray);
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
}

.getstarted_imp_not h4 {
    color: var(--green);
}

.topheader_getting button:hover {
    color: white;
}

.activationSteps_li li {
    color: rgb(209 213 219 / 1);
    margin-top: calc(.25rem * calc(1 - 0));
}

.activationSteps_li li span {
    color: white;
}

.licence_tiers_list {
    padding-left: 20px;
    color: rgb(209 213 219 / 1);
}

.licence_tiers_list li {
    margin-top: calc(.25rem * calc(1 - 0));
}

.licence_tiers_list li span {
    color: white;
}

.Comparing_modes_table {
    width: 100%;
    font-size: 14px;
}

.Comparing_modes_table thead tr {
    border-color: var(--border-gray);
    border-bottom-width: 1px;
    border-style: solid;

}

.Comparing_modes_table tbody tr {
    border-color: var(--border-gray);
    border-bottom-width: 1px;
    border-style: solid;
}

.proxy_status {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.proxy_status p {
    margin-bottom: 0;
}

.proxyPeraTop {
    font-size: 14px;
    color: var(--text-gray2);
}

.proxy_select_list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, 1fr));
    gap: 12px;
}

.proxy_select_list button {
    padding: 16px;
    background-color: rgba(27, 31, 35, 0.34);
    border-color: var(--border-gray);
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: all ease-in-out;
}

.proxy_select_list button:hover {
    background-color: #1b1f23a2;
}

.proxy_left_icons {
    display: flex;
    align-items: center;
    margin-right: 16px;
    justify-content: center;
}

.proxy_right {
    flex: 1 1 0%;
    text-align: left;
}

.proxy_name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proxy_name h3 {
    font-weight: 500;
    color: white;
    font-size: inherit;
    margin-bottom: 0;
}

.proxy_name span {
    color: var(--green);
    font-size: 12px;
    padding: 4px 8px;
    background-color: #3deffd3d;
    border-radius: 4px;
    font-weight: 500;
}

.proxy_city_ms {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    font-size: 12px;
    margin-top: 4px;
    gap: 8px;
    color: var(--text-gray2);

}

.proxy_city_ms div i {
    margin-right: 4px;
}

.proxyBtn_active {
    border-color: var(--green) !important;
    background-color: #15323696 !important;
}

.proxy_text_active {
    color: var(--green) !important;
}

.proxyTabLive {
    animation: proxysetpulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    display: flex;
    width: 8px;
    height: 8px;
    max-width: 8px !important;
    max-height: 8px !important;
    border-radius: 50%;
    background-color: var(--green);
    margin-left: 8px;
}

@keyframes proxysetpulse {
    50% {
        opacity: .5;
    }
}

.loading {

    width: 20px;
    height: 20px;
    border: 3px solid var(--green);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotationLoader 1s linear infinite;



}

.loadig_server {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 11px;
}

.loadig_server h3 {
    font-size: 16px !important;
    margin-bottom: 0;
    color: var(--green);
}

.whatFlashUsdtPart .introp {
    color: var(--text-gray);
    margin-bottom: 25px;
}

.useFlashUasdtList {
    color: var(--text-gray);
    margin-bottom: 25px;

}

.useFlashUasdtList li {
    margin-bottom: 4px;
}

.ftr {
    display: flex;
    justify-content: space-between;
}

.privacy_terms {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.privacy_terms a {
    text-decoration: none;
    color: rgb(107 114 128 / 1);
    font-size: 14px;
}

.privacy_terms a:hover {
    color: var(--text-gray2);
}



@keyframes rotationLoader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.vpn_status_indiactor {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
    background-color: rgb(0 255 65 / 1);
    animation: proxyPulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

@keyframes proxyPulse {
    50% {
        opacity: .5;
    }
}


@media (min-width: 1536px) {
    .container-fluid {
        max-width: 1536px !important;
    }
}

@media only screen and (max-width:990px) {
    .navigation .header_right {
        max-width: 70%;
        margin-left: auto;
        justify-content: inherit !important;
        overflow-x: auto;
    }

    .navigation .header_right button {
        display: flex;
    }
}

@media only screen and (max-width:905px) {
    .subscription_price_card {
        display: grid;
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .navigation .header_left h1 {
        font-size: 24px;
    }

}

@media only screen and (max-width:780px) {
    .licence_S p {
        width: 100%;
    }

    .navigation .header_right {
        max-width: 70%;
        margin-left: auto;
        justify-content: inherit !important;
    }

    .f_a_s {
        flex-direction: column;
        justify-content: center;
    }

    .f_a_s .f_left_icon {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .f_right_part {
        text-align: center;
    }

    .ts_supp_btn {
        justify-content: center;
    }

    .help_m {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .features_box {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

}

@media only screen and (max-width:768px) {
    .main_section h1 {
        font-size: 36px !important;
    }

    /* .container-fluid {
         max-width: 640px;
   } */
    .navigation .header_left h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .contact_us p {
        width: 100%;
    }

    .theterwalletactions {

        grid-template-columns: repeat(1, minmax(0px, 1fr));

    }

    .transaction_main_content .two_tabs {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .network_part {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .subscription_price_card {
        display: grid;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .network_part {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .social_btn {
        flex-wrap: wrap;
    }

}

@media only screen and (max-width:805px) {
    .main_section p:nth-of-type(2) {
        width: 100%;
    }

}

@media only screen and (max-width:600px) {
    .header_left {
        width: 300px;
        margin-right: 20px;
    }

    .header_left img {
        width: 300px;
    }


    /* .transaction_main_content .two_tabs{
    flex-direction:column ;
  }
  .network_part {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
      .subscription_price_card {
        display: grid;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
    .network_part{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    } */
    .main_btn_items {
        display: flex !important;
        justify-content: center;
        align-items: center;

    }

}

.network_btn_active i {
    display: inherit !important;
}

@media only screen and (max-width:500px) {
    .navigation .header_right button {
        display: none !important;
    }

    .navigation .header_right i {
        display: block !important;
        color: white !important;
        font-size: 22px;
        margin-right: 10px;
    }
}

@media only screen and (max-width:450px) {
    .header_left {
        width: 290px;
        margin-right: 20px;
    }

    .header_left img {
        width: 290px;
    }
}