html {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  body {
    margin: 0px;
    padding: 0px;
    color: #000000;
    position: relative;
    width: 100%;
    background: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    min-height: 100%;
    padding-bottom: 268px;
  }

  footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 268px;
  }

  section {
    padding: 45px 0px;
  }

  b,
  strong {
    font-weight: 800;
  }

  .t-green {
    color: #02bb8d;
  }

  .t-red {
    color: #f1493f;
  }

  .t-white {
    color: #fff;
  }

  .t-yellow {
    color: #04c4cc;
  }

  .yellow {
    text-decoration: none;
    color: #04c4cc;
    font-size: 17px;
    line-height: 32px;
  }

  .t-gray {
    color: #5d5d5d;
  }

  .orgtxt:hover {
    color: #04c4cc;
  }

  .content,
  p {
    font-size: 16px;
    line-height: 28px;
    color: #3f3f3f;
    text-transform: inherit;
    font-weight: normal;
  }

  .heading-title {
    font-size: 39px;
    line-height: 51px;
    font-weight: 400;
    padding-bottom: 10px;
  }

  .sub-heading {
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 7px;
    margin: 0;
  }

  .flex-box {
    display: flex;
  }

  .table-content {
    display: table;
    margin: 0px;
    width: 100%;
  }

  .table-content>div {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }

  .sitebtn,
  .bluebtn {
    padding: 16px 32px;
    border: 1px solid #012e6f;
    background: #012e6f;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    border-radius: 32px;
    transition: all 0.4s;
  }

  .sitebtn:hover,
  .sitebtn:focus,
  .sitebtn:active {
    transition: all 0.8s;
    background: #002355;
    color: #fff;
  }

  .borderbtn {
    background: transparent;
    border: 1px solid #04c4cc;
    color: #fff;
  }

  .borderbtn:hover {
    background-color: #04c4cc;
    color: #000;
    border-color: #04c4cc;
  }

  .bluebtn {
    background: #001d3a;
    border-color: #001d3a;
    border-radius: 5px;
  }

  .btn-sm {
    padding: 6px 19px;
    font-size: 15px;
  }

  .headbg {
    padding: 15px 16px;
    background: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
  }

  .headbg .navbar-brand {
    width: 200px;
  }

  .logo-img {
    width: 100%;
    max-width: 184px;
  }

  .headermenu .headbg .navbar-nav li a {
    color: #012E6F;
    padding: 12px 20px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
  }

  .headermenu .headbg .navbar-nav li a:hover {
    color: #000916;
  }
  .headermenu .headbg .navbar-nav li .sitebtn {
    padding: 6px 17px;
    line-height: 22px;
  }

  .headermenu .headbg .navbar-nav li .sitebtn:hover {
    color: #fff !important;
  }

  .headermenu .headbg .dropdown-item:hover {
    color: #000;
  }

  .headermenu .dropdown-menu {
    background: #0b2c35;
    padding: 12px 4px;
    border-radius: 7px;
    border: 0px;
    margin-top: 20px;
    overflow: hidden;
    box-shadow: 1px 7px 16px 7px #2121211a;
    min-width: 300px;
  }

  .usermenu .dropdown-menu {
    right: 0px;
    left: inherit;
  }

  .downdrp .dropdown-menu .content {
    color: #fff;
  }

  .headermenu .headbg .dropdown-item {
    color: #fff !important;
    font-size: 14px !important;
    padding: 4px 17px !important;
    position: relative;
    margin: 0px !important;
  }

  .headermenu .headbg .dropdown-item:hover,
  .headermenu .headbg .dropdown-item:focus,
  .headermenu .headbg .dropdown-item:active {
    background-color: transparent !important;
  }

  .usermenu a.dropdown-bs-toggle {
    padding-right: 2px !important;
    padding-left: 13px !important;
    margin-top: -6px !important;
  }

  .headermenu .headbg ul li a.dropdown-bs-toggle i {
    padding-left: 7px;
  }

  .profilesubdropbox>span {
    display: inline-block;
    top: 4px;
  }

  .profilesubdropbox h5 {
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .headermenu .dropdown-menu .iconboxbg {
    width: 45px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    margin-right: 11px;
    display: inline-block;
    line-height: 35px;
    background: #ffffff1c;
  }

  .headermenu .dropdown-menu .iconboxbg img {
    width: 100%;
    max-width: 22px;
  }

  .usermenu hr {
    border: 1px dashed #cbcbcb;
    background: none;
    margin: 11px 10px;
    opacity: 1;
  }

  .t-gray {
    color: #979797;
  }

  .navbar-toggler {
    width: 30px;
    height: 30px;
    position: relative;
    transition: 0.5s ease-in-out;
  }

  .navbar-toggler,
  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
  }

  .navbar-toggler span {
    margin: 0px;
    padding: 0px;
  }

  .toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #04c4cc;
    border-radius: 1px;
    opacity: 1;
    left: -5px;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }

  .middle-bar {
    margin-top: 0px;
  }

  .navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
  }

  .navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
  }

  .navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
  }

  .navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
  }

  .navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
  }

  .navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
  }

  .toggler-icon {
    background: #012e6f;
  }

  .homebannerbg .sitebtn {
    margin-top: 0;
  }

  .homebannerbg p {
    color: #6e8faf;
    font-size: 17px;
    line-height: 29px;
  }

  .banner-img {
    width: 100%;
    max-width: 830px;
    display: none;
  }

  .homebannerbg {
    background-image: url(../images/banner-bg.svg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 64px 0px;
  }

  .homebannerbg .easwalletmob::before {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 32px;
    background-image: url(../images/banner-backbg.svg);
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 560px;
    z-index: -1;
  }

  .homebannerbg .sitebannercontent {
    padding-top: 16vh;
    padding-bottom: 2vh;
  }

  .sitebannercontent h2 {
    color: #000916;
    font-weight: bold;
    font-size: 40px;
    line-height: normal;
  }

  .sitebannercontent p {
    color: #000916;
    font-weight: normal;
    font-size: 36px;
    line-height: normal;
  }

  .bannerbtn>a.btn {
    margin-right: 4px;
  }

  .bannerbtn .bluebtn {
    padding: 11px 17px;
  }

  .table> :not(:first-child) {
    border-top: 0px;
  }

  .sitetable thead tr th {
    border: 0px;
    font-weight: 500;
    color: #4d4d4d;
    font-size: 15px;
    padding: 10px 15px;
    position: -webkit-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 0px;
    white-space: nowrap;
    background-color: #fff;
  }

  .sitetable tbody tr td {
    border: 0px;
    color: #303030;
    font-size: 16px;
    padding: 8px 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 500;
  }

  [data-simplebar] {
    position: relative;
    z-index: 0;
    overflow: hidden !important;
    max-height: inherit;
    -webkit-overflow-scrolling: touch;
  }

  [data-simplebar="init"] {
    display: flex;
  }

  .simplebar-scroll-content {
    overflow-x: hidden !important;
    overflow-y: scroll;
    min-width: 100% !important;
    max-height: inherit !important;
    box-sizing: content-box !important;
  }

  .simplebar-content {
    overflow-y: hidden !important;
    overflow-x: scroll;
    box-sizing: border-box !important;
    min-height: 100% !important;
  }

  .simplebar-track {
    z-index: 9999;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
  }

  .simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 6px;
    min-height: 10px;
  }

  .simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: rgb(152 152 152);
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
  }

  .simplebar-track:hover .simplebar-scrollbar:before,
  .simplebar-track .simplebar-scrollbar.visible:before {
    opacity: 0.5;
    transition: opacity 0 linear;
  }

  .simplebar-track.vertical {
    top: 0;
  }

  .simplebar-track.vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
  }

  .simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 8px;
  }

  .simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
  }

  .horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
  }

  .sitescroll {
    max-height: 500px;
  }

  .chooseusdiv {
    padding-top: 45px;
  }

  .chooseusdiv,
  .needhelpdiv {
    display: flex;
  }

  .chooseusdiv>div {
    width: 100%;
    padding: 20px 22px;
    border-radius: 10px;
    border: 1px solid #e4e5e7;
    margin: 10px 12px;
  }

  .chooseusbox img {
    width: 100%;
    max-width: 50px;
  }

  .chooseicon {
    background: #fbfbfb;
    border: 1px solid #e4e5e7;
    width: 80px;
    height: 80px;
    display: flex;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
    margin-top: -50px;
  }

  .needhelpdiv {
    background: #f6f6f6;
    border: 1px solid #e4e5e7;
    border-radius: 10px;
    padding: 20px;
  }

  .needhelpdiv .sub-heading {
    padding-bottom: 4px;
    font-size: 19px;
  }

  .needhelpdiv img {
    width: 100%;
    max-width: 48px;
  }

  .communitybox {
    background: #e7f9fa;
    border-radius: 5px;
    padding: 25px 25px;
  }

  .needhelpbg .d-flex>div {
    width: 100%;
    margin: 10px;
  }

  .helpicon {
    background: #fbfbfb;
    border: 1px solid #e4e5e7;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 5px;
  }

  /* howitwrksec */

  .flexbox {
    display: flex;
    width: 100%;
    gap: 25px;
  }

  .flexbox>div {
    width: 100%;
  }

  /* footersec */
  .socialbg .flexbox {
    flex-wrap: wrap;
  }

  .socialbg .flexbox>div {
    height: 35px;
    width: 35px;
    border: 1px solid #000000;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footerbottombg section {
    background: #DDEEFD;
    padding-bottom: 20px;
  }

  .footerbottombg ul li {
    list-style: none;
    margin-bottom: 7px;
  }

  .footerbottombg ul {
    padding-left: 0px;
  }

  .ftext {
    color: #303030;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
  }

  .footerbottombg h3 {
    padding-bottom: 6px;
    font-size: 19px;
    font-weight: 700;
    line-height: normal;
    color: #000;
  }

  .footerbottombg .dropdown-toggle::after {
    content: "\f107";
    font-family: "FontAwesome";
    border: 0 !important;
    vertical-align: 0px;
    right: 12px;
    position: absolute;
  }

  .footerbox {
    margin-bottom: 15px;
    padding-bottom: 30px;
  }

  .footerbottombg .ftxt {
    text-align: center;
  }

  .modeicon #nightmode img {
    background: none;
  }

  .partnerlist .owl-stage {
    display: flex !important;
    align-items: center;
  }

  .howitworkbg .row>div {
    position: relative;
  }

  .intl-tel-input .country-list {
    color: #333;
  }

  .loader {
    position: fixed;
    background-color: #f4f4f4;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
  }

  .loader img {
    position: relative;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 65px;
    transform: translate(-50%, -50%);
  }


  .panelcontentbox {
    position: relative;
    border-radius: 9px;
    overflow: hidden;
    padding: 25px;
    background: #fff;
  }

  .innerpagecontent {
    padding-bottom: 40px;
    padding-top: 120px;
  }

  .innerpagebg {
    background: #f7f7f7;
  }

  .coinlisticon {
    width: 35px;
    margin-right: 7px;
  }

  .topbannerbg {
    padding-top: 130px;
    padding-bottom: 4px;
  }

  .innerpagebg .headbg {
    background: #ffffff;
  }

  .innerpagecontent .h2 {
    font-size: 30px;
    line-height: 33px;
    margin: 0;
    font-weight: 500;
  }


  .homebannerbg .bannersubmin,
  .p2pbanner .bannersubmin {
    font-size: 45px;
    line-height: 56px;
    color: #fff;
    font-weight: 600;
  }

  .adsbannerbg {
    padding-top: 25px;
  }

  .adsbannerbg .adsimg {
    display: flex;
  }

  .adsbannerbg .adsimg img {
    width: 100%;
    max-width: 364px;
    transition: all 0.4s;
  }

  .adsbannerbg .adsimg img:hover {
    transform: translate(0, -5px);
    webkit-transform: translate(0, -5px);
    filter: drop-shadow(2px 4px 6px #000000a3);
  }

  .twotablesec .nav-tabs .nav-link {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    color: #3e3e3e;
    border: 0 !important;
    padding: 10px 12px;
  }

  .twotablesec .nav-tabs .nav-link.active {
    color: #000;
    border-bottom: 2px solid #04c4cc !important;
    font-weight: 700;
  }

  .twotablesec .nav-tabs {
    margin-bottom: 14px;
  }

  .twotablesec .nav-tabs .nav-item {
    padding-right: 10px;
  }

  .loginbanner .headbg .container {
    width: 100%;
    max-width: 100%;
  }

  .tableicon {
    display: table;
    width: 100%;
  }

  .tableicon>span {
    display: table-cell;
    vertical-align: top;
    float: none;
  }

  .tableicon>span:first-child {
    width: 39px;
  }

  .headermenu ul li a img {
    width: 100%;
    max-width: 25px;
  }

  .notifyicon img {
    width: 100%;
    max-width: 20px;
  }

  .alink {
    text-decoration: none;
    color: inherit;
  }

  .downdrp a img {
    width: 26px !important;
  }

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  }

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
  }

  .borderbg {
    border: 1px solid #e4e5e7;
    border-radius: 30px;
    /* padding: 10px; */
    position: relative;
  }

  .howitworkbg .borderbg {
    padding: 25px 35px;
  }

  h4.tbhead {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    margin: 0;
  }

  .topertable .sitetable tbody tr td {
    padding: 8px 25px;
    font-size: 14px;
  }

  .topertable .sitescroll {
    max-height: 213px;
  }

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

  .topertable .tabrightbox {
    right: 10px !important;
    top: 5px !important;
  }

  .statisticsbg {
    background: #e7f9fa;
    text-align: center;
    padding: 27px 0px;
  }

  .partnerlist>div {
    padding: 0px 5px;
    width: 100%;
  }

  .partnerlist img {
    width: 100%;
    max-width: 90px;
    opacity: 0.3;
  }

  .partnerlist {
    align-items: center;
  }

  .aboutbg {
    background: #e7f9fa;
  }

  .qrbg>div {
    width: 100%;
  }

  .qrbg>div:first-child {
    width: 388px;
  }

  .qrborderbox {
    border-radius: 5px;
    display: flex;
    width: 208px;
    height: 208px;
    justify-content: center;
  }

  .contenthowbox {
    padding-right: 190px;
  }

  .aboutbg h5 {
    font-weight: 600;
    padding-bottom: 15px;
  }

  .himg {
    width: 100%;
    max-width: 446px;
  }

  .hwbox>div:nth-child(even) {
    flex-direction: row-reverse;
  }

  .hwbox>div:nth-child(even)>div:last-child {
    text-align: right;
  }

  .hwbox>div:nth-child(even)>div:first-child {
    text-align: right;
  }

  .hwbox>div:nth-child(even)>div:last-child {
    padding-right: 0px;
    padding-left: 150px;
  }

  .ourflx>div {
    width: 100%;
    margin: 10px;
    text-align: center;
  }

  .ourbox {
    padding: 28px 23px;
    border: 1px solid #e4e5e7;
    border-radius: 10px;
    position: relative;
  }

  .ourimg {
    width: 100%;
    max-width: 58px;
  }

  .ourbox .table-content>div:first-child {
    width: 130px;
    text-align: center;
  }

  .tabrightbox.arwicon {
    top: inherit;
    bottom: 15px;
    right: 25px;
  }

  .arwimg {
    width: 25px;
  }

  .appimg {
    padding-bottom: 19px;
    padding-top: 10px;
  }

  .qrimg {
    width: 100%;
  }

  .appimg a {
    margin-right: 15px;
  }

  .startradebg {
    background-image: url(../images/tradebg.png);
    background-position: center;
    background-size: cover;
    background-position: top center;
    padding: 30px 0px;
  }

  .startradebg .heading-title {
    font-size: 36px;
  }

  .fqr {
    width: 100%;
    max-width: 200px;
  }

  .dwnimg {
    width: 100%;
    max-width: 748px;
    margin-top: -84px;
  }

  .appimg img {
    width: 100%;
    max-width: 145px;
  }

  .f-logo {
    width: 100%;
    max-width: 210px;
    margin-bottom: 20px;
  }

  .owl-carousel .owl-stage-outer {
    padding: 10px 0px;
  }

  .twotablesec .nav-tabs .nav-link:hover {
    color: #04c4cc;
  }

  .borderbg.topertable {
    padding-top: 15px;
    padding: 11px 19px;
  }

  .arwimg:hover {
    width: 26px;
    filter: drop-shadow(2px 1px 7px #0000008e);
    transition: all 0.4s;
  }

  .drpqrimg {
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
  }

  .downdrp .dropdown-menu {
    left: inherit;
    right: 0;
    text-align: center;
    min-width: 245px;
  }

  .coinicon {
    width: 30px;
    margin-right: 7px;
  }

  .cryptosupprtlist {
    padding: 0px;
    margin: 0px;
  }

  .cryptosupprtlist li {
    list-style: none;
    float: left;
    padding: 0px 5px;
  }

  .cryptosupprtlist img {
    width: 32px;
  }

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

  .toolicon {
    background: #ddeefd;
    border: 1px solid #ddeefd;
    width: 142px;
    height: 142px;
    display: flex;
    border-radius: 150px;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    margin-bottom: 14px;
  }

  .ourbox .sub-heading {
    font-size: 19px;
  }

  .contenthowbox .sub-heading {
    font-size: 24px;
    padding-bottom: 11px;
  }

  .contenthowbox p {
    font-size: 17px;
    line-height: 30px;
  }

  .howitworkbg {
    padding-bottom: 65px;
  }

  .socialist {
    padding: 0px;
    margin: 0px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .socialist li {
    list-style: none;
    float: left;
    padding: 3px 3px;
  }

  .socialist li a {
    width: 40px;
    height: 40px;
    background: #04c4cc;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .needhelpdiv>div {
    padding: 0px 20px;
  }

  .needhelpdiv>div:first-child {
    padding-left: 0px;
  }

  .needhelpdiv>div:last-child {
    padding-right: 0px;
  }

  .needhelpbox p {
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 24px;
  }

  .communitybox p {
    font-size: 16px;
  }

  .subscibefrmbg .form-control,
  .subscibefrmbg .input-group-text {
    background: none;
    border: 0px;
    color: #fff;
  }

  .subscibefrmbg .form-group {
    background-color: #040d16;
    border: 1px solid #02172d;
    border-radius: 5px;
  }

  .subscibefrmbg {
    width: 100%;
    max-width: 650px;
    margin: 0px auto;
    margin-top: 20px;
  }

  .footerbox .row {
    display: flex;
    flex-wrap: inherit;
  }

  /* .footerbox .row > div {
    width: 100%;
    max-width: 100%;
    flex: 100%;
  } */
  .footerbox .qrbg .h5 {
    font-size: 14px;
    line-height: 20px;
  }

  .footerbox .qrborderbox {
    width: 60px;
    height: 60px;
  }

  .footerbox .qrbg>div:first-child {
    width: 95px;
  }

  .aboutpaymenticon {
    width: 100%;
    max-width: 615px;
  }

  .partnerlist .owl-dots {
    display: none;
  }

  .innerpagecontent .heading-title {
    font-weight: 700;
  }

  .faqpage .accordion-item {
    background: #fff;
    color: #000000;
    overflow: hidden;
    border: 0;
    margin: 10px 0px;
    border-radius: 10px !important;
  }

  .faqpage .accordion-button:not(.collapsed) {
    box-shadow: none;
    background: #fff;
  }

  .faqpage .accordion-body {
    padding: 20px 25px;
    padding-top: 0;
  }

  .faqpage .accordion-body p {
    margin: 0;
  }

  .faqpage .accordion-button {
    padding: 14px 25px;
    color: #000000;
    transition: none 0s ease 0s;
    background: transparent;
    font-size: 17px;
    font-weight: 500;
    line-height: 28px;
  }

  .faqpage .accordion-button:focus {
    box-shadow: none;
  }

  .faqpage .accordion-button>div {
    width: 94%;
  }


  /* homebanner marketprice */

  .marketpricedivflex {
    display: flex;
    mask-image: linear-gradient(to right,
        rgb(0, 0, 0) 87.5%,
        rgba(0, 0, 0, 0) 100%);
  }

  .marketpricedivflex .owl-dots {
    display: none !important;
  }

  .marketpricedivflex .sub-heading {
    font-size: 16px;
    color: #000916;
  }

  .marketpricediv {
    margin-top: 100px;
  }

  .marketpricediv p {
    color: #000916;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 500;
  }

  .marketpricedivflex>div:first-child {
    margin-left: 0px;
  }

  .marketprice .heading {
    font-size: 14px;
    color: #000916;
    white-space: nowrap;
  }

  .marketprice .bannercoin {
    width: 100%;
    max-width: 24px;
  }

  .marketpricedivflex .bannerpricechng {
    font-size: 12px;
    margin-bottom: 0px;
  }

  .bannerpricechng.t-red {
    color: #F44336;
  }

  .bannerpricechng.t-green {
    color: #4CAF50;
  }

  .marketpricedivflex>div {
    width: 100%;
  }

  .marketprice {
    background: #DDEEFD;
    padding: 20px 16px 16px 20px;
    border-radius: 10px;
    margin: 10px 0px;
  }

  /* why choose */

  .whychoosesec {
    background: linear-gradient(#F5FBFF, #ffffff);
    position: relative;
  }

  .whychoosesec .whychooseflex {
    padding: 48px;
  }

  .whychoosemob::before {
    content: "";
    position: absolute;
    top: 0;
    left: -256px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    max-width: 637px;
    overflow-x: hidden;
  }

  .whychoosecontimgdiv {
    display: none;
  }

  #v-pills-swap::before {
    background-image: url(../images/whychoose1.png);
  }

  #v-pills-transfer::before {
    background-image: url(../images/whychoose2.png);
  }

  #v-pills-ui::before {
    background-image: url(../images/whychoose3.png);
  }

  #v-pills-refer::before {
    background-image: url(../images/whychoose4.png);
  }

  #v-pills-support::before {
    background-image: url(../images/whychoose5.png);
  }

  .whychoosecontimg {
    width: 100%;
    max-width: 700px;
  }

  .whychoosecontent {
    position: relative;
  }

  .whychoosecontent::before {
    content: "";
    position: absolute;
    right: 10px;
    top: -84px;
    background-image: url(../images/circle.svg);
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 64px;
    z-index: -1;
  }

  .whychoosecontent {
    background: #012e6f;
    border-radius: 24px;
    padding: 22px;
    margin-top: 176px;
  }

  .whychoosecontent .content {
    color: #f7f7f7;
    font-size: 17px;
    text-align: start;
    margin-bottom: 0px;
  }

  .whychoosetabs {
    flex-direction: column;
  }

  .whychoosetabs a {
    color: #000916;
    font-size: 23px;
    font-weight: 600;
    border-radius: 10px;
    margin: 4px 0px;
    padding: 10px 0px;
    width: max-content;
    cursor: pointer;
  }

  .whychoosetabs .nav-link:hover {
    color: #000916;
  }

  .whychoosetabs .nav-link.active {
    padding: 10px 29px;

    background-color: #DDEEFD;
    transition: 0.3s ease-in-out;
    border-radius: 30px;
  }

  /* how works */

  .howworks {
    position: relative;
    padding: 0px 0px 45px 0px;
  }

  .howworksdiv {
    width: 100%;
  }

  .howworksdiv>div {
    width: 100%;
  }

  .howworksdiv .howworkssec:last-child {
    position: relative;
    top: -128px;
    right: 0;
  }

  .howworksdiv .howworkssec:first-child {
    position: relative;
    top: -128px;
    left: 0;
  }

  .howworks .container {
    background: url("../images/ovalline.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
  }

  .howworkstitle {
    padding: 84px 0px 84px 0px;
  }

  .howworksseccont {
    padding: 0px 16px;
  }

  .howworksdiv {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .mobhideimg {
    display: none;
  }

  /* download sec */

  .downloadbg {
    background: linear-gradient(#F5FBFF, #ffffff);
    padding: 8px 0px;
  }

  .appdownloadcontent {
    padding: 32px 0px;
  }

  .scantext {
    font-size: 24px;
    font-weight: bold;
    color: #000916;
  }

  .scantextsmall {
    font-size: 24px;
    color: #000916;
    font-weight: normal;
  }

  /* review section */

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

  .reviewcontent {
    background: #dbecfb;
    border-radius: 30px;
    padding: 25px 32px;
  }

  .userreviews .sub-heading {
    padding-bottom: 0px;
  }

  .userreviews .table-content>div:first-child {
    width: 68px;
  }

  .revimg {
    width: 100%;
    max-width: 58px;
  }

  .quotes {
    width: 100%;
    max-width: 52px;
  }

  /*feedback*/

  /* .feedbackbg {
    background: linear-gradient(#F5FBFF, #ffffff);
  } */
  .p2pfaq {
    background: linear-gradient(#F5FBFF, #ffffff);
  }
  .feedbackformbg {
    background: #DDEEFD;
    border-radius: 30px;
    padding: 32px;
    width: 100%;
    max-width: 496px;
    margin-left: auto;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 3%), 0 6px 20px 0 rgb(0 0 0 / 3%);
  }

  .feedbackformbg label {
    color: #000916;
    font-size: 16px;
    font-weight: 600;
  }

  .feedbackformbg .form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
  }

  .feedbackformbg form input {
    padding: 12px;
    border-radius: 16px;
    font-size: 14px;
  }

  .feedbackformbg textarea.form-control {
    height: 224px !important;
    border-radius: 16px;
  }

  .feedbackformbg .inputmobile {
    width: 26%;
    border: none;
    background-color: transparent;
    padding: unset;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  .feedbackformbg .phoneinput {
    border-left: 0;
  }

  .inputrequired {
    color: #ff2f2f;
    font-size: 20px;
    font-weight: 600;
  }

  .feedbackimg {
    width: 100%;
    max-width: 635px;
  }

  /*footer*/

  .socialbg .flexbox {
    flex-wrap: wrap;
  }

  .socialbg .flexbox>div {
    height: 35px;
    width: 35px;
    border: 1px solid #000000;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footerbottombg section {
    background: #DDEEFD;
    padding-bottom: 20px;
  }

  .footerbottombg ul li {
    list-style: none;
    margin-bottom: 7px;
  }

  .footerbottombg ul {
    padding-left: 0px;
  }

  .footerbottombg ul li a {
    text-decoration: none;
    color: #3F3F3F;
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    display: inline-block;
    font-weight: 400;
  }

  .ftext {
    color: #b6b6b6;
    font-size: 15px;
    line-height: 22px;
  }

  .footerbottombg h3 {
    padding-bottom: 6px;
    font-size: 19px;
    line-height: normal;
    color: #012E6F;
    font-weight: 500;
  }

  .footerbottombg .dropdown-toggle::after {
    content: "\f107";
    font-family: "FontAwesome";
    border: 0 !important;
    vertical-align: 0px;
    right: 12px;
    position: absolute;
  }

  .footerbox {
    /* border-bottom: 1px solid #dddddd; */
    /* margin-bottom: 15px; */
    padding-bottom: 30px;
  }

  .footerbottombg .ftxt {
    text-align: center;
  }

  .partnerlist .owl-stage {
    display: flex !important;
    align-items: center;
  }

  .modebg {
    border: 1px solid #464646;
    border-radius: 5px;
    padding: 1px 6px;
    height: 39px;
    margin-top: 2px;
    margin-left: 5px;
    display: inline-block;
  }

  .modebg img {
    max-width: 20px !important;
  }

  .modeicon {
    border-radius: 50px;
    cursor: pointer !important;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 26px;
    display: none;
    margin-top: 2px;
  }

  .modebg .activemode {
    display: inline-block;
  }

  .headbg ul li.modebg a {
    padding: 0px !important;
  }

  .modeicon img {
    width: 16px;
  }

  .subscribebtn .form-control {
    background-color: transparent;
    color: #b6b6b6;
  }

  .subscribebtn .sitebtn {
    padding: 10px 14px;
    border-radius: 30px !important;
  }

  .subscribebtn {
    background-color: #fff !important;
    padding: 10px 6px;
    border-radius: 30px;
  }

  .subscribebtn .form-control {
    border: none;
  }

  .subscribebtn .form-control:focus {
    box-shadow: none;
  }

  .subscribebtn .sitebtn {
    background-color: #012e6f;
    color: #ffffff;
    font-size: 12px;
    border: 1px solid #012e6f;
    border: 0;
    font-weight: 700;
  }

  .footiconflex {
    display: flex;
    width: 100%;
    justify-content: start;
    gap: 10px;
  }

  .cpyrights {
    text-decoration: none;
    color: #3f3f3f;
    font-size: 15px;
    line-height: 25px;
  }

  .subscribebtn .form-control::placeholder {
    color: #3f3f3f;
    font-size: 14px;
  }

  .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
  }

  .owl-nav button.owl-prev {
    left: 0;
  }

  .owl-nav button.owl-next {
    right: 0;
  }

  .owl-dots {
    text-align: center;
    padding-top: 15px;
  }

  .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }

  .owl-dots button.owl-dot.active {
    background-color: #dbecfb;
  }

  .owl-dots button.owl-dot:focus {
    outline: none;
  }

  .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
  }

  .owl-nav button:focus {
    outline: none;
  }

  /* faq */

  .p2pfaq .accordion-button::after {
    background-image: url("../images/faqopen.svg");
  }

  .p2pfaq .accordion-button:not(.collapsed)::after {
    background-image: url("../images/faqclose.svg");
  }

  .p2paccordion .accordion-button:not(.collapsed),
  .p2paccordion .accordion-button {
    color: #000916 !important;
    font-size: 20px;
    font-weight: 600 !important;
    padding: 10px;
    background: no-repeat;
  }

  .p2pfaq .accordion-item {
    margin: 20px;
    padding: 20px;
    border-radius: 16px;
    box-sizing: border-box;
    border: unset;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 3%), 0 6px 20px 0 rgb(0 0 0 / 3%);
  }

  .p2pfaq .accordion-body {
    color: #4d4d4d;
    font-size: 16px;
    padding: 10px 10px;
  }

  .p2pfaq .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  .p2pfaq .accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .deletepage {
    background: #ddeefd;
  }

  .deletepage .heading-title {
    font-size: 26px;
  }

  .deletepage .feedbackformbg form {
    background: #fff;
    padding: 16px;
    border-radius: 30px;
    max-width: none;
    padding: 0px;
  }

  /* ICO */

  .bannerprogressbg p {
    font-size: 14px !important;
    font-weight: 500;
  }

  .progress-bar {
    background-color: #1b437e !important;
  }

  .icobg .bannerbtn {
    display: flex;
    gap: 10px;
    padding: 40px 0px;
    padding-top: 20px;
  }

  .about-img {
    width: 100%;
    max-width: 578px;
  }

  .howitworksbg {
    background: linear-gradient(#F5FBFF, #ffffff);
  }

  .flexbox>div {
    position: relative;
  }

  .hflexbg {
    margin-top: 20px;
    gap: 30px;
    position: relative;
    padding-left: 40px;
  }

  .flexbox.hflexbg>div:nth-child(2),
  .flexbox.hflexbg>div:nth-child(4) {
    margin-top: 231px;
  }

  .faqbg .accordion-button:not(.collapsed),
  .faqbg .accordion-button {
    font-weight: 700;
  }

  .faqbg .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none !important;
    color: #212529;
  }

  .faqbg .accordion-item {
    padding: 10px 20px;
    border: 0;
    border-radius: 7px;
    margin-bottom: 15px;
    box-shadow: 0px 5px 16px 0px #080f3413;
  }

  .faqbg .accordion-header button,
  .faqbg .accordion-body {
    padding: 16px 0px;
  }

  .icobg .progress {
    background-color: #DDEEFD;
  }

  .icobg .homebannerbg .whitebtn {
    background-color: #fff;
    color: #012E6F;
  }

  .icobg .homebannerbg .blackbtn {
    background-color: #000916;
    color: #fff;
  }

  .icobg .sitebtn {
    padding: 13px 30px;
    font-size: 16px;
    font-weight: 700;
  }

  .icobg .heading-title {
    font-weight: 700;
  }

  .icobg .homebannerbg {
    background-image: url(../images/icobg2.png);
    /* background: #012e6f; */
    background-position: bottom center !important;
  }

  .icobg .homebannerbg .easwalletmob::before {
    background-image: none;

  }

  .icobg .homebannerbg .sitebannercontent {
    padding-top: 16vh;
    padding-bottom: 13vh;
  }

  .clockbg {
    color: #fff;
    margin-left: auto;
    width: 100%;
    max-width: 450px;
    text-align: center;
    position: relative;
    margin-top: 106px;
  }

  #clock {
    display: flex;
    width: 100%;
    margin: 0px auto;
    margin-top: 45px;
    gap: 15px;
    align-items: center;
    justify-content: center;
  }

  #clock>div {
    width: 100px;
    /* height: 100px; */
    line-height: 30px;
    text-align: center;
    background: #012e6f;
    padding: 20px 20px;
    border-radius: 100px;
  }

  .clock-bg {
    font-size: 30px;
    font-weight: 500;
  }

  .clockbg span.s-t.light-f {
    font-size: 13px;
    font-weight: 500;
    color: #ffffffad;
    text-transform: uppercase;
  }

  .icobg .bannerprogressbg,
  .icobg .bannerbtn,
  .icobg .sitebannercontent p,
  .icobg .sitebannercontent h2 {
    z-index: 9;
    position: relative;
  }

  .icobg .aboutbg {
    background: #ffffff;
    padding-top: 10px;
  }

  .hflexbg p {
    padding-left: 50px;
    min-height: 246px;
  }

  .hflexbg::before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 40%;
    background-image: url(../images/midline.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }

  .hflexbg>div::before {
    content: "";
    position: absolute;
    top: 74px;
    left: 37px;
    width: 3px;
    height: 250px;
    background: #012E6F;
  }

  .flexbox.hflexbg>div:nth-child(2) p,
  .flexbox.hflexbg>div:nth-child(4) p {
    display: flex;
    align-items: flex-end;
    min-height: 240px;
  }

  .flexbox.hflexbg>div:nth-child(2)::before,
  .flexbox.hflexbg>div:nth-child(4)::before {
    bottom: 75px;
    top: inherit;
  }

  .flexbox.hflexbg>div:nth-child(2) p {
    min-height: 260px;
  }

  .flexbox.hflexbg>div:nth-child(2)::before {
    height: 268px;
    top: 45px;
  }

  .flexbox.hflexbg>div:nth-child(2) {
    margin-top: 110px;
  }

  .hflexbg .table-content>div:first-child {
    width: 85px;
  }

  .criclebg img {
    width: 74px;
    height: 74px;
  }

  .chartbox {
    width: 100%;
    height: 546px;
  }

  .tokensalebg h6 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
  }

  .tokensalebg h4 {
    color: #000916;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 9px;
    margin-bottom: 1px;
  }

  .tokenbg .flexbox>div:nth-child(1),
  .tokenbg .flexbox>div:nth-child(2) {
    width: 25%;
    position: relative;
  }

  .tokenbg .flexbox>div:nth-child(1)::before,
  .tokenbg .flexbox>div:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 6px;
    right: -20px;
    width: 10px;
    height: 100%;
    background-image: url(../images/tokenline.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .tokenbg .flexbox>div:nth-child(3) {
    width: 45%;
    padding-left: 25px;
  }

  .tokensalebg {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
  }

  .tokensalebg>div {
    width: 56%;
  }
  .tokensalebg>div:nth-child(even){
    width: 40%;
  }

  .teambg .teamicon {
    width: 100%;
    margin-top: 35px;
    max-width: 235px;
    border-radius: 187px;
    margin-bottom: 30px;
  }
  .teambg .borderbg {
    background: linear-gradient(#DDEEFD, #ffffff);
    border: none !important;
  }
  .teambg .box:nth-child(4):before{
    display: none;
  }
  .teambg .box::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -10px;
    width: 2px;
    height: 100%;
    background-color: #ffffff;
  }
  .rodemapbg .flexbox {
    flex-wrap: wrap;
    position: relative;
    overflow: visible;
  }
  .rodemapbg {
    background: linear-gradient(#F5FBFF, #ffffff);
    padding-bottom: 130px;
  }
  .rodemapbg .flexbox >div {
    width: 48%;
  }
  .rodemapbg .boxbg {
    /* background: #fff; */
    background-image: url(../images/rodeleft.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 42px 20px 43px 70px;
    width: 100%;
    max-width: 500px;
    position: relative;
    margin: 0 auto;
  }
  .rodemapbg .flexbox::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/rodecenter.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
  }
  .rodemapbg .flexbox >div:nth-child(even) .boxbg {
    top: 65px;
    /* margin-top: 59px; */
    padding: 40px 70px 42px 30px;
    /* margin-top: 50px; */
    background-image: url(../images/roderight.svg);
  }
  button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }
  .whychoosemobtoggle {
    position: unset !important;
  }
  .progress {
    height: 0.6rem !important;
  }
  .clockbg h4 {
    color: #000916;
  }
  .bannerprogressbg .text-white {
    color: #000916 !important;
  }
  .t-blue {
    color: #3F86C5;
  }
  .bannerprogressbg p {
    color: #012E6F;
  }
  .siteformbg .form-control {
    font-size: 15px;
    height: 47px;
    background: #eef5ff;
    border: 1px solid #c0d0e7;
    color: #012e6f;
    box-shadow: none;
    outline: none;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border-radius: 7px;
  }
  .siteformbg label
  {
    color: #012E6F;
    margin-bottom: 4px;
    font-weight: 600;
  }
  .mobilepagebg
  {
    background: #eef2f6;
    padding: 0px;
  }
  .centerbox
  {
    width: 100%;
    max-width: 550px;
    margin: 0px auto;
  }
  .siteformbg .form-group
  {
    margin-bottom: 20px;
  }
  .mobilepagebg .heading
  {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 27px;
    padding-bottom: 10px;
  }
  .mobilepagebg .sitebtn
  {
    padding: 11px 24px;
    font-size: 16px;
  }