* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.mn-auto{
    min-height: auto!important;
}
.gray-dot {
    width: 22px;
    background: #d7cdcd78;
    height: 22px;
    border-radius: 50%;
}

.dots-1 {
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: d1 1s steps(4) infinite;
  }
  @keyframes d1 {to{clip-path: inset(0 -34% 0 0)}}

html {
    scroll-behavior: smooth;
    overflow-y: auto;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    background-color: #F7F5FF !important;
}

a {
    text-decoration: none;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}



::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 25px;
    position: absolute;
    z-index: -1;
}

::-webkit-scrollbar-thumb {
    /* background: #ccc; */
    background: #6D4AFF;
    position: absolute;
    z-index: -1;
}

::-webkit-scrollbar-track {
    background: #fff;
}


.text-primary {
    background: linear-gradient(90deg, #BDAAFF 8.49%, #899BFB 42.17%, #34D4FA 90.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-blue {
    color: #6d4aff;
}
.text-left {
    text-align: left!important;
}
.rounded-24 {
    border-radius: 24px!important;
}


/*---------------------------- Header Css Start ---------------------- */

header {
    width: 100%;
    height: auto;
    padding: 0px 0px;
    background: var(--Light-BG, #F7F5FF);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
}

header .logo {
    width: 200px;
    height: auto;
}

header .navbar .navbar-nav a {

    letter-spacing: 0em;
    text-align: left;
    text-decoration: none;
    position: relative;
    color: #16151C;
    margin-right: 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.headicon ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
}


.headimgicon {
    width: 25px;
    height: 25px;
}

.headicon ul li {
    margin-left: 20px;
}

.head_account {
    display: flex;
    align-items: center;
    /* width: 200px; */
}

.country_icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.country_box {
    background: transparent;
    width: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: all .5s ease;
}

.head_account a:hover .country_box {
    background: #e9e3ff;
}

.arrow_ico {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-left: 30px;
}



.head_account a {
    color: #6d4aff;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}

/* .head_account a:hover {
    color: #27b5d8;
} */

.linearrow {
    width: 2px;
    height: 35px;
    background: #ccc;
}

svg.account_ico {
    margin-left: 10px;
    margin-top: -1px;
}

.account_icons:hover svg.account_ico {
    margin-left: 20px;
    
    transition: all .5s ease;
    /* position: relative;
    right: -5px; */
    animation: bounce 0.6s;
    transition: 0.25s ease-in-out;

}

/* ----------- */

.btn_a a.button {
    color: #1b1340;
    text-decoration: none;
    position: relative;
    transition: 0.25s ease-in-out;
}
.btn_a:hover a.button svg {
    fill: #6d4aff;
}
.btn_a a.button:before, .btn_a a.button:after, .btn_a a.button #arrow {
    transition: 0.25s ease-in-out;
}
.btn_a a.button.cta {
    overflow: hidden;
}
.btn_a a.button.cta #arrow {
    margin-left: 17px;
    position: relative;
    z-index: 2;
    top: 0px;
}

.btn_a a.button.cta:hover #arrow {
    animation: bounce 0.6s;
    -webkit-animation: bounce 0.6s;
    -moz-animation: bounce 0.6s;
}
.btn_a a.button.cta:hover:before {
    width: 100%;
    background: rgba(255, 255, 255, .15);
}
@-webkit-keyframes bounce {
    0% {
        right: 0px;
   }
    25% {
        right: 4px;
   }
    50% {
        right: 10px;
   }
    100% {
        right: 0px;
   }
}



.brousertext {
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%;
}

img.icons_back {
    width: 100%;
    height: 100%;
}





/*---------------------------- Header Css Exit ---------------------- */

.loader img {
    width: 140px;
    border: 1;
    object-fit: contain;

}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    justify-content: center;
    z-index: 11;
    bottom: 0;
    padding-top: 14%;
    background: #fff;
    display: none;
}

.btn-loading {
    font-size: 14px;
    border-radius: 3px;
    padding: 2px 7px;
    float: right;
    font-weight: 200;
}

/*---------------------------- Banner Css Start ---------------------- */
.bg-shape {
    width: 100%;
}
.shape1 {
    left: 0;
    position: absolute;
    bottom: 0;
    width: 340px;
    z-index: 0;
}

.shape2 {
    right: -20px;
    position: absolute;
    top: -13px;
    z-index: 0;
    width: 200px;
}

footer .shape1 {
    left: -120px;
    position: absolute;
    bottom: -225px;
    width: 370px;
    /* left: 0; */
    z-index: 0;
}

footer .shape2 {
    right: 0px;
    position: absolute;
    top: -190px;
    z-index: 0;
    width: 285px;
}
footer .shape3 {
    left: 0;
    position: absolute;
    top: -65px;
    width: 150px;
    left: 328px;
    z-index: 0;
}
footer .shape4 {
    /* left: 0; */
    position: absolute;
    bottom: 60px;
    width: 100px;
    right: 328px;
    z-index: 0;
}



.banner h1 {
    /* color: #FCFDFF; */
    color: #e5e5e5;
    font-size: 45px;
    font-style: normal;
    text-align: center;
}

.banner p {
    color: #e5e5e5;
    font-size: 19px;
    font-style: normal;
    line-height: normal;
    text-align: center;
}

.bnr_inner {
    width: 100%;
    min-height: 354px;
    border-radius: 32px;
    background: #F7F5FF;
    padding: 0px 0px 30px 0px;
}

.bnr_inner .filed_box .field_block {
    height: 54px;
}

.filed_box .field_block {
    /* background: #e9e3ff; */
    /* display: flex; */
    /* justify-content: space-between; */
    align-items: center;
    /* padding: 8px 10px; */
    border-radius: 8px 0px 0px 8px;
}




.filed_box .input-group-text {
    background: #9b80ff00;
    padding: 15px;

    color: var(--Black, #16151C);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    border-radius: 8px;
}

.filed_box .input {
    color: var(--Black, #16151C);

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #9b80ff3b !important;
}

.filed_box input {
    background: #e9e3ff;
    color: var(--Black, #16151C);
    font-size: 18px;
    height: 56px !important;
    padding: 8px 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    width: 100%;
    border-radius: 0px;
    padding-right: 0;
}

.field_block .form-floating>.form-control,
.field_block .form-floating>.form-control-plaintext,
.field_block .form-floating>.form-select {
    height: 56px;
    min-height: 54px;
    line-height: 1.25;
    border-radius: 8px 0px 0px 8px;
    background: #e9e3ff;
}
.earn .field_block .form-floating>.form-select {
    font-size: 18px;
    padding: 24px 12px 10px;
}
body .form-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 .25rem transparent;
}

.singleField .field_block .form-floating>.form-control{
    border-radius: 8px 8px 8px 8px;
}
.singleField .form-floating>.form-control:focus~label{
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
.singleField .form-floating>.form-control~label {
    transform: inherit;
}
.singleBtn .captchaCode {
    border-radius: 8px 8px 8px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 4px;
    padding: 8px 10px;
    height: 56px;
}

.field_block .form-floating>.form-control:hover,
.field_block .form-floating>.form-control-plaintext,
.field_block .form-floating>.form-select:hover {
    background: #9b80ff54;
}
.field_block .form-floating>.form-control:disabled{

    background:var(--bs-secondary-bg);

}
.field_block .form-floating>.form-control:disabled:hover{

    background:var(--bs-secondary-bg);

}



.field_block .form-floating>label {
    padding: 15px .75rem;
}

.filed_box input:focus {
    background: #9b80ff00;
    box-shadow: none;
    border: 1px solid #e9e3ff;
}

.field_block p {
    margin-bottom: 0px;
    color: #16151C;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    padding-left: 10px;
}


.field_block.selectbox {
    border-radius: 0px 8px 8px 0px;
    padding: 14px;
}

.field_block.selectbox select {
    border: none;
}

.float-rate .toast-header {
    /* background: #dceefc!important; */
    border: none;
    display: block;
    /* border-radius: 6px; */
    line-height: 1;
    overflow: hidden;
    border-bottom-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-bottom-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.float-rate .toast-header .btn-close {
    font-size: 9px;
    margin-right: 3px;
}
.float-rate .bg-danger .toast-header .btn-close {
    display: none;
}

.float-rate .toast {
    box-shadow: none;
    border: none;

}
.float-rate .bg-success span {
    color: #147665;
}
body .form-control:focus {
    border-color: #e9e3ff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}


.btcbox {
    display: flex;
}

.btcbox span {
    color: var(--Black, #16151C);

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 10px;
}

.chevronico {
    font-size: 22px;
    color: #555;
}

.float-rate {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    position: relative;
    width: 100%;
    height: 32px;
}

.float-rate .shimmer{
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-bottom-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-bottom-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.padding_equal{
    padding: 0rem 0.75rem;
}

.floatbox {
    width: 100%;
    z-index: 2;
}

/* .refreshicon {
    width: 35px;
    height: 35px;
} */


.swapicon {
    background: #e4ddff;
    height: 30px;
    border-radius: 10px;
    color: #555;
    text-align: center;
    display: flex;
    align-items: center;
    width: 30px;
    justify-content: center;
}
.swapicon:hover{
    background: #9b80ff54;
}
.swapicon svg {
    font-size: 18px;
}
/* .swapicon:hover svg {
    fill: #9b80ff;
} */
.float-rate span {
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    line-height: 1.5;
    /* margin-left: 3px; */
}
.swapAlert .float-rate span {
    font-size: 13px;
    font-style: normal;
    font-weight: 100;
    line-height: normal;
    /* margin-left: 3px; */
}
.swapAlert .float-rate .toast-header {
    display: flex;
}
.earn .float-rate span {
    font-size: 16px;
    line-height: 1.5;
}
/* .alertBox span{
    font-size: 16px;
} */


span.fixedfont {
    font-weight: 700;
}


.float-rate::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 15px;
    width: 1px;
    height: 100%;
    /* background: #6D4AFF; */
    z-index: 1;
}

button.custombtn {
    padding: 10px 15px;
    border-radius: 8px;
    background: linear-gradient(to right, var(--myColor1), var(--myColor2), var(--myColor3));
    transition: --myColor1 .5s, --myColor2 .5s, --myColor3 .5s;
    border: none;
    height: 48px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* text-transform: capitalize; */
}

button.custombtn:hover {
    /* background: linear-gradient(90deg, #26B6D8 8.49%, #556EF2 42.17%, #987bff 90.94%); */
    /* opacity: 0.6; */
}

body button.custombtn {
    --myColor1: #987bff;
    --myColor2: #4e7aee;
    --myColor3: #26b6d8;
    background: linear-gradient(to right, var(--myColor1), var(--myColor2), var(--myColor3));
    transition: --myColor1 .5s, --myColor2 .5s, --myColor3 .5s;
    /* transition: all 0.5s ease-in; */
}
@property --myColor1 {
    syntax: '<color>';
    initial-value: #987bff;
    inherits: false;
}

@property --myColor2 {
    syntax: '<color>';
    initial-value: #4e7aee;
    inherits: false;
}
@property --myColor3 {
    syntax: '<color>';
    initial-value: #26b6d8;
    inherits: false;
}

body button.custombtn:hover {
    --myColor1: #987bff;
    --myColor2: #987bff;
    --myColor3: #4e7aee;
}


.quickbox {
    background: transparent;
    display: flex;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-top: 40px; */
    /* margin-bottom: 40px; */
}

.quickbox.purple {
    border-bottom: 2px solid #987bff;
}

.quickbox.blue {
    border-bottom: 2px solid #4e7aee;
}

.quickbox.lightblue {
    border-bottom: 2px solid #26b6d8;
}
/* ----------------- */
.card.purple {
    border: 2px solid #987bff;
}

.card.blue {
    border: 2px solid #4e7aee;
}

.card.lightblue {
    border: 2px solid #26b6d8;
}
/* ------------------- */
.purple-gradient {
    --myColor1: #987bff;
    --myColor2: #4e7aee;
    background: linear-gradient(to right, var(--myColor1), var(--myColor2));
    transition: --myColor1 .5s, --myColor2 .5s;
    /* transition: all 0.5s ease-in; */
}
.blue-gradient {
    --myColor2: #4e7aee;
    background: linear-gradient(to right, var(--myColor2), var(--myColor2));
    transition: --myColor2 .5s, --myColor3 .5s;
    /* transition: all 0.5s ease-in; */
}
.lightblue-gradient {
    --myColor2: #4e7aee;
    --myColor3: #26b6d8;
    background: linear-gradient(to right, var(--myColor2), var(--myColor3));
    transition: --myColor2 .5s, --myColor3 .5s;
    /* transition: all 0.5s ease-in; */
}

/* -------------------- */
.swift_browser {
    /* width: 100%;
    height: auto;
    background: rgb(151, 123, 255);
    background: linear-gradient(315deg, rgb(151 123 255 / 10%) 0%, rgb(78 122 238 / 10%) 51%, rgb(38 182 216 / 10%) 100%);
    border-radius: 20px;
    padding: 15px; */

    width: 100%;
    height: auto;
    /* background: rgb(151, 123, 255); */
    /* background: linear-gradient(315deg, rgb(151 123 255 / 10%) 0%, rgb(78 122 238 / 10%) 51%, rgb(38 182 216 / 10%) 100%); */
    /* border-radius: 20px; */
    /* padding: 15px; */
    /* margin-top: 40px; */
    position: relative;

}

.swift_browser h5 {
    font-size: 18px;
    font-weight: 100;
}

.iconblock {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    /* margin-bottom: 5px; */
    padding: 5px;
}

.iconblockimg {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.quicktext {
    margin-left: 0px;
    /* margin-top: 5px; */
}

svg.typesearch {
    font-size: 32px;
    color: #555;
}

.quickbox h5 {
    /* color: #f7f5ff; */
    color: #e5e5e5;
    font-size: 17px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    margin-bottom: 10px;
}

.swift_browser h5 {
    color: #e5e5e5;
}

.quickbox p {
    color: var(--Black-Down, #1F1E31);

    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-align: left;
    margin-bottom: 0px;
}



/*---------------------------- Banner Css Exit ---------------------- */




/*---------------------------- Whychoose Cards Css Start ---------------------- */

.cards_sec {
    width: 100%;
    height: auto;
    /* background: #ffffff; */
}

.cards_sec .custom-head {
    width: 100%;
    height: auto;
    position: relative;
}

.cards_sec .custom-head h2 {
    color: #1b1340;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}


.cards_sec .custom-head p {
    color: #1b1340;
    /* font-size: 18px; */
    font-style: normal;
    /* margin-top: 20px; */
    /* line-height: 27px; */
    text-align: center;
}









/*---------------------------- Whychoose Cards Css Exit ---------------------- */


/*---------------------------- Trusted Css Start ---------------------- */

.trusted {
    width: 100%;
    height: auto;
}


.logobox {
    width: 100%;
    height: auto;
    border-radius: 6px;
    /* border: 1px solid #ccc;
    background: var(--Light-BG, #F7F5FF); */
    /* padding: 16px; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}

.logobox:hover {
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logobox.active {
    width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid var(--Primery-Button-Color, #987BFF);
    background: var(--Light-BG, #F7F5FF);
    padding: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* .logobox.active img {
    filter: grayscale(0);
} */
.logobox img {
    filter: brightness(0) grayscale(0.8);
    cursor: pointer;
    /* filter: brightness(0) grayscale(); */
    width: 112px;
    height: 40px;
    object-fit: contain;
}

/* .logobox:hover {
    border: 1px solid var(--Primery-Button-Color, #987BFF);
} */


.logobox:hover img {
    filter: grayscale(0);
}



/*---------------------------- Trusted Css Exit ---------------------- */


/*---------------------------- Fast Secure Css Start ---------------------- */

.fastsecure {
    width: 100%;
    height: auto;
}

.browserbox {
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(152, 123, 255, 0.10) 8.49%, rgba(85, 110, 242, 0.10) 42.17%, rgba(38, 182, 216, 0.10) 90.94%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 170px;
}


/*---------------------------- Fast Secure Css Exit ---------------------- */


button.select-btn {
    background: #e9e3ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    height: 56px;
    border-radius: 0px 8px 8px 0px;
    border: none;
    width: 100%;
}

.Currency-list li {
    height: 40px;
    padding: 8px 24px;
}

.Currency-list li.active {
    background-color: #d9ceff;
}
.Currency-list li:hover{
    background-color: #f7f5ff;
}

.item-select {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.item-name {
    /* color: #999; */
    font-size: 14px;
    font-weight: 200;
}


.item-select span {
    color: var(--Black, #16151C);

    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



.select-modal {
    width: 100%;
    /* min-height: 360px; */
    min-height: auto;
    /* background: #fff; */
    border-radius: 8px 8px 0px 0px;
    z-index: 99999;
    position: relative;
    fill: var(--Bright, #FCFDFF);
    /* filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25)); */
    /* border-radius: 0px 0px 20px 20px; */
}
.type_selectbox {
    position: absolute;
    width: 100%;
    z-index: 1111;
}
.select-modal .modal-backdrop {
    --bs-backdrop-bg: #1b1440;
}


button.select-btn:hover .select-modal {
    width: 600px;
    height: 500px;
    background: #fff;
    z-index: 99999;
    position: absolute;
    top: 330px;
    left: 39%;
    fill: var(--Bright, #FCFDFF);
    filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
    border-radius: 0px 0px 20px 20px;
    visibility: visible;
    opacity: 1;

}


.search_ticket {
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    height: 54px;
    background: #fff;
    color: #ececec;
    border-bottom: 0.40px solid #ececec;
    fill: var(--Bright, #FCFDFF);
    /* filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.25)); */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.selectclose {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.search_ticket input {
    color: var(--Black3, #646468);
    text-align: left;
    font-size: 14px;
    background: #fff;
    font-style: normal;
    font-weight: 400;
    height: 50px !important;
    line-height: 24px;
    /* border-bottom: 1px solid #ececec!important; */
    padding: 10px 0px;
    width: 100%;
    margin: 0px 10px;
    border: none;
    padding-left: 10px;
}

.search_ticket input:focus {
    outline: none;
}

.tiketicon {
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.select-modal .table_popular {
    width: 100%;
    height: auto;
    background: #fff;
    /* padding: 10px 0px; */
    padding: 0px;
    overflow-y: auto;
    max-height: 280px;
}
.curListBtm{
    margin-bottom : 0px;
}

.greenTxt{
    color: green;
}

.table_popular table {
    border: none;
    table-layout: fixed;
    width: 100%;
}

.table_popular h6 {
    color: var(--White-Dul, #7C7C7C);
    padding-left: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
    /* line-height: 24px; */
    text-align: left;
}

.table_popular table tbody tr td {
    padding: 15px;
    border: none;
}

.table_popular table tbody tr.active td {
    /* padding: 15px; */
    padding: 10px;
    border: none;
}

.table_popular table tbody tr:hover td {
    /* background: #d9ceff; */
    background: #f7f5ff;
}

/* .table_popular table tbody tr:hover td:first-child {
    border-radius: 10px 0px 0px 10px;
}

.table_popular table tbody tr:hover td:last-child {
    border-radius: 0px 10px 10px 0px;
} */

/* .table_popular table tbody tr.active {
    background: #d9ceff;
} */

/* .table_popular table tbody tr:first-child td {
    background: #d9ceff;
    border-radius: 10px 0px 0px 10px;
} */

/* .table_popular table tbody tr:first-child td {
    background: #d9ceff;
    border-radius: 0px 10px 10px 0px;
} */

.table_popular table tbody tr.active td {
    background: #d9ceff;
    /* border-radius: 10px 0px 0px 10px; */
}

/* .table_popular table tbody tr:first-child td:last-child {
    background: #d9ceff;
    border-radius: 0px 10px 10px 0px;
} */




/* .table_popular table tbody tr:hover td:first-child {
    border-radius: 10px 0px 0px 10px;
}

.table_popular table tbody tr:hover td:last-child {
    border-radius: 0px 10px 10px 0px;
} */

.exchange_rate {
    width: 100%;
    height: auto;
    background: yellow;
    display: none;
}




/*---------------------------- About Us  Css Start ---------------------- */

.aboutus {
    width: 100%;
    height: auto;
}

.browserbox {
    border-radius: 16px;
    background: linear-gradient(90deg, rgba(152, 123, 255, 0.10) 8.49%, rgba(85, 110, 242, 0.10) 42.17%, rgba(38, 182, 216, 0.10) 90.94%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 170px;
}

.pressbox img {
    width: 131px;
    object-fit: contain;
}

.pressbox:hover {
    border: 1px solid var(--Primery-Button-Color, #987BFF);
}

.pressbox {
    width: 100%;
    min-height: 318px;
    border-radius: 24px;
    cursor: pointer;
    border: 1px solid transparent;
    /* border: 1px solid #ccc; */
    background: #fff;
    /* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50); */
    padding: 30px 20px;
}

.pressbox:hover p.bluetext {
    color: #6d4aff;
}

/* .pressbox.active,
.pressbox:hover {
    border: 1px solid var(--Primery-Button-Color, #987BFF);
} */

.pressbox p {
    color: #1b1340;
    font-size: 18px;
    font-style: normal;
    line-height: 27px;
    margin-bottom: 0px;
}

.shape_icon {
    width: 30px;
    height: auto;
}

.text_press {
    padding: 30px 0px;
    min-height: 168px;
}

p.bluetext {
    /* color: var(--Primery-Color, #6D4AFF); */
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    min-height: 54px;
    /* line-height: 27px; */
    /* margin: 0px 0px 20px 0px; */
}

span.token-network {
    padding: 5px 20px;
    background: bisque;
    font-size: 14px;
    border-radius: 20px;
    margin-left: 15px;
}

/*---------------------------- About Us  Css Exit ---------------------- */



/*---------------------------- How Work Css Start ---------------------- */


.howork {
    width: 100%;
    height: auto;
}

.watch_video {
    color: var(--Black, #16151C);
    text-align: center;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

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

.choosebolck {
    width: 260px;
    height: auto;
    /* border: 1px solid #ccc; */
    padding: 30px 20px;
    cursor: pointer;
    text-align: center;
    border-radius: 16px;
    background: #fff;
    /* box-shadow: 0px 0px 4px 0px rgba(79, 78, 85, 0.50); */
}



.choosebolck.acitve {
    border-radius: 16px;
    border: 1px solid var(--Primery-Button-Color, #987BFF);
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(79, 78, 85, 0.50);
}

/* .choosebolck:hover {
    border: 1px solid var(--Primery-Button-Color, #987BFF);
} */

.choosebox {
    border-radius: 16px;
    background: rgba(155, 128, 255, 0.20);
    width: 60px;
    height: 60px;
    display: flex;
    margin-bottom: 23px;
    justify-content: center;
    align-items: center;
    margin: 0px auto 5px auto;
}


.choosebolck h4 {
    color: var(--Black, #16151C);

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}

.choosebolck p {
    color: var(--Black-Down, #1F1E31);
    text-align: center;

    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 0px;
}

.longarrow {
    width: 100%;
}



/*---------------------------- How Work  Css Exit ---------------------- */



/*---------------------------- Add Axchange Css Start ---------------------- */

.exchange {
    width: 100%;
    height: auto;
    position: relative;
}

.exchange_inner {
    width: 100%;
    height: auto;
    border-radius: 32px;
    background: var(--Light-BG, #F7F5FF);
    padding: 50px;
    position: relative;
}

.swap_block h4 {
    color: var(--Black, #16151C);

    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
}

.swap-head {
    width: 100%;
    display: flex;
}

.swapbox {
    width: 100%;
    height: auto;
    border-radius: 6px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 10px;
    margin: 0px 10px;
}

.swapbox span {
    color: var(--Black-Down, #1F1E31);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    margin-left: 10px;
}


.testimonial-trusted {
    width: 100%;
    height: auto;
    background: #fff;
}

.add_exchangetext {
    width: 100%;
    height: auto;
    padding: 50px 0px 0px 0px;
    position: relative;
    border-radius: 32px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.add_exchangetext h2 {
    color: var(--Black, #16151C);

    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    text-align: center;
    margin-bottom: 30px;
}




.inter_wallet {
    border-radius: 32px 32px 0px 0px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    height: auto;
    padding: 50px;
}

.inter_wallet h5 {
    color: var(--Black, #16151C);
    text-align: left;

    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    /* 229.167% */
}


.inter_wallet input {
    color: #FFF;
    text-align: left;

    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #d9ceff;
    padding: 12px 10px;
    border-radius: 8px 0px 0px 8px;
}

.additional {
    border-radius: 0px 0px 32px 32px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    height: auto;
    padding: 50px;
    position: relative;
}

.additional input {
    color: #FFF;
    text-align: left;

    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #d9ceff;
    padding: 12px 10px;
    border-radius: 8px 0px 0px 8px;
}



/*---------------------------- Add Axchange Css Exit ---------------------- */




.wallet_sec {
    width: 100%;
    height: auto;
    position: relative;
}

.amoutpaid_box {
    /* background: var(--Bright, #FCFDFF); */
    width: 100%;
    height: auto;
    border: none;
    /* padding: 50px; */
}

.amoutpaid_head p {
    color: var(--Dark-1, #151515);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 10px;
}

.amoutpaid_head h4 {
    color: var(--Dark-1, #151515);
    text-align: right;
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.amoutpaid_head span {
    color: var(--Dark3, #3C3C3C);
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right;
    padding-left: 5px;
}

.wallet_sec .accordion .accordion-body {
    line-height: 150%;
    color: #000;
}

.wallet_sec-section h2 {
    font-size: 3rem;
    margin: 0px 0px 10px 0px;
    color: #000000;
    font-weight: 700;
}

.wallet_sec .accordion .accordion-body {
    line-height: 150%;
    color: #555;
    border-radius: 0px 0px 10px 10px;
}

.wallet_sec .accordion-header {
    border-radius: 50px;
}

.wallet_sec button.accordion-button.collapsed {
    border: none;
    font-weight: 300;
    border-radius: 8px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px #6D4AFF;
}

.wallet_sec .accordion-item {
    background: transparent !important;
    border: none !important;
}

.wallet_sec .accordion-item:first-of-type .accordion-button {
    border: none;
    font-weight: 300;
    border-radius: 8px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px #6D4AFF;
}


.wallet_sec .accordion .accordion-button {
    padding: 15px;
    color: var(--Dark3, #3C3C3C);
    text-align: center;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.wallet_sec .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 10px;
}


.wallet_sec .accordion-button::after {
    filter: none;
}

.wallet_sec button.accordion-button.collapsed::after {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wallet_sec .accordion-button:not(.collapsed)::after {
    width: 30px;
    height: 30px;
    /* background-image: url(../images/banner_back.png); */
    background-image: url('../icons/down_ico.svg') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: none;
}

.wallet_sec .accordion-button::after {
    width: 30px;
    height: 30px;
    background-image: url(../icons/down_ico.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.wallet_sec .accordion-button:not(.collapsed)::after {
    width: 30px;
    height: 30px;
    background-image: url(../icons/down_ico.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.wallet_sec .accordion-button:not(.collapsed) {
    border: none;
    font-weight: 300;
    border-radius: 8px;
    background: #FFF !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.usdblock {
    display: flex;
    justify-content: end;
    width: 100%;
    flex-direction: column;
    text-align: right;
}


.usd_inline {
    display: flex;
    justify-content: end;
}


.wallet_sec h2 {
    color: var(--Black, #16151C);

    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}


.send_deposit {
    width: 100%;
    height: auto;
}

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

.codetext {
    display: flex;
}

.send_deposit p {
    color: var(--Black, #16151C);

    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.depositfield {
    border-radius: 8px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 12px 15px;
    color: var(--Black, #16151C);

    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


.depositaddress {
    width: 100%;
    height: auto;
}

.deposit_inr {
    width: 100%;
    height: auto;
    background: #9b80ff2e;
    padding: 35px;
    border-radius: 20px;
}

.qrcodetext {
    width: 63%;
    word-break: break-word;
}


.qrcodetext p {
    color: var(--Black3, #646468);

    font-size: 18px;
    font-style: normal;
    line-height: 27px;
    padding-top: 20px;
    padding-left: 15px;
}


.deposit_bottom_block {
    /* width: 100%; */
    width: 200px;
    text-align: center;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 8px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 18%);
    margin-left: 10px;
    margin-right: 10px;
}

.deposit_bottom_block.active {
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 40%);
}

.deposit_bottom_block p {
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    font-size: 18px;
    color: #838383a8;
}

.deposit_bottom_block.active p {
    color: #151515;
}

.red-alert {
    color: #ff0000;
}





/*----------------------- Deposite Pass Css Start -------------------- */



.need_help {
    width: 100%;
    height: auto;
    border-radius: 8px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
}

.exchangeid {
    width: 100%;
    display: flex;
    align-items: center;
}

.exchangeid span {
    font-size: 24px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    color: #1F1E31;
}

.exchangeid input {
    width: 45%;
    background: transparent;
    border: none;
    font-size: 24px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    color: #1F1E31;

}

.exchangeid input:focus {
    box-shadow: none;
}

.help_right {
    text-align: end;
}

.help_right span {
    font-size: 16px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
    color: #6D4AFF;
}

.deposit_content {
    padding: 0px 70px 60px;
}


.deposit_bottom {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 30px 75px;
    border-radius: 0px 0px 32px 32px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}


.deposit_bottom_block img {
    filter: opacity(0.5);
}

.deposit_bottom_block.active img {
    filter: opacity(1);
}


.operating_head h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 25px;
}

.operating_head {
    border-bottom: 1px solid #ccc;
}


.operating_box {
    width: 100%;
    height: auto;
    border-radius: 16px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
}

.ethbox {
    font-size: 18px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
}


.exchangeid input::placeholder {
    color: #151515;
}

.btcoin p {
    background: #f7f5ff;
    padding: 10px 12px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 0px;
}

.depositfield.btcoin {
    display: flex;
    align-items: center;
}


.recieptbox {
    width: 100%;
    height: auto;
    background: #9b80ff2e;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recieptbox p {
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 38px;
    padding-right: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #646468;
    font-size: 18px;
}

span.icobox {
    width: 50px;
    height: 50px;
    background: #fafafa;
    padding: 12px;
    border-radius: 5px;
}

span.icobox:hover {
    background: #6d4aff;
}

span.icobox:hover img {
    filter: brightness(2.5);
}





/*----------------------- Deposite Pass Css Exit -------------------- */



/*-----------------------  Pending Deposite Css Start -------------------- */

.pendingdeposit {
    width: 100%;
    height: auto;
}

.deposit_para {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    color: #3c3c3c94;
    text-align: center;
    font-family: Rubik;
}


.deposit_bottom_block.checkblock {
    background: rgba(82, 240, 145, 0.10);
    box-shadow: 0px 0px 2px 0px #35C26E;
}

.deposit_bottom_block.checkblock p {
    color: #35C26E;
}

.deposit_bottom_block.checkblock img {
    filter: opacity(1);
}

.brnexchange_sec {
    width: 100%;
    height: auto;
    position: relative;
}

.bnr_exchange {
    width: 100%;
    height: auto;
}


.brntext_block {
    position: absolute;
    top: 130px;
    right: 70px;
    width: 45%;
}

.brntext_block h3 {
    font-size: 42px;
    font-weight: 600;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: right;
    color: #FCFDFF;
}


.start_exchange {
    width: 100%;
    height: 150px;
    position: relative;
    border-radius: 32px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
}

.start_exchange a {
    font-size: 24px;
    font-weight: 300;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #5274F0;
    text-decoration: none;
}



/*-----------------------  Pending Deposite  Css Exit -------------------- */


/*-----------------------  Confirming  Css Start -------------------- */

.confirming {
    width: 100%;
    height: auto;
}


/*-----------------------  Confirming  Css Exit -------------------- */


/*-----------------------  Exchanging  Css Start -------------------- */


.exchanging {
    width: 100%;
    height: auto;
}


/*-----------------------  Exchanging  Css Exit -------------------- */


/*-----------------------  Sending Css Start -------------------- */


.sending {
    width: 100%;
    height: auto;
}


/*-----------------------  Sending Css Exit -------------------- */


/*-----------------------  Successful Css Start -------------------- */


.successful {
    width: 100%;
    height: auto;
}

.successful_content {
    width: 100%;
    height: auto;
    position: relative;
}

.succe_back {
    width: 100%;
    height: auto;
}

.finish_block h4 {
    text-align: center;
    font-size: 42px;
    font-weight: 500;
    line-height: 55px;
    letter-spacing: 0em;
}


.finish_block {
    position: absolute;
    top: 65%;
    left: 50%;
    width: 40%;
    height: auto;
    transform: translate(-50%, -50%);
}


.promocode_box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    color: #646468;
}

.promocode_box span {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    color: #5274F0;
}




/*-----------------------  Successful Css Exit -------------------- */

.exchange_details {
    /* width: 100%;
    height: auto;
    padding: 50px;
    position: relative;
    border-radius: 32px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */

    width: 100%;
    height: auto;
    padding: 50px;
    position: relative;
    border-radius: 32px;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 343px;
}


.exchange_details h2 {
    font-weight: 500;
    line-height: 55px;
    letter-spacing: 0em;
    text-align: center;
    color: #16151C;
    font-size: 42px;
    margin-bottom: 40px;
}


.clicking p {
    font-size: 16px;
    font-weight: 200;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    color: #646468;
}

.clicking a {
    text-decoration: none;
    color: #957afe;
}


.addinform {
    width: 320px;
    height: 55px;
    border-radius: 60px 60px 0px 0px;
    position: absolute;
    top: -55px;
    /* left: 500px; */
    left: 215px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--Bright, #FCFDFF);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 18%);
}


.addinform span {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
}

.infoico {
    transform: rotate(180deg);
}

.tab_style1.exchange_details .nav-pills .left_tab.nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    /* transform: skewX(-23deg); */
    transform: none !important;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: rgb(236, 241, 247);
    /* border-bottom-left-radius: 16px; */
    cursor: pointer;
    box-shadow: rgb(210, 220, 232) 0px -2px 34px inset;
    border-radius: 16px !important;
    color: #16151C;
    font-weight: 500;
}

.tab_style1.exchange_details .nav-pills .right_tab.nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    height: 100%;
    /* transform: skewX(23deg); */
    transform: none !important;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: rgb(236, 241, 247);
    /* border-bottom-left-radius: 16px; */
    border-radius: 16px !important;
    cursor: pointer;
    box-shadow: rgb(210, 220, 232) 0px -2px 34px inset;
    color: #16151C;
    font-weight: 500;
}
/* ---------------------- */

.getstep_sec {
    background: #f7f5ff;
}


.getstep_sec .custom-head,
.testimonial-trusted .custom-head,
.aboutus .custom-head {
    width: 100%;
    height: auto;
    position: relative;
}


.getstep_sec .custom-head h2,
.testimonial-trusted .custom-head h2,
.aboutus .custom-head h2,.crytpocurrency h2 {
    color: #1b1340;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.getstep_sec .custom-head p .testimonial-trusted .custom-head p,
.aboutus .custom-head p {
    color: #1b1340;
    /* font-size: 18px; */
    font-style: normal;
    margin-top: 20px;
    line-height: 27px;
    text-align: center;
}




/*----------------------- Counter Section Start ------------------ */

.counter_sec {
    width: 100%;
    height: auto;
    /* min-height: 250px; */
    background-image: url(../images/info.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}


.counter_sec .custom-head {
    width: 100%;
    height: auto;
    position: relative;
}

.counter_sec .custom-head h2 {
    color: var(--Black, #16151C);
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}

.counter_sec p {
    color: var(--Black-Down, #1F1E31);
    font-size: 18px;
    font-style: normal;
    margin-top: 20px;
    line-height: 27px;
    text-align: center;
}

.counterbox {
    text-align: center;
}

.counterbox h2 {
    font-size: 40px;
    font-weight: 300;
    color: #e5e5e5;
    text-align: center;
}




.counterbox span {
    font-size: 40px;
    font-weight: 300;
    color: #e5e5e5;
    text-align: center;
}

span.small_conut {
    font-size: 30px;
    font-weight: 300;
    color: #e5e5e5;
    text-align: center;
}

.counterbox p {
    font-weight: 300;
    color: #e5e5e5;
    font-size: 18px;
    font-style: normal;
    line-height: 27px;
    text-align: center;
    /* background: linear-gradient(90deg, #BDAAFF 8.49%, #899BFB 42.17%, #34D4FA 90.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.countertext1 {
    background: linear-gradient(90deg, #BDAAFF 70.49%, #899BFB 85.17%, #34d4fa 0.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.countertext2 {
    background: linear-gradient(90deg, #BDAAFF 4.49%, #899BFB 13.17%, #34d4fa 123.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.countertext3 {
    background: linear-gradient(90deg, #BDAAFF -0.51%, #899BFB 11.17%, #34d4fa 268.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.countertext4 {
    background: linear-gradient(90deg, #BDAAFF 0.49%, #899BFB -0.83%, #34d4fa 29.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/*----------------------- Counter Section Exit ------------------ */


.form-floating>.form-control~label {
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}


.dotsloader {
    width: 100%;
    position: absolute;
    top: 23px;
    left: 0px;
}

/* .dotsloader .snippet {
    position: relative;
    background: #fff;
} */


/* .dotsloader .stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 32px 0;
    margin: 0 -5%;
    overflow: hidden;
} */

.dotsloader .filter-contrast {
    filter: contrast(5);
    background-color: white;
}

.dotsloader .stage {
    margin-left: 30px;
    margin-top: 7px;
}

.dotsloader .dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}

.dotsloader .dot-flashing::before,
.dot-flashing::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}

.dotsloader .dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 0s;
}

.dotsloader .dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite alternate;
    animation-delay: 1s;
}



@keyframes dot-flashing {
    0% {
        background-color: #9880ff;
    }

    50%,
    100% {
        background-color: rgba(152, 128, 255, 0.2);
    }
}
@keyframes dot-flashing2 {
    0% {
        background-color: #0cff00;
    }

    50%,
    100% {
        background-color: rgba(12, 255, 0, 0.2);
    }
}



.rate_padding {
    padding: 0px;
}




.addexchange_sec {
    position: static;
}

.swap_banner h6{
	font-size: 1.1rem;
    line-height: 27px;
}


/*---------------------------- Responsive Start ---------------------- */

@media (min-width: 760px){
    body .ctm-col {
        width: 760px;
        max-width: 760px;
    }

}

@media (min-width: 768px){
    body .ctm-container, body .ctm-container-md, body .ctm-container-sm {
        max-width: 784px;
    }
    .Currency-list .item-select {
        min-width: 250px;
    }

}
@media (min-width: 992px){
  
}
@media (min-width: 951px) and (max-width: 991px) {
    body .container, body .container-md, body .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1006px) and (max-width: 1200px) {
    body .brandingbox .text {
        font-size: 20px;
    }
    body .brandingbox .symbol {
        font-size: 38px;
    }
    body .brandingbox .number {
        font-size: 62px;
    }
}

@media (min-width: 856px){
body .ctm-col {
    width: 856px;
    max-width: 856px;
}}


@media (min-width: 769px) and (max-width: 1024px) {
    .addinform {
        position: absolute;
        top: -55px;
        left: 320px;

    }


    .brntext_block {
        position: absolute;
        top: 80px;
    }

    .brntext_block h3 {
        font-size: 33px;
        line-height: normal;
    }


    .succe_back {
        width: 100%;
        height: 880px;
        object-fit: cover;
    }

    .finish_block {
        position: absolute;
        top: 65%;
        left: 50%;
        width: 90%;

    }







}

@media (max-width: 991px) {
    img.icons_back {
        height: 127px;
    }
}


@media (max-width: 768px) {
    .item-select {
        margin-right: 6px;
    }
    .item-select img {
        width: 25px;
    }
    .item-name {
        font-size: 12px;
    }
    .item-select span {
        font-size: 16px;
    }
    

    header .navbar-toggler {
        border: none;
    }

    header .navbar-toggler:focus {
        box-shadow: none;
        border: none;
    }

    header .navbar-toggler {
        border: none;
    }

    header .navbar-toggler:focus {
        box-shadow: none;
        border: none;
    }

    .choosebolck_inner {
        display: flex;
        flex-direction: column;
    }

    .choosebolck {
        width: 100%;
        height: auto;
    }

    .deposit_bottom {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
    }


    .deposit_bottom_block {
        width: 100%;
        height: 150px;
        margin-bottom: 21px;
    }


    .qrcode_inner {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .copybox {
        margin-top: 25px;
    }

    .recieptbox p {
        word-break: break-word;
    }

    .addinform {
        position: absolute;
        top: -55px;
        left: 200px;
    }



    .brntext_block {
        position: absolute;
        top: 80px;
    }

    .brntext_block h3 {
        font-size: 25px;
        line-height: normal;
    }

    .copybox {
        display: flex;
    }


    .successful_content {
        width: 100%;
        height: 720px;
        position: relative;
    }

    .finish_block {
        position: absolute;
        top: 80%;
        left: 50%;
        width: 90%;
    }

    .succe_back {
        width: 100%;
        height: 880px;
        object-fit: cover;
    }


    .add_exchangetext {
        width: 100%;
        margin-top: 150px;
    }


    img.icons_back {
        width: 100%;
        height: 120px;
    }

    .addexchange_sec .exchange_details {
        width: 100%;
        position: relative;
        min-height: 430px;
    }


    .addexchange_sec .filed_box {
        padding: 0px 24px 0px;
        width: 620px;
        position: absolute;
        top: 225px;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }







}


@media (max-width: 767px) {
    footer .shape1 {
        position: absolute;
        bottom: -148px;
        width: 250px;
        /* left: 0; */
        z-index: 0;
    }
    footer .shape3 {
        left: 187px;
    }
    footer .shape4 {
        /* left: 0; */
        position: absolute;
        bottom: 100px;
        width: 69px;
        right: 178px;
        z-index: 0;
    }
    footer .shape3 {
        position: absolute;
        top: -65px;
        width: 130px;
        left: 130px;
        z-index: 0;
    }
    .rate_padding {
        padding: 15px 0px;
    }

    .addexchange_sec .filed_box {
        padding: 0px 24px 0px;
        width: 440px;
        position: absolute;
        top: 225px;
        left: 50%;
        transform: translate(-50%);
        z-index: 1;
    }

    .swap-head {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .swapbox {
        margin-bottom: 15px;
    }

    .addinform {
        position: absolute;
        top: -55px;
        left: 100px;
    }

}

@media (max-width: 500px) {
footer .shape3 {
    position: absolute;
    top: -65px;
    width: 110px;
    left: 20px;
    z-index: 0;
}
footer .shape2 {
    right: 0px;
    position: absolute;
    top: -100px;
    z-index: 0;
    width: 170px;
}
footer .shape4 {
    position: absolute;
    bottom: 100px;
    width: 69px;
    right: 0;
    z-index: 0;
}
footer .shape1 {
    left: -100px;
    position: absolute;
    bottom: -125px;
    width: 227px;
    /* left: 0; */
    z-index: 0;
}


}

@media (max-width: 480px) {
    .choosebolck {
        width: 100%;
        height: auto;
    }

    .addinform {
        position: absolute;
        top: -56px;
        left: 35px;

    }

    .swap-head {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .swapbox {
        margin: 0px;
        margin-bottom: 20px;
    }


    .exchange_details h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }


    .exchange_details {
        padding: 25px;
    }

    .filed_box {
        padding: 0px 0px;
    }

    .inter_wallet {

        padding: 30px;
    }


    img.icons_back {
        width: 100%;
        height: 120px;
    }


    .wallet_sec h2 {
        font-size: 32px;
    }

    .social_icon {
        text-align: left !important;
    }

    .additional {
        padding: 30px;

    }


    .exchangeid span {
        font-size: 16px;
    }


    .exchangeid {
        display: flex;
        justify-content: center;
    }


    .exchangeid input {
        width: 55%;
        font-size: 16px;
    }

    .help_right {
        text-align: center;
    }

    .add_exchangetext h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .qrcode_inner {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .codetext {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
    }




    .qrcodetext {
        width: 100%;
        word-break: break-word;
    }

    .deposit_content {
        padding: 0px 20px 60px;
    }

    .qrcodetext p {
        padding-left: 0px;
    }

    .deposit_bottom {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .copybox {
        margin-top: 15px;
    }

    .deposit_bottom {
        padding: 30px 25px;
    }


    .deposit_bottom_block {
        width: 100%;
        height: 150px;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
    }


    .depositfield.btcoin {
        display: flex;
        font-size: 16px;
        justify-content: space-between;
    }

    .recieptbox {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* flex-direction: column; */
    }

    .recieptbox p {
        word-break: break-word;
    }

    .copybox {
        margin-bottom: 15px;
    }

    .wallet_sec .accordion .accordion-button {
        text-align: left;
    }


    .codetext img {
        width: 100%;
        height: 200px;
        object-fit: contain;
    }

    .depositfield.btcoin {
        display: flex;
        flex-direction: column;
    }

    .btcoin {
        margin-top: 15px;
    }

    .brntext_block {
        position: absolute;
        top: 40px;
        right: 20px;
        width: 65%;
    }

    .brntext_block h3 {
        font-size: 18px;
        line-height: normal;
    }

    .start_exchange {
        width: 100%;
        height: 100px;
    }

    .deposit_bottom_block p {
        margin-bottom: 0px;
    }

    .successful_content {
        width: 100%;
        height: 720px;
    }

    .succe_back {
        width: 100%;
        height: 880px;
        object-fit: cover;
    }

    .finish_block {
        position: absolute;
        top: 75%;
        left: 50%;
        width: 90%;
        height: auto;
        transform: translate(-50%, -50%);
    }

    .add_exchangetext {
        margin-top: 20px;
    }


    /* .float-rate {
        width: 100%;
        height: 75px;
    } */

    .addexchange_sec .filed_box {
        width: 365px;
        position: absolute;
        top: 200px;
  
    }











}


@media (max-width: 425px) {
    .rate_padding {
        padding: 15px 0px;
    }
}

@media (max-width: 390px) {
    .addinform {
        position: absolute;
        top: -55px;
        left: 0px;
        width: 100%;

    }

    .exchange_details {
        padding: 20px 10px;
    }


    .add_exchangetext h2 {
        font-size: 22px;
    }

    .deposit_para {
        font-size: 15px;
    }

    .start_exchange a {
        font-size: 18px;
    }


    .finish_block h4 {
        font-size: 32px;
    }


    .addexchange_sec .filed_box {
        width: 350px;
        position: absolute;
        top: 200px;
    }





}


span.error-message{
    float: left;
    color: red;
}

@media (max-width: 320px) {

    .bnr_inner {
        width: 100%;
        min-height: 360px;
    }

    img.icons_back {
        width: 100%;
        height: 110px;
    }

    .swift_browser h5 {
        font-size: 14px;
        font-weight: 100;
    }

    .download-browser ul li {
        width: 25px !important;
    }

    .download-browser ul li img {
        width: 25px;
        height: 25px;
    }

    .rate_padding {
        padding: 10px 0px !important;
    }

    .float-rate span {
        margin-left: 0px;
    }

    .addexchange_sec .filed_box {
        width: 300px;
        position: absolute;
        top: 200px;
    }

    .alert_block.warningBlock {
        min-height: 120px;
    }

    .alert_block.warningBlock .warningIconbox {
        min-height: 120px;
        width: 100px;
    }


}

select#subjectClassBold{
    color: var(--bs-body-color)
}

select#subject{
    color: #999
}

.faqNewAcc h6 {
    padding-left: 0.3rem;
}
.faqNewAcc ul {
    padding-left: 2.5rem;
}


.copytag{
    cursor: pointer;
}

/*---------------------------- Responsive Exit ---------------------- */


/* .alertIconbox {
    display: flex;
    align-items: center;
} */

/* .soonvip {
    color: #6d4aff;
    font-size: 9px;
    position: absolute;
    top: -3px;
    right: -14px;
}
.soontrans {
    color: #6d4aff;
    font-size: 9px;
    position: absolute;
    top: -25px;
    right: 30px;
}

.soonstatic{
    color: #6d4aff;
    font-size: 9px;
    position: absolute;
    top: -15px;
    left: 0px;
} */