@charset "UTF-8";
/*------------------------
	Css Indexing
--------------------------
** @typography
--------------------------
** Global css
--------------------------
** Preloader
--------------------------
** Normalize
--------------------------
** Navbar Area
--------------------------
** Header Area
--------------------------
** Support Bar
--------------------------
**  Trusted area 
--------------------------
** Double Coin
--------------------------
**  Deposit area
--------------------------
** Why Us Area
--------------------------
** Transactoin area
--------------------------
** Feedbacks area
--------------------------
** Faq Area
--------------------------
** Contact Area
--------------------------
** Footer Area
--------------------------

*/
/*-----------------
    @Typography
-----------------*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");
/*---------------------------
** Global Scss
---------------------------*/
.section-title {
  margin-bottom: 77px; }
  .section-title p {
    font-size: 16px;
    line-height: 26px;
    color: #fff; }
  .section-title h2 {
    font-size: 52px;
    font-weight: bold;
    line-break: 62px;
    text-transform: capitalize; }
    .section-title h2 .colored-text {
      font-weight: 700; }

.boxed-btn-rounded {
  display: inline-block;
  background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);
  text-transform: uppercase;
  color: #fff;
  padding: 12px 30px;
  margin: 5px 0px;
  font-size: 14px;
  line-height: 26px;
  border-radius: 25px;
  width: 100% 
}
a:hover{
color: #fff!important;
}
.bg-green {
  background-color: #5bbd1a; }

.bg-red {
  background-color: #ff1b41; }

.bg-black {
  background-color: #000d20; }

.bg-blue {
  background-color: #00a2ff; }

.bg-yellow {
  background-color: #d71311; }

  .bg-gold{
    color: #fdeab0;
  }

  img.logo {
    width: 125px;
}

.colored-text {
  font-size: 55px;
    background: linear-gradient(270deg, #69F59D 3.57%, #00A178 69.61%, #02513D 117.23%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

 

.text-white {
  color: #fff !important; }

.slicknav_menu {
  display: none; }

.remove-col-padding {
  padding: 0; }

.remove-col-padding-right {
  padding-right: 0; }

.remove-col-padding-left {
  padding-left: 0; }

textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=search],
input[type=url] {
  width: 100%;
  padding: 30px;
  border: 2px solid #ddd; }
  textarea::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff; }
  textarea:-moz-placeholder,
  input[type=text]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=url]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff; }
  textarea::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff; }
  textarea:-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff; }
  textarea::-webkit-input-placeholder,
  input[type=text]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=url]::-webkit-input-placeholder {
    /* WebKit browsers */
    font-style: italic; }
  textarea:-moz-placeholder,
  input[type=text]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=search]:-moz-placeholder,
  input[type=url]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-style: italic; }
  textarea::-moz-placeholder,
  input[type=text]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=url]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-style: italic; }
  textarea:-ms-input-placeholder,
  input[type=text]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=url]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-style: italic; }

input[type=submit],
button[type=submit] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  border: none;
  color: fff;
  padding: 11px 30px;
  border-radius: 30px; }

.has-icon {
  position: relative;
  margin-bottom: 30px; }
  .has-icon.textarea .the-icon {
    top: 30px; }
  .has-icon input {
    width: 100%;
    padding: 16px 30px;
    border: 2px solid #ca2423;
    border-radius: 4px;
  background: #000; color: #fff;}
    .has-icon input:focus {
      border: 2px solid #ECD596; }
  .has-icon textarea {
    width: 100%;
    padding: 30px;
    border: 2px solid #ca2423;
    border-radius: 4px; 
  background: #000;
color: #fff;}
  .has-icon .the-icon {
    position: absolute;
    right: 30px;
    top: 50%;
    color: #d71311;
    font-size: 14px;
    -ms-transform: translateY(-50%);
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%); }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
  border: 2px solid #ddd !important;
  border-radius: 4px; }

.back-to-top {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #49E18D;
  color: #fff;
  font-size: 20px;
  border: 2px solid #49E18D;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 9999; }
  .back-to-top:hover {
    background-color: transparent;
    color: #d71311;
    border: 2px solid #d71311; }

/*----------------------------
    Preloader
----------------------------*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99;
  display: table; }

.preloader-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.preloader-img {
  position: relative;
  display: inline-block;
  padding: 20px;
  border-radius: 50%; }

.preloader-img:before {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: 50%;
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite; }

.preloader-img img {
  -webkit-animation: rotatingTWo 2s linear infinite;
  animation: rotatingTWo 2s linear infinite; }

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes rotatingTWo {
  0% {
    -webkit-transform: rotatey(360deg);
    transform: rotatey(360deg); }
  100% {
    -webkit-transform: rotatey(0deg);
    transform: rotatey(0deg); } }

@keyframes rotatingTWo {
  0% {
    -webkit-transform: rotatey(360deg);
    transform: rotatey(360deg); }
  100% {
    -webkit-transform: rotatey(0deg);
    transform: rotatey(0deg); } }

/*====================
** Normalize
====================*/
html {
  font-family: "Open Sans", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  /*  base font size  15px= 1em*/
  margin: 0;
  color: #49E18D;
  overflow-x: hidden; 
  background:#000;
}

h1 {
  font-size: 60px;
  line-height: 1.0833333333333333; }

h2 {
  font-size: 48px;
  line-height: 1.4444444444444444; }

h3 {
  font-size: 26px;
  line-height: 1.0833333333333333; }

h4 {
  font-size: 22px;
  line-height: 1.2380952380952381; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans", sans-serif; }

p {
  font-size: 17px;
  color: #fff;
  line-height: 1.625;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

a {
  color: #000d20;
  text-decoration: none; }

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none; }

a i {
  padding: 0 2px; }

img {
  max-width: 100%; }

/*input and button type focus outline disable*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ddd; }

/**
 * 5.0 - Alignments
 */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em; }

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

/*------------------------------
    Navbar Area
------------------------------*/
.navbar-area {
  background: #14372252;
    backdrop-filter: blur(8px);
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in; 
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;}
  .navbar-area.nav-fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;box-shadow: 0px -1px 5px #000; }
    .navbar-area.nav-fixed .logo img {
      margin-top: 18px;margin-bottom: 18px; }
  .navbar-area .logo img {
    margin-top: -7px;    margin-bottom: 7px; }
  .navbar-area ul {
    text-align: right;
    padding: 22px 0; }
    .navbar-area ul li {
      display: inline-block;
      font-size: 14px;
      line-height: 26px;
      text-transform: uppercase;
      font-weight: 700;
      padding: 15px 17px; }
      .navbar-area ul li a {
        color: #49E18D; }
      .navbar-area ul li.boxed-btn-rounded {
        display: inline-block;
        background: linear-gradient(90deg,#5f0002 .65%,#cf0401 48.26%,#ff5c5a 100%);
        text-transform: uppercase;
        color: #fff;
        padding: 12px 30px;
        font-size: 14px;
        line-height: 26px;
        border-radius: 25px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        cursor: pointer;
        margin-left: 20px; }
        .navbar-area ul li.boxed-btn-rounded:hover {
          background-color: #000D20; }

/*------------------------------
    Header Area
------------------------------*/
.header-area {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
  overflow: hidden; }
  .header-area:after {
    position: absolute;
    left: 0;
    top: 0;
    
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1; }
  .header-area.header-bg {
    background-color: #0e1713;
  }
  .header-area .left-content {
    padding-top: 120px; }
    .header-area .left-content h1 {
      color: #fff;
      line-height: 70px;
      margin-bottom: 25px;
      font-size: 50px;
    font-weight: 800;
    text-shadow: 0 1px 12px rgb(78 184 214 / 39%), 0 1px 21px rgb(78 184 214 / 71%);
    }
    .header-area .left-content p {
      color: #ffffff;
      line-height: 26px; }
  .header-area .right-content {
    position: absolute;
    z-index: 2; }
    .header-area .right-content .invest-box-wrapper {
      background-color: #be1117;
      padding: 57px 60px 40px 60px;
      border-radius: 6px;
      text-align: center;
      margin-left: 30px;
      margin-right: 15px;
      margin-top: 40px;
      box-shadow: 5px 6px 18px #4f4f50;
    }
      .header-area .right-content .invest-box-wrapper h3 {
        font-size: 26px;
        line-height: 100%;
        margin-bottom: 22px;
        color: #fff;
        font-weight: 700; }
      .header-area .right-content .invest-box-wrapper p {
        font-size: 14px;
        line-height: 24px;
        color: #f9dada; }
    .header-area .right-content .invest-form-wrapper {
      padding-top: 20px; }
      .header-area .right-content .invest-form-wrapper input[type=email] {
        text-align: center;
        color: #f9dada;
        padding: 13px 20px;
        margin-bottom: 20px;
        background-color: #b70c12;
        border-radius: 25px;
        font-size: 14px; }
        .header-area .right-content .invest-form-wrapper input[type=email]::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=email]:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=email]::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=email]:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=email]::-webkit-input-placeholder {
          /* WebKit browsers */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=email]:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=email]::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=email]:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=email]:focus {
          border: none; }
      .header-area .right-content .invest-form-wrapper input[type=text] {
        text-align: center;
        color: #f9dada;
        padding: 15px 20px;
        margin-bottom: 20px;
        background-color: #b70c12;
        border-radius: 25px;
        font-size: 14px; }
        .header-area .right-content .invest-form-wrapper input[type=text]::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=text]:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=text]::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=text]:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #f9dada; }
        .header-area .right-content .invest-form-wrapper input[type=text]::-webkit-input-placeholder {
          /* WebKit browsers */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=text]:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=text]::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=text]:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          font-style: italic; }
        .header-area .right-content .invest-form-wrapper input[type=text]:focus {
          border: none; }
      .header-area .right-content .invest-form-wrapper input[type=submit] {
        text-align: center;
        color: #fff;
        padding: 15px 20px;
        margin-top: 8px;
        margin-bottom: 20px;
        background-color: #d71311;
        width: 100%;
        border-radius: 25px;
        font-size: 14px;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .header-area .right-content .invest-form-wrapper input[type=submit]:focus {
          border: none; }
        .header-area .right-content .invest-form-wrapper input[type=submit]:hover {
          background-color: #000D20; }

/*--------------------
    Support Bar
--------------------*/
.support-bar {
  background: linear-gradient(90deg,#5f0002 .65%,#cf0401 48.26%,#ff5c5a 100%);
  overflow: hidden; }
  .support-bar .support-bar-curve {
    position: relative;
    z-index: 2; }
    .support-bar .support-bar-curve:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 1500px;
      height: 100%;
      content: "";
      z-index: -1;
      background: linear-gradient(90deg,#5f0002 .65%,#cf0401 48.26%,#ff5c5a 100%);
      -moz-transform: skewX(50deg);
      -webkit-transform: skewX(50deg);
      -o-transform: skewX(50deg);
      -ms-transform: skewX(50deg);
      transform: skewX(50deg); }
  .support-bar .support-wrapper {
    height: 50px;
    line-height: 50px; }
  .support-bar .support-bar-left {
    float: left;
    padding-left: 40px; }
    .support-bar .support-bar-left span {
      display: inline-block;
      font-size: 14px;
      color: #ffffff; }
      .support-bar .support-bar-left span i {
        color: #fab64a; }
  .support-bar .support-bar-right {
    float: right; }
    .support-bar .support-bar-right .support-item {
      display: inline-block;
      font-size: 14px;
      color: #ffffff;
      padding-right: 27px; }
      .support-bar .support-bar-right .support-item:last-child {
        padding-right: 0; }
      .support-bar .support-bar-right .support-item i {
        color: #ffffff; }

/*--------------------
    Trusted area 
---------------------*/
.trusted-source-area {
  margin-top: -30px; }
  .trusted-source-area .left-content {
    display: inline-block;
    padding-top: 35px; }
    .trusted-source-area .left-content h6 {
      font-size: 18px;
      color: #b0b0b0;
      line-height: 28px;
      font-weight: 700; }
  .trusted-source-area .right-content .brand-logo-carousel .singl-brand-logo {
    border: 2px solid rgb(255 184 184 / 34%);
    border-radius: 5px; }

/*----------------------
    Double Coin
-----------------------*/
.double-your-coin-area {
  padding: 10px 0 20px; }
  .double-your-coin-area .single-coin-box {
    background: #0e1713;
    padding: 40px 40px 15px 40px;
    margin: 0 45px;
    margin-bottom: 100px;
    border: 1px solid #04B885;
    border-radius: 12px;
    place-items: center;
    width: 435px;
    backdrop-filter: blur(6px);
    box-shadow: 0px 4px 5px 0px rgba(5, 65, 47, 0.60), 0px 0px 8px 0px rgba(187, 255, 228, 0.40) inset;
  }
    .double-your-coin-area .single-coin-box.yellow {
      position: relative;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.yellow:after {
        position: absolute;
        right: -70px;
        top: 50%;
        height: 2px;
        width: 70px;
        background-color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.yellow:before {
        position: absolute;
        right: -76px;
        top: 50%;
        font-size: 16px;
        line-height: 16px;
        text-align: right;
        color: rgba(255, 197, 197, 0.5);
        content: '';
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        content: "˃";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.yellow .icon {
        background-color: #49E18D; }
      .double-your-coin-area .single-coin-box.yellow:hover {
        border-color: #49E18D; }
        .double-your-coin-area .single-coin-box.yellow:hover .content h4 {
          color: #49E18D; }
        .double-your-coin-area .single-coin-box.yellow:hover:before {
          color: #49E18D; }
        .double-your-coin-area .single-coin-box.yellow:hover:after {
          background-color: #49E18D; }
    .double-your-coin-area .single-coin-box.blue {
      position: relative;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.blue:hover {
        border-color: #49E18D; }
        .double-your-coin-area .single-coin-box.blue:hover:before {
          color: #49E18D; }
        .double-your-coin-area .single-coin-box.blue:hover:after {
          background-color: #49E18D; }
        .double-your-coin-area .single-coin-box.blue:hover .content h4 {
          color: #49E18D; }
      .double-your-coin-area .single-coin-box.blue .icon {
        background-color: #49E18D; }
      .double-your-coin-area .single-coin-box.blue:after {
        position: absolute;
        right: 50%;
        bottom: -70px;
        height: 70px;
        width: 2px;
        background-color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateX(-50%);
        /* IE 9 */
        -webkit-transform: translateX(-50%);
        /* Chrome, Safari, Opera */
        transform: translateX(-50%);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.blue:before {
        position: absolute;
        left: 48.7%;
        bottom: -86px;
        font-size: 16px;
        line-height: 16px;
        color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        content: "˅";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
    .double-your-coin-area .single-coin-box.green {
      position: relative;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.green:hover {
        border-color: #49E18D; }
        .double-your-coin-area .single-coin-box.green:hover:before {
          color: #49E18D; }
        .double-your-coin-area .single-coin-box.green:hover:after {
          background-color: #49E18D; }
        .double-your-coin-area .single-coin-box.green:hover .content h4 {
          color: #49E18D; }
      .double-your-coin-area .single-coin-box.green .icon {
        background-color: #49E18D; }
      .double-your-coin-area .single-coin-box.green:after {
        position: absolute;
        top: -35px;
        left: 50%;
        width: 2px;
        height: 70px;
        background-color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.green:before {
        position: absolute;
        top: -80px;
        left: 50.22%;
        font-size: 16px;
        line-height: 16px;
        color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateX(-50%);
        /* IE 9 */
        -webkit-transform: translateX(-50%);
        /* Chrome, Safari, Opera */
        transform: translateX(-50%);
        content: "˄";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
    .double-your-coin-area .single-coin-box.red {
      position: relative;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.red:hover {
        border-color: #49E18D; }
        .double-your-coin-area .single-coin-box.red:hover:after {
          background-color: #49E18D; }
        .double-your-coin-area .single-coin-box.red:hover:before {
          color: #49E18D; }
        .double-your-coin-area .single-coin-box.red:hover .content h4 {
          color: #49E18D; }
      .double-your-coin-area .single-coin-box.red .icon {
        background-color: #49E18D; }
      .double-your-coin-area .single-coin-box.red:after {
        position: absolute;
        left: -70px;
        top: 50%;
        height: 2px;
        width: 70px;
        background-color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box.red:before {
        position: absolute;
        left: -75px;
        top: 49.9%;
        font-size: 16px;
        line-height: 16px;
        text-align: left;
        color: rgb(255 184 184 / 34%);
        content: '';
        -ms-transform: translateY(-50%);
        /* IE 9 */
        -webkit-transform: translateY(-50%);
        /* Chrome, Safari, Opera */
        transform: translateY(-50%);
        content: "˂";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
    .double-your-coin-area .single-coin-box .icon {
      position: absolute;
      left: 40px;
      top: 40px;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      color: #fff;
      text-align: center;
      line-height: 100px; }
      .double-your-coin-area .single-coin-box .icon i {
        font-size: 40px;
        line-break: 40px; }
        .double-your-coin-area .single-coin-box .icon i:before {
          font-size: 40px;
          line-break: 40px; }
    .double-your-coin-area .single-coin-box .content {
      padding-left: 130px; }
      .double-your-coin-area .single-coin-box .content h4 {
        font-size: 21px;
        line-height: 32px;
        color: #fff;
        text-transform: capitalize;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .double-your-coin-area .single-coin-box .content p {
        font-size: 14px;
        line-height: 26px;
        color:  #fff; }

/*---------------------
    Deposit area
----------------------*/
.deposit-area .total-deposit {
  padding: 108px 118px 120px 115px; }
  .deposit-area .total-deposit.deposit-bg {
    background-image: url(../img/bg/deposit-bg.jpg);
    background-position: center;
    background-size: cover; }
  .deposit-area .total-deposit h3 {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 37px; }
  .deposit-area .total-deposit p {
    font-size: 16px;
    color: #9ea9bb; }
  .deposit-area .total-deposit .balance {
    font-size: 40px;
    line-height: 50px;
    color: #d71311;
    font-weight: 700;
    margin-top: 37px;
    display: block; }
  .deposit-area .total-deposit .deposit-form-wrapper .form-element {
    margin-top: 20px;
    position: relative; }
    .deposit-area .total-deposit .deposit-form-wrapper .form-element input[type=text] {
      width: 82%;
      height: 58px;
      padding: 0 40px;
      font-weight: 700;
      color: #515d6f;
      border-radius: 35px;
      border: none; }
      .deposit-area .total-deposit .deposit-form-wrapper .form-element input[type=text]:focus {
        border: none !important;
        outline: none; }
    .deposit-area .total-deposit .deposit-form-wrapper .form-element button[type=button] {
      position: absolute;
      right: 0;
      top: 0;
      width: 175px;
      font-size: 16px;
      height: 60px;
      background-color: #be1117;
      border-radius: 35px;
      color: #fff;
      font-weight: 700;
      cursor: pointer;
      border: none;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .deposit-area .total-deposit .deposit-form-wrapper .form-element button[type=button]:focus {
        border: none;
        outline: none; }

.deposit-area .total-payment {
  padding: 108px 118px 120px 115px; }
  .deposit-area .total-payment.payment-bg {
    background-image: url(../img/bg/payment-bg.jpg);
    background-position: center;
    background-size: cover; }
  .deposit-area .total-payment h3 {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 37px; }
  .deposit-area .total-payment p {
    font-size: 16px;
    color: #ffd8d9; }
  .deposit-area .total-payment .balance {
    font-size: 40px;
    line-height: 50px;
    color: #dddddd;
    font-weight: 700;
    margin-top: 37px;
    display: block; }
  .deposit-area .total-payment .payment-form-wrapper .form-element {
    margin-top: 20px;
    position: relative; }
    .deposit-area .total-payment .payment-form-wrapper .form-element input[type=text] {
      width: 82%;
      height: 58px;
      padding: 0 40px;
      font-weight: 700;
      color: #515d6f;
      border-radius: 35px;
      border: none; }
      .deposit-area .total-payment .payment-form-wrapper .form-element input[type=text]:focus {
        border: none !important; }
    .deposit-area .total-payment .payment-form-wrapper .form-element button[type=button] {
      position: absolute;
      right: 0;
      top: 0;
      width: 175px;
      font-size: 16px;
      height: 60px;
      background-color: #000d20;
      border-radius: 35px;
      color: #fff;
      font-weight: 700;
      cursor: pointer;
      border: none;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .deposit-area .total-payment .payment-form-wrapper .form-element button[type=button]:focus {
        border: none;
        outline: none; }

/*--------------------
    Why Us Area
--------------------*/
.why-us-area {
  padding: 102px 0 35px 0; }
  .why-us-area .left-content {
    text-align: center; }
    .why-us-area .left-content .thumb {
    background: #0e1713;
    border-radius: 6px;
    margin-bottom: 30px;
    border: 1px solid #04B885;
    border-radius: 12px;
    backdrop-filter: blur(6px);
    box-shadow: 0px 4px 5px 0px rgba(5, 65, 47, 0.60), 0px 0px 8px 0px rgba(187, 255, 228, 0.40) inset; 
    }
    .why-us-area .left-content .content h4 {
      font-size: 18px;
      line-height: 36px;
      color: #fff;
      margin-bottom: 15px; }
    .why-us-area .left-content .content p {
      font-size: 14px;
      line-height: 26px;
      color: #fff; }
  .why-us-area .right-content {
    padding-top: 42px; }
    .why-us-area .right-content .singl-why-us-box {
      margin-left: 10px;
      margin-bottom: 80px; }
      .why-us-area .right-content .singl-why-us-box.yellow .icon {
        border-color: #49E18D; }
        .why-us-area .right-content .singl-why-us-box.yellow .icon i {
          color: #49E18D; }
      .why-us-area .right-content .singl-why-us-box.yellow .content .header:after {
        background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);} 
      .why-us-area .right-content .singl-why-us-box.yellow:hover .icon {
        background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);} 
        .why-us-area .right-content .singl-why-us-box.yellow:hover .icon i {
          color: #fff; }
      .why-us-area .right-content .singl-why-us-box.blue .icon {
        border-color: #49E18D; }
        .why-us-area .right-content .singl-why-us-box.blue .icon i {
          color: #49E18D; }
      .why-us-area .right-content .singl-why-us-box.blue .content .header:after {
        background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);} 
      .why-us-area .right-content .singl-why-us-box.blue:hover .icon {
        background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);} 
        .why-us-area .right-content .singl-why-us-box.blue:hover .icon i {
          color: #fff; }
      .why-us-area .right-content .singl-why-us-box.green .icon {
        border-color: #5bbd1a; }
        .why-us-area .right-content .singl-why-us-box.green .icon i {
          color: #5bbd1a; }
      .why-us-area .right-content .singl-why-us-box.green .content .header:after {
        background-color: #5bbd1a; }
      .why-us-area .right-content .singl-why-us-box.green:hover .icon {
        background-color: #5bbd1a; }
        .why-us-area .right-content .singl-why-us-box.green:hover .icon i {
          color: #fff; }
      .why-us-area .right-content .singl-why-us-box.red .icon {
        border-color: #ff1b41; }
        .why-us-area .right-content .singl-why-us-box.red .icon i {
          color: #ff1b41; }
      .why-us-area .right-content .singl-why-us-box.red .content .header:after {
        background-color: #ff1b41; }
      .why-us-area .right-content .singl-why-us-box.red:hover .icon {
        background-color: #ff1b41; }
        .why-us-area .right-content .singl-why-us-box.red:hover .icon i {
          color: #fff; }
      .why-us-area .right-content .singl-why-us-box .icon {
        position: absolute;
        left: 20px;
        top: -46px;
        width: 100px;
        height: 100px;
        line-height: 115px;
        text-align: center;
        border: 2px solid #ddd;
        border-radius: 50%;
        background-color: #fff;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .why-us-area .right-content .singl-why-us-box .icon i {
          font-size: 40px;
          line-height: 40px;
          -webkit-transition: all 0.3s ease-in;
          -moz-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in; }
          .why-us-area .right-content .singl-why-us-box .icon i:before {
            font-size: 40px;
            line-height: 40px; }
      .why-us-area .right-content .singl-why-us-box .content .header {
        margin-left: 50px;
        padding: 2px 0;
        padding-left: 65px;
        position: relative;
        overflow: hidden;
        margin-bottom: 25px; }
        .why-us-area .right-content .singl-why-us-box .content .header:after {
          position: absolute;
          left: -18%;
          top: 0;
          width: 110%;
          height: 100%;
          background-color: #f00;
          -moz-transform: skewX(40deg);
          -webkit-transform: skewX(40deg);
          -o-transform: skewX(40deg);
          -ms-transform: skewX(40deg);
          transform: skewX(40deg);
          content: '';
          z-index: -1; }
        .why-us-area .right-content .singl-why-us-box .content .header h4 {
          color: #fff;
          font-size: 18px;
          line-height: 36px;
          text-transform: capitalize;
          padding-top: 7px; }
      .why-us-area .right-content .singl-why-us-box .content p {
        font-size: 14px;
        line-height: 24px;
        color: #fff; }

/*-------------------------
    Transactoin area
-------------------------*/
.all-transation-area {
  padding: 120px 0 105px 0;
  background-color: #f1f1f1; }
  .all-transation-area .tab-content-area .deposit table {
    width: 100%;
    min-width: 999px;
    overflow-X: auto; }
    .all-transation-area .tab-content-area .deposit table thead {
      background-color: #d71311; }
  .all-transation-area .tab-content-area .payout table {
    width: 100%;
    min-width: 999px;
    overflow-X: auto; }
    .all-transation-area .tab-content-area .payout table thead {
      background-color: #be1117; }
  .all-transation-area .tab-content-area table {
    width: 100%;
    min-width: 999px;
    overflow-X: auto; }
    .all-transation-area .tab-content-area table td,
    .all-transation-area .tab-content-area table th {
      border: none; }
      .all-transation-area .tab-content-area table td i,
      .all-transation-area .tab-content-area table th i {
        color: #d71311; }
    .all-transation-area .tab-content-area table thead {
      background-color: #000d20; }
      .all-transation-area .tab-content-area table thead th {
        font-size: 16px;
        padding: 18px 20px;
        color: #fff; }
    .all-transation-area .tab-content-area table tbody tr td {
      padding: 20px 12px;
      font-size: 14px; }
    .all-transation-area .tab-content-area table tbody tr:nth-child(even) {
      background-color: #f0f3f7; }
    .all-transation-area .tab-content-area table tbody tr:nth-child(odd) {
      background-color: #fff; }
  .all-transation-area .tab-navbar-area .nav-tabs .nav-item.show .nav-link,
  .all-transation-area .tab-navbar-area .nav-tabs .nav-link.active {
    background: #000d20;
    text-align: center;
    padding: 12px 42px; }
    .all-transation-area .tab-navbar-area .nav-tabs .nav-item.show .nav-link h4,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link.active h4 {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      text-transform: capitalize; }
      .all-transation-area .tab-navbar-area .nav-tabs .nav-item.show .nav-link h4 .number,
      .all-transation-area .tab-navbar-area .nav-tabs .nav-link.active h4 .number {
        display: block;
        font-size: 26px;
        line-height: 28px;
        font-weight: 700; }
  .all-transation-area .tab-navbar-area .nav-tabs .nav-link,
  .all-transation-area .tab-navbar-area .nav-tabs .nav-link:focus,
  .all-transation-area .tab-navbar-area .nav-tabs .nav-link:hover {
    width: 200px;
    background: #000d20;
    text-align: center;
    padding: 12px 42px;
    border: none;
    margin-right: 10px;
    border-radius: none; }
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link.yellow,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link:focus.yellow,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link:hover.yellow {
      background-color: #d71311; }
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link.red,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link:focus.red,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link:hover.red {
      background-color: #be1117; }
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link h4,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link:focus h4,
    .all-transation-area .tab-navbar-area .nav-tabs .nav-link:hover h4 {
      margin-top: 5px;
      margin-bottom: 2px;
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      text-transform: capitalize; }
      .all-transation-area .tab-navbar-area .nav-tabs .nav-link h4 .number,
      .all-transation-area .tab-navbar-area .nav-tabs .nav-link:focus h4 .number,
      .all-transation-area .tab-navbar-area .nav-tabs .nav-link:hover h4 .number {
        display: block;
        font-size: 26px;
        line-height: 28px;
        font-weight: 700; }

/*------------------------
    Feedbacks area
------------------------*/
.clients-feedbacks-area {
  padding: 100px 0 170px 0; }
  .clients-feedbacks-area .testimonial-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -57px;
    -ms-transform: translateX(-50%);
    /* IE 9 */
    -webkit-transform: translateX(-50%);
    /* Chrome, Safari, Opera */
    transform: translateX(-50%); }
    .clients-feedbacks-area .testimonial-carousel .owl-dots div {
      height: 10px;
      width: 10px;
      background: #dedede;
      display: inline-block;
      margin: 2px;
      border-radius: 50%; }
      .clients-feedbacks-area .testimonial-carousel .owl-dots div.active {
        background: #d71311; }
  .clients-feedbacks-area .testimonial-carousel .single-testimonial-item {
    border: 2px solid rgb(255 255 255 / 34%);
    border-radius: 6px;
    position: relative;
    text-align: center;
    margin-top: 50px; }
    .clients-feedbacks-area .testimonial-carousel .single-testimonial-item .thumb {
      display: inline-block;
      position: absolute;
      top: -50px;
      left: 50%;
      -ms-transform: translateX(-50%);
      /* IE 9 */
      -webkit-transform: translateX(-50%);
      /* Chrome, Safari, Opera */
      transform: translateX(-50%); }
      .clients-feedbacks-area .testimonial-carousel .single-testimonial-item .thumb img {
        width: 100px;
        height: 100px;
        border-radius: 50%; }
    .clients-feedbacks-area .testimonial-carousel .single-testimonial-item .content {
      padding: 75px 40px 30px 40px; }
      .clients-feedbacks-area .testimonial-carousel .single-testimonial-item .content p {
        font-size: 14px;
        line-break: 26px;
        color: #CF0401;
        font-style: italic; }
      .clients-feedbacks-area .testimonial-carousel .single-testimonial-item .content h6 {
        margin-top: 27px;
        font-size: 16px;
        line-break: 26px;
        color: #d71311;
        text-transform: capitalize; }

/*------------------------
    Faq Area
-------------------------*/
.faq-area {
  padding: 100px 0 100px 0;
  background-color: #f1f1f1; }
  .faq-area .accordion-wrapper .card {
    background-color: transparent;
    border: none;
    margin-bottom: 20px; }
    .faq-area .accordion-wrapper .card .card-body {
      padding-top: 27px;
      padding-bottom: 10px; }
    .faq-area .accordion-wrapper .card .card-header {
      padding: 0;
      background-color: transparent;
      border-radius: 0;
      border: none; }
      .faq-area .accordion-wrapper .card .card-header h5 button {
        padding: 16px 30px;
        background-color: #fff;
        border-radius: 30px;
        position: relative;
        width: 100%;
        text-align: left;
        text-decoration: none;
        color: #CF0401; }
        .faq-area .accordion-wrapper .card .card-header h5 button:after {
          position: absolute;
          right: 5px;
          top: 50%;
          width: 50px;
          height: 50px;
          background-color: #d71311;
          color: #fff;
          text-align: center;
          border-radius: 50%;
          line-height: 50px;
          content: "";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          -ms-transform: translateY(-50%);
          /* IE 9 */
          -webkit-transform: translateY(-50%);
          /* Chrome, Safari, Opera */
          transform: translateY(-50%); }
        .faq-area .accordion-wrapper .card .card-header h5 button[aria-expanded="true"]:after {
          content: "\f106"; }

/*------------------------
    Contact Area
-------------------------*/
.contact-area {
  padding: 0px 0 120px 0;
  position: relative;
  z-index: 1; }
  .contact-area .contact-from-wrapper input[type=submit],
  .contact-area .contact-from-wrapper button[type=submit] {
    display: block;
    margin: 0 auto;
    background:linear-gradient(90deg,#5f0002 .65%,#cf0401 48.26%,#ff5c5a 100%);
    color: #fff;
    /*margin-top: 35px;*/
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .contact-area .contact-from-wrapper input[type=submit]:hover,
    .contact-area .contact-from-wrapper button[type=submit]:hover {
      background-color: #19212e;
    color: #fff;

    }
  .contact-area .contact-from-wrapper textarea {
    resize: none; 
  }
  .contact-area .styled-background-shape{
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 1;
    background: radial-gradient(50% 50% at 50% 50%, rgba(9, 207, 154, 0.9) 0%, rgba(14, 122, 104, 0.75) 15%, rgba(17, 28, 46, 0.4) 50%, rgba(23, 17, 51, 0) 95%);
    width: 1600px;
    height: 1600px;
    transform: translate(-50%, 55%);
  }

/*-------------------------
    Footer Area
-------------------------*/
.footer-area {
  margin-top: -375px;
  padding: 375px 0 70px 0; }
  .footer-area.footer-bg {
    background-image: url(../img/bg/footer-bg.jpg);
    background-size: cover;
    background-position: center; }
  .footer-area .footer-social {
    float: right; }
    .footer-area .footer-social ul li {
      display: inline-block;
      padding: 0 5px; }
      .footer-area .footer-social ul li a {
        color: #fff;
        font-size: 25px;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .footer-area .footer-social ul li a:hover.facebook {
          color: #3b5999; }
        .footer-area .footer-social ul li a:hover.twitter {
          color: #55acee; }
        .footer-area .footer-social ul li a:hover.dribbble {
          color: #E44584; }
        .footer-area .footer-social ul li a:hover.fonticons {
          color: #3498DB; }

.copyright-area {
  overflow: hidden;
  height: 60px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 60px; }
  .copyright-area.copyright-bg {
    background: #0E1713;
    background-size: cover;
    background-position: center; }
    .sign{
      background:linear-gradient(90deg,#cbfb45 .65%,#0f9cc9 48.26%,#7b61ff 100%);
  padding-top: 42px;
  padding-bottom: 25px;
  }
  .sign-head{
    background: #ECD596;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 25px;
  border-top-right-radius: 106%;
  border-top: 28px solid #0f9cc9;
  }
  .c1{
      color: #fff;
  }
  .section-title {
  margin-bottom: 25px !important;
}
.contact-area {
  padding: 33px 0 40px 0 !important;
 
  background-size: cover;
}
.b{
  color: #fff;
}

.br15{
  border-radius: 15px;
}
.box {
    text-align: center;
    border-radius: 20px;
    border: 2px solid #49E18D;
    padding: 38px 42px;
    position: relative;
    background-color: #0E1713;
}

/* faq css */
main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 60rem;
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e7eb2e;
  border-radius: 5px;
}

.accordion .accordion-item .accordion-item-description-wrapper hr {
  border: none;
  border-top: 1px solid var(--border-color);
  visibility: visible;
}

.accordion .accordion-item.open .accordion-item-description-wrapper hr {
  visibility: visible;
}

.accordion .accordion-item .accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}

.accordion .accordion-item .accordion-item-header .accordion-item-header-title {
  font-weight: 600;
}

.accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
  transition: var(--transition);
}

.accordion
  .accordion-item.open
  .accordion-item-header
  .accordion-item-header-icon {
  transform: rotate(-180deg);
}

.accordion .accordion-item .accordion-item-description-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: var(--transition);
}

.accordion .accordion-item.open .accordion-item-description-wrapper {
  grid-template-rows: 1fr;
}

.accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description {
  min-height: 0;
}

.accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description
  p {
  padding: 10px;
  line-height: 1.5;
}

/*login css*/
.login-bg{
  background: #111010;
  font: 400 15px / 28px "Montserrat", sans-serif;
  overflow-x: hidden;
  color: white;
}
.logo {
    text-align: center;
    position: relative;
    z-index: 1;
}
.wrapper {
    border: 2px solid #49E18Dd4;
    margin-top: 0px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
}
.wrapper > .container {
    border-radius: inherit;
    padding: 25px;
}

.auth__col_border {
    border-right: 1px solid #49E18Dd4;
}
.auth__col {
    padding: 25px 0 25px 0;
}

.auth__title {
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
}
.auth-sign__btn, .auth-sign__btn:link, .auth-sign__btn:visited {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    top: 0;
    left: 0;
    padding: 15px 40px;
    min-width: 300px;
    border-radius: 6px;
    display: inline-block;
    transition: all .5s;
    color: #f9f9f9;
    white-space: nowrap;
    background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border: 1px outset #49E18D;
}
.auth__col_child + .auth__col_child {
    margin-top: 18px;
}
.auth__col {
    padding: 25px 0 25px 0;
}

.auth-form {
    text-align: center;
}
.auth-form__input {
    width: 350px!important;
    white-space: nowrap;
    text-align: center;
    border: none!important;
    border-radius: 6px;
    padding: 15px 40px!important;
    border-radius: 6px;
    color: #eee;
    background-image: linear-gradient(275deg, #5bf193 4.05%, #00a178 50.05%, #015640);
    box-shadow: 0 0 3px;
    font-size: 17pt;
}
.auth-form__btn {
    margin: 0 auto;
    min-width: 350px!important;
    white-space: nowrap;
    text-align: center;
    border-radius: 6px!important;
    width: 35%;
    padding: 15px 40px;
    color: inherit;
    text-transform: uppercase;
    margin: 15px 15px 20px;
    background: transparent!important;
    border: 1px solid #49E18D!important;
}

.brTop {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #49E18D;
}
.auth__footer {
    padding: 10px 0 10px 0;
}
.auth__col {
    padding: 25px 0 25px 0;
}
.auth__col {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    position: relative;
}
.auth__footer p {
    margin-bottom: 0;
}
.auth__link_orange {
    color: #49E18D;
}
.auth__link {
    text-decoration: underline;
    font-size: 20px;
    font-weight: 600;
}
.auth__link_pink {
    color:#49E18D;
}
.auth__link {
    text-decoration: underline;
    font-size: 20px;
    font-weight: 600;
}
.auth_instr{
  height: 30px; 
}
.auth_instr a{
  color: #fff;
 }
.auth_instr a:hover{
  color: #49E18D;
} 
.login-bg .logo {
    text-align: center;
    margin: 20px 0;
    display: block; 
}
@media (max-width: 768px) {
  .login-bg .logo img {
      width: 200px
  }
  
  .login-bg .logo {
    text-align: center;
    margin: 20px 0;
    display: block; 
  }
  .mt-13 {
   margin-top: 13rem;
 
  }
  .auth__col_border {
    border-bottom: 1px solid #49E18D;
    border-right: none;
  }
  .auth-form__input {
    width: 300px !important;
  }
  .auth-form__btn {
    min-width: 300px !important;
    
  }
}