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


body {
    overflow-x: hidden !important;
    overflow-y: auto;
    scroll-behavior: smooth;
    background: #141416 !important;
    /* font-family: 'DM Sans', sans-serif !important; */
    font-family: 'Poppins' !important;
}



@font-face {
    font-family: 'Poppins';
    /* src: url('../fonts/Saira-ExtraBold.ttf'); */
    src: url('../fonts/Poppins-ExtraBold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    /* src: url('../fonts/Saira-Bold.ttf'); */
    src: url('../fonts/Poppins-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    /* src: url('../fonts/Saira-Medium.ttf'); */
    src: url('../fonts/Poppins-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    /* src: url('../fonts/Saira-Regular.ttf'); */
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

.go2072408551 {
    box-shadow: none !important;
}





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

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



h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: 500;
}

p {
    color: #C7C7C7;
}


body .text-primary {
    color: #010001 !important;
}

.maincolor1 {
    color: #5EC3DD;
}

.maincolor2 {
    color: #58BD7D;
}

.maincolor3 {
    color: #FE744F;
}

.maincolor4 {
    color: #777E90;
}

.maincolor5 {
    color: #FCFCFD !important;
}

.btn.btn-custombtn1 {
    background: #3772FF;
    border-radius: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #FCFCFD;
    transition: all .2s;
    line-height: 35px;
}

.btn.btn-custombtn1:hover {
    background: #0045ea;
    color: #FCFCFD;
    border-color: #0045ea;
}

.btn.btn-custombtn1:active {
    background: #0045ea !important;
    color: #FCFCFD !important;
    border-color: #0045ea !important;
}

.btn.btn-custombtn2 {
    background: transparent;
    border-color: #FCFCFD;
    color: #FCFCFD;
    border-radius: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #FCFCFD;
    transition: all .2s;
    line-height: 35px;
}


.btn.btn-custombtn2:hover {
    background: #FCFCFD;
    border-color: #FCFCFD;
    color: #010001;
}

.btn.btn-custombtn2:active {
    background: #FCFCFD !important;
    border-color: #FCFCFD !important;
    color: #010001 !important;
}


.btn.btn-custombtn3 {
    background: transparent;
    border-color: #353945;
    border-radius: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: aliceblue;
    transition: all .2s;
    line-height: 35px;
}


.btn.btn-custombtn3:hover {
    background: #23262F;
    box-shadow: 0 0 0 2px #23262F inset;
    color: #FCFCFD;
}

.btn.btn-custombtn3 a {
    color: #FF6838;
    text-decoration: none;
}

.btn.btn-custombtn3:active {
    background: #23262F !important;
    border-color: #FCFCFD !important;
    color: #010001 !important;
}


.btn.btn-custombtn4 {
    background: #58BD7D;
    border-radius: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #FCFCFD;
    transition: all .2s;
    line-height: 35px;
}

.btn.btn-custombtn4:hover {
    background: #58BD7D;
    color: #FCFCFD;
    border-color: #58BD7D;
}

.btn.btn-custombtn4:active {
    background: #58BD7D !important;
    color: #FCFCFD !important;
    border-color: #58BD7D !important;
}

.btn.btn-custombtn4 a {
    text-decoration: none;
    color: #FCFCFD;
}

.btn.btn-custombtn4:hover a {
    color: #FCFCFD;
}

.btn.btn-custombtn5 {
    background: #58BD7D;
    border-radius: 6px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FCFCFD;
    transition: all .2s;
    line-height: 35px;
}

.btn.btn-custombtn5:hover {
    background: #58bd7dba;
    color: #FCFCFD;
    border-color: #58bd7dba;
}

.btn.btn-custombtn5:active {
    background: #58bd7dba !important;
    color: #FCFCFD !important;
    border-color: #58bd7dba !important;
}


.btn.btn-custombtn6 {
    background: #FF6838;
    border-radius: 6px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FCFCFD;
    transition: all .2s;
    line-height: 35px;
}

.btn.btn-custombtn6:hover {
    background: #ff6838c9;
    color: #FCFCFD;
    border-color: #ff6838c9;
}

.btn.btn-custombtn6:active {
    background: #ff6838c9 !important;
    color: #FCFCFD !important;
    border-color: #ff6838c9 !important;
}

.btn.btn-custombtn7 {
    background: #FCFCFD;
    border-radius: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #23262F;
    transition: all .2s;
    line-height: 1.66667;
}

.btn.btn-custombtn7:hover {
    background: #FCFCFD;
    color: #23262F;
    border-color: #FCFCFD;
}

.btn.btn-custombtn7:active {
    background: #FCFCFD !important;
    color: #23262F !important;
    border-color: #FCFCFD !important;
}

.btn.btn-custombtn8 {
    background: #23262F;
    border-radius: 24px;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #777E90;
    transition: all .2s;
    line-height: 1.66667;
}

.btn.btn-custombtn8:hover {
    background: #23262F;
    color: #777E90;
    border-color: #23262F;
}

.btn.btn-custombtn8:active {
    background: #23262F !important;
    color: #777E90 !important;
    border-color: #23262F !important;
}

.respologo {
    text-align: center;
    margin: 0px auto;
    display: none;
}

.dumytable {
    background: #17181b;
    border-radius: 5px;
}

.dumytable table thead th {
    background: #17181b;
    color: #FCFCFD;
}


.dumytable table tr td {
    color: #FCFCFD;
    background: #17181b;
}

.respologo {
    text-align: center;
    margin: 0px auto;
}


.respologo img {
    width: 150px;
}

.respologo img {
    display: none;
}


.maintable {
    border-radius: 20px;
    background: var(--Dark-Background-on-Dark, #18191D);
    box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.10);
    padding: 30px;
}

.maintable table tr td {
    background: transparent;
    color: #FCFCFD;
}

.maintable table tr th {
    background: transparent;
    color: #FCFCFD;
}

.maintable table tr th {
    padding-bottom: 25px;
    font-size: 16px;
    font-weight: 600;
}

.maintable table tr td {
    border: none;
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
}

.maintable .btn-custombtn1 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #FCFCFD;
    border: 1px solid #FCFCFD;
    transition: 1.5s;
    border-radius: 50px;
    background: var(--Dark-Background-on-Dark, #18191D);
    box-shadow: 0px 64px 64px -48px rgba(15, 15, 15, 0.10);
    padding: 12px 30px;
}

.maintable .btn-custombtn1:hover {
    color: #FCFCFD;
    border: 1px solid #FCFCFD;
}

.maintable tr {
    border-radius: 6px;
    border-bottom: 1px solid #252529;
}

.maintable table tr td:last-child {
    padding-top: 15px;
}

.green-success {
    color: #3FEF51 !important;
}

.red-danger {
    color: #FA4C4C !important;
}

a.greenbtn {
    background: #58BD7D;
    border-radius: 50px;
    color: #FCFCFD;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 10px;
    text-decoration: none;
    font-family: 'DM Sans', sans-serif;
}

a.orangebtn {
    background: #FF6838;
    border-radius: 50px;
    color: #FCFCFD;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 10px;
    text-decoration: none;
    font-family: 'DM Sans', sans-serif;
}

.bnrtableBox {
    background: #23262F;
    border-radius: 20px;
    box-shadow: 0 64px 64px -48px #0f0f0f1a;
    padding: 30px;
    position: relative;
}



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

.bnrtableBox ul li {
    margin-bottom: 30px;
}

.bnrtableBox ul li:last-child {
    margin-bottom: 0px;
}

.viewbox a {
    text-decoration: none;
    color: #777E90;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.viewbox {
    margin-top: 10px;
}

.viewarrow {
    width: 35px;
}

.innerDetail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.bnrtableBox ul li span {
    color: #777E90;
    font-weight: 700;
    font-size: 18px;
}

.circleImg {
    width: 120px;
    position: absolute;
    top: -70px;
    left: -70px;
    z-index: -1;
}

.sendarrow {
    width: 100px;
    position: absolute;
    bottom: -40px;
    left: -45px;
}

.cursorIcon {
    width: 80px;
    position: absolute;
    top: -60px;
    right: -25px;
}

.selectDiv .css-1n2nmei-control,
.selectDiv .css-1kw2fvz-control {
    height: 48px;
    width: 100%;
    border-radius: 12px;
    box-shadow: none;
    background: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.71429;
    font-weight: 500;
    color: #777E90;
    transition: border-color .2s;
    border: 1px solid #23262f;
}

.selectDiv .css-1n2nmei-control:focus,
.selectDiv .css-1kw2fvz-control:focus {
    color: #777E90;
}

.selectDiv option::placeholder,
.selectDiv .css-qbdosj-Input:focus {
    color: #0045ea !important;
}


.selectDiv .css-1n2nmei-control:hover {
    border-color: #23262f;
}

.selectDiv .css-1kw2fvz-control:hover {
    border-color: #23262f;
}




.selectDiv .css-1jqq78o-placeholder {
    color: #777E90;
}


.field__wrap .input-group input {
    border: none;
    border-radius: 12px;
    height: 48px;
    padding: 0 14px;
}


.field__wrap .input-group .input-group-text {
    background: transparent;
    border: none;
    background: #353945;
}

.field__wrap .input-group input:focus {
    background: #353945;
    box-shadow: none;
    color: #fff;
}


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
























.backbtnIcon {
    padding: 10px;
    align-items: center;
    background: #495a82;
    border: 2px solid #4e6eb5;
    border-radius: 50%;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    width: 40px;
    color: #fff;
    position: relative;
    top: -70px;
    left: -10px;
}








@media only screen and (max-width: 768px) {

    .respologo img {
        width: 220px;
        margin-bottom: 40px;
        display: block;
    }



}



@media only screen and (max-width: 767px) {

    .respologo {
        display: block;
    }

    .respologo img {
        width: 220px;
        margin-bottom: 40px;
        display: block;
    }

    .entry__correct {
        padding: 0 0px;

    }

    .circleImg {
        display: none;
    }

    .cursorIcon {
        display: none;
    }

    .sendarrow {
        display: none;
    }


    .pairTable {
        height: 200px;
        overflow: auto;
    }




}



@media only screen and (max-width: 480px) {

    .entry__correct {
        padding: 0px 0px !important;
    }

    .entry__correct .icon {
        display: none;
    }

}

@media only screen and (max-width: 320px) {

    .entry__correct {
        padding: 0 0px;

    }

    .entry__correct .icon {
        display: none;
    }

}