/*! Place your custom styles here */

* {
  font-family: 'Poppins', sans-serif !important;
}

body * {
  z-index: 2;
} 

html {
  min-height: 100vh;
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
}

.success {
  color: #10b759;
}

.error {
  color: #e51b23;
}

.register-form input {
  color: #000000;
}

#marketing_tooltip_button {
  color: blue;
}

.email-icon {
  width: 82px;
  height: 82px;
}

.modal-container.modal-active {
  overflow-y: scroll;
}

.email-loader {
  width: 50px;
  height: 50px;
}

.waitMe_container .waitMe_progress.facebook > div {
  height: 20px !important;
}

.waitMe_container .waitMe .waitMe_content {
  top: 25% !important;
}

.color-w {
  color: #fff !important;
}

.color-b {
  color: #000 !important;
}

.filtr-w {
  filter: brightness(0) invert(1);
}

@font-face {
  font-family: gilroy light;
  src: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Ffonts%2Fgilroy%2Ffont.otf");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: gilroy light;
  src: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Ffonts%2Fgilroy%2Ffont-bold.ttf");
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: gilroy light;
  src: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Ffonts%2Fgilroy%2Ffont-medium.ttf");
  font-weight: 500;
  font-display: swap;
}

* {
  font-family: gilroy light, Helvetica, sans-serif !important;
}

body {
  font-family: gilroy light, Helvetica, sans-serif !important;
}

.background-d {
  background-color: #040404 !important;
}

.card-bl {
  color: #fff;
  border: 1px solid #131e3f !important;
  background-color: #131e3f !important;
}

.card-bb {
  color: #fff;
  border: 1px solid #000000 !important;
  background-color: #000000 !important;
}

.tx-success {
  color: #28a745 !important;
}

.tx-danger {
  color: #dc3545 !important;
}

.blue {
  color: var(--bitclude-blue)
}

.underline {
  text-decoration: underline;
}

.header .navbar-wh .dropdown-toggle:before {
  background-color: #fff;
}

.header .navbar-wh .dropdown-toggle:after {
  background-color: #fff;
}

.held-m {
  width: 220px;
  margin-left: calc(50% - 110px);
  text-align: justify;
}

.w-25 {
  width: 33% !important;
}

.show-mobile {
  display: none;
}

@media only screen and (max-width: 600px) {
  .mobile-auto {
    width: auto;
  }
  .w-100-mobile {
    width: 100%;
  }
  .mg-t-2 {
    margin-top: 5px;
  }
  .show-mobile {
    display: block !important;
  }
}

.g-width-100 {
  width: 100px;
}

.g-height-100 {
  height: 100px;
}

.g-width-80 {
  width: 80px;
}

.g-height-60 {
  height: 60px;
}

.g-height-40 {
  height: 40px;
}

.g-width-40 {
  width: 40px;
}

.g-width-30 {
  width: 30px;
}

.g-height-30 {
  height: 30px;
}

.rounded-circle {
  border-radius: 50%;
}

.w-justify {
  text-align: justify;
}

.chart-nav-period li button {
  color: #001737;
}

.ptr-e-none {
  pointer-events: none;
}

.open-account-btn {
  padding-right: 10px;
  padding-left: 10px;
}

.mobile-img {
  width: 280px;
}

@media (min-width: 720px) {
  .section-pd {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}

.payments-pd {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.lang-options {
  font-size: 14px;
}

.lang-options li a {
  display: block;
}

.dropdown .dropdown__content:not([class*="col-"]) {
  width: 100% !important;
}

/* .dropdown__container {
    left: -200px !important;
} */

/* .lang-container {
    max-width: 150px!important;
    width: 150px!important;
} */

/* .index-content {
    margin-left: 60px;
    margin-right: 60px;
} */

/* .container {
    margin-left: 60px! important;
    margin-right: 60px! important;
} */

/* .row-content {
    margin-left: 60px! important;
    margin-right: 60px! important;
} */

.btn--primary,
.btn--primary:visited {
  background: #3e50f7;
  border-color: #3e50f7;
}

.bg--green {
  background: green;
}

.container-fixed-navbar {
  margin-bottom: 73px !important;
}

.line-heigh--normal {
  line-height: 1.85714286em;
  padding: 5px;
  margin-left: 5px;
}

.bg--primary {
  background: #3e50f7;
}

.bar .logo {
  max-height: 2.5em;
  max-width: none;
}

.logo {
  margin-bottom: 0;
}

.custom-coin {
  width: 70px;
  height: 40px;
  opacity: 0.9;
}

th {
  font-weight: lighter;
}

.register-success-box{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  text-align: center;
  margin-top: 25px;
  font-size: 18px;
  flex-direction: column;
}

.register-success-box img{
  margin-bottom: 15px;
}

.custom-container {
  padding: 25px;
}

.custom-number {
  color: #fff;
  font-size: 3.2em;
  margin-bottom: 0 !important;
}

.boxed-custom {
  border-radius: 6px;
  padding: 0 !important;
  border: 0 !important;
}

.aff-image {
  width: 50px;
}

.title-center {
  text-align: center;
}

.aff-note {
  margin-left: 38px;
}

.aff-section {
  padding-top: 60px;
}

.more-tooltip {
  border: 0;
  text-decoration: underline;
  color: #4a90e2;
}

.country-select {
  max-width: 100% !important;
  width: 100% !important;
}

.m-b-0 {
  margin-bottom: 0;
}

.background--custom {
  background: #3e50f7;
  opacity: 1;
}

[data-overlay]:before {
  background: #3e50f7;
}

@media only screen and (max-width: 600px) {
  .hide-mobile {
    display: none;
  }
  .mobile-width-100 {
    width: 100%;
  }
}

.process-3 li .process__number {
  width: 5.5em;
  height: 5.5em;
  border-radius: 50%;
  border: 2px solid #000000;
}

.process-3:before {
  left: 2.75em;
}

.term-box {
  width: 40px;
  filter: grayscale(100%);
  opacity: 0.5;
}

.primary-filtr {
  filter: invert(27%) sepia(89%) saturate(4296%) hue-rotate(232deg)
    brightness(99%) contrast(95%);
}

.primary-border {
  border: 2px solid #3e50f7 !important;
}

.primary-process:before {
  border-left: 1px dashed #3e50f7;
  margin-left: 20%;
}

.m-l-20-p {
  margin-left: 20%;
}

.m-l-5-p {
  margin-left: 5%;
}

.width-auto {
  width: auto !important;
  float: left !important;
  text-align: left !important;
  padding-top: 10px;
}

.process-go {
  margin-bottom: 1.5em !important;
}

.feature-up {
  width: 50px;
}

.feature-down {
  width: 100px;
}

.title-center {
  text-align: center;
}

.start-nav-bg {
  height: 68px;
}

.mg-0 {
  margin: 0px !important;
}

.login-btn {
  background: rgb(239, 239, 239);
  border-color: #fff;
  margin-left: 10px;
}
.login-btn span{
  color: rgb(58, 58, 58) !important 
}

@media (max-width: 992px) {
  .navbar-mobile-fontsize {
    font-size: 16px;
  }
  .nav-dropdown-title {
    display: block;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0.46857143em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
  }
  .nav-dropdown-title:last-of-type {
    margin-top: 0.92857143em;
  }
  .nav-dropdown-options {
    font-size: 15px;
  }
  .login-btn {
    margin-left: 0px;
  }
  .nav-dark #bc-navbar .login-btn .btn__text,
  .nav-dark #bc-navbar .login-btn {
    margin-left: 0px;
    /* color: #6f717c;
        border-color: #6f717c; */
  }
  .wd-100p-xs {
    width: 100%;
  }
}

.grey-link {
  color: #252525;
  opacity: 0.5;
}

.active-offer {
  display: block;
  animation: fadeInLeft 0.5s ease forwards;
  backface-visibility: hidden;
}

.work-offer ul li {
  list-style-type: square;
}

.work-offer {
  text-align: left;
}

.work-offer ul {
  margin-left: 30px;
}

.work-offer h5 {
  margin-bottom: 1rem;
}

.work-offer .btn {
  margin-top: 10px;
  text-align: center;
}

.see-offer-details-btn {
  width: 70%;
  padding-top: 0.46428571em !important;
  padding-bottom: 0.46428571em !important;
  padding-right: 2.78571429em !important;
  padding-left: 2.78571429em !important;
}

.offer-title h5 {
  margin-top: 15px;
}

.h1-replacer {
  font-size: 42px;
  margin-bottom: -5%;
  margin-left: 0;
  margin-right: 0;
}

.h4-replacer {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
}

.landing-list-style {
  list-style-type: square;
}

ul {
  list-style-type: square;
}

footer ul,
.nav-dark ul,
.nav-light ul {
  list-style-type: none;
}

.register-info-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

body > div > .grecaptcha-badge {
  display: none;
}

.button-info {
  top: -1.3rem !important;
}

.nav-container {
  display: flex;
  flex-direction: column;
}

@media (max-width: 991.8px) {
  .register-info-block {
    flex-direction: column;
  }
  .register-link {
    margin-top: 1rem;
  }
}

select.landings-category-select {
  font-weight: 700 !important;
  font-size: 0.85714286em !important;
  height: 37px;
  min-width: 150px !important;
}

#landings-categories-select {
  background-color: #f0f0f0 !important;
  border-color: #ebebeb !important;
  color: #4f4f4f !important;
}

#search-landings-btn {
  background-color: #f0f0f0 !important;
  border-color: #ebebeb !important;
  color: #4f4f4f !important;
}

.landings-search-box input {
  min-width: 200px !important;
}

#search-landings-btn {
  height: 37px;
}

.img-security .background-image-holder {
  height: 100% !important;
  min-height: 300px !important;
  position: relative !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.img-security .border--round {
  height: 100% !important;
}

#register-form-modal {
  font-size: 12px;
}

#register-form-modal .input-checkbox label::after {
  margin-bottom: 1px !important;
}

#register-form-modal label {
  font-weight: 600;
  font-size: 14px !important;
  letter-spacing: 0.4px;
}

#register-form-modal input{
  font-size: 14px !important;
  border-radius: var(--radius);
  font-family: Arial, 'Sans Serif' !important;
  color: #222;
}

#register-form-modal input::placeholder{
  font-size: 14px;
}

#register-modal-stepOne > .h3 {
  font-size: 20px !important;
  color: #666;
  text-align: center;

}

#register-modal-stepOne {
  position: relative;
}

.table.dataTable,
.table.dataTable th {
  border-color: #ececec !important;
  border-radius: 0;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: normal !important;
}

/* Responsive table */
@media (max-width: 576px) {
  /* .ratesTable th:nth-child(1), .ratesTable td:nth-child(1), .ratesTable th:nth-child(4), .ratesTable td:nth-child(4), .ratesTable th:nth-child(5), .ratesTable td:nth-child(5) {
        display: none;
    } */
  .ratesTable span {
    font-size: 12px !important;
  }

  .ratesTable a {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .ratesTable img {
    width: 45px;
    height: 35px;
  }

  .ratesTable a > span {
    font-size: 10px !important;
  } 
}

.container ul li {
  list-style-position: inside !important;
}

.toc-list a {
  color: inherit !important;
}

.toc-list a:hover {
  text-decoration: underline !important;
}

.toc-list::-webkit-scrollbar {
  display: none;
}

.toc-list {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.read-also-list a {
  color: inherit !important;
}

.read-also-list a:hover {
  text-decoration: underline !important;
}
@media (max-width: 764px) {
  .feature h4,
  .feature p {
    max-width: 100% !important;
  }
  .no-content-wave{
    top: 0;
    margin-top: -250px;
  }
}

.lang-options li a {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.lang-flag {
  width: 25px;
  height: 15px;
  opacity: 100% !important;
  margin-right: 5px;
  transition: .2s;
  /* background-image: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fwebp%2Fmerged-flags.webp"); */
  background-size: auto 15px;
  border-radius: 5px;
}
.lang-flag:hover{
  transition: .2s;
  opacity: 90% !important;
  cursor: pointer;
}

.lang-active{
  opacity: 80% !important;
  margin-top: -2px;
}

.lang-flag-en {
  background-position: -97px 0 !important;
}

.lang-flag-pl {
  width: 23px !important;
  background-position: -329px 0 !important;
}

.lang-flag-de {
  width: 24px !important;
  background-position: -48px 0 !important;
}

.lang-flag-cs {
  width: 22px !important;
  background-position: -25px 0 !important;
}

.lang-flag-el {
  width: 22px !important;
  background-position: -73px 0 !important;
}

.lang-flag-es {
  width: 22px !important;
  background-position: -125px 0 !important;
}

.lang-flag-fr {
  width: 22px !important;
  background-position: -148px 0 !important;
}

.lang-flag-hr {
  /* width: 22px !important; */
  background-position: -172px 0 !important;
}

.lang-flag-hu {
  /* width: 22px !important; */
  background-position: -201px 0 !important;
}

.lang-flag-it {
  width: 22px !important;
  background-position: -230px 0 !important;
}

.lang-flag-lt {
  width: 24px !important;
  background-position: -253px 0 !important;
}

.lang-flag-lv {
  width: 24px !important;
  background-position: -278px 0 !important;
}

.lang-flag-no {
  width: 21px !important;
  background-position: -307px 0 !important;
}

.lang-flag-pt {
  width: 22px !important;
  background-position: -352px 0 !important;
}

.lang-flag-ro {
  width: 22px !important;
  background-position: -375px 0 !important;
}

.lang-flag-sv {
  width: 24px !important;
  background-position: -397px 0 !important;
}

.lang-flag-uk {
  width: 22px !important;
  background-position: -421px 0 !important;
}

/*ratesTable*/
table .h4 {
  margin-bottom: 0px;
  vertical-align: middle;
}

table img {
  margin-bottom: 0px;
}

.clickable-row {
  cursor: pointer;
}

/* table tbody tr {
    height: 70px !important;
} */

.table th,
.table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

footer span:hover {
  cursor: pointer !important;
}

.tab__content{
  animation: none !important;
}

.termsSite .tabs-content{
  min-height: 500px !important;
  overflow-y: scroll !important;
}

.a-terms-and-conditions {
  margin-left: 10px !important;
}

.termsSite .tabs{
  background: white !important;
}

ol {
  list-style-position: inside !important;
}

.read-also-box {
  margin-top: 50px !important;
}

#rates {
  position: relative;
  width: 100% !important;
  border-radius: var(--radius);
  background: rgba(255,255,255, 0.2);
}

#tableRatesGradientOverlay{
  position: absolute;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.85) 80%, rgba(255,255,255,0) 100%);  
  bottom: 0;
  display: flex;
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  z-index: 99 !important;
  justify-content: center;
  align-items: center;
}

#tableRatesGradientOverlay a{
  text-align: center;
  font-size: 14px;
  margin-top: 30px;
  font-weight: 600;
  border: 2px solid rgb(164, 164, 164);
  padding: 4px 16px;
  border-radius: 8px;
  cursor: pointer;
  color: inherit;
  transition: .2s;
}

#tableRatesGradientOverlay a:hover{
  margin-bottom: 20px;
  transition: .2s;
}

.index-3-points{
  margin-top: 20px;
  margin-left: 20px;
}

.index-3-points > div{
  padding-left: 25px;
  padding-bottom: 25px;
  border-left: 1px solid rgb(219, 219, 219);
}

.index-3-points > div:last-of-type{
  border-left: 0px;
}

.index-3-points > div > span{
  margin: 0px 0px 0px -12px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 24px;
  height: 24px;
  color: white;
  font-size: 13px;
  font-weight: 600;
}

.index-3-points > div > div > span{
  font-size: 17px;
  font-weight: 500;
  color: rgb(44, 44, 44) !important;
}

.index-3-points > div > div > p{
  font-size: 14px;
  opacity: .75;
}

.index-3-points > div:nth-of-type(1) > span{ background: var(--egera-blue); }
.index-3-points > div:nth-of-type(2) > span{ background: var(--egera-mix); }
.index-3-points > div:nth-of-type(3) > span{ background: var(--egera-pink); }

#tableRatesGradientOverlay span a{
  color: inherit;
  font-weight: 700;
  transition: .2s;
}
#tableRatesGradientOverlay span a:hover{
  color: var(--egera-pink-mix);
  font-weight: 700;
  transition: .2s;
}

#rates th,
#rates td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}

#rates td:nth-of-type(2),
#rates th:nth-of-type(2) {
  width: 0;
}

.modal-statement span,
.modal-statement a {
  line-height: 1.25 !important;
}

#rates td {
  vertical-align: middle !important;
}

.rates-title > th {
  color: black;
  font-weight: 500;
  background: transparent !important;
}

.rates-name {
  min-width: 200px !important;
  text-align: left !important;
}

.rates-name span {
  font-weight: 600;
  padding-left: 10px;
}

.rates-name span.h5 {
  font-weight: 500 !important;
  opacity: 0.6;
  padding-left: 5px !important;
}

.rates-title {
  font-size: 14px;
}

.rates-title th {
  border-top: none !important;
}

#rates tbody tr td:nth-child(2) > div {
  min-width: 140px !important;
}

@media (max-width: 768px) {
  #rates {
    min-width: 650px;
    margin-bottom: 0 !important;
    position: relative;
  }
  #rates td:nth-child(2),
  #rates td:nth-child(1),
  #rates th:nth-child(2),
  #rates th:nth-child(1) {
    position: sticky;
    z-index: 10;
    background: white !important;
  }
  #rates td:nth-child(1),
  #rates th:nth-child(1) {
    left: -2px;
    width: 30px;
  }
  #rates td:nth-child(2),
  #rates th:nth-child(2) {
    left: 0px;
  }
  #rates img {
    height: 20px;
  }
  #rates tr {
    height: 45px;
  }
  .rates-title > th {
    font-size: 12px;
  }
  .ratesTable-container {
    overflow-x: scroll;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.crypto-little-img {
  margin-bottom: auto !important;
}

.cryptocurrency-name {
  margin: 0 5px;
  font-size: 16px;
  font-weight: 700;
  color: #252525;
  margin-bottom: 0 !important;
}
.checks{
  display: none;
  color: red;
  margin-top: 10px;
  font-weight: 600;
}
.crypto-short-name {
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  #bc-navbar .imagebg {
    display: none !important;
  }
  .dropdown__container > .container {
    width: auto !important;
  }
}

@media (min-width: 992px) {
  .table td,
  .table th {
    padding: 15px !important;
  }
  #bc-navbar .imagebg {
    display: flex !important;
  }
}

.feature-large__group .row > div {
  padding-left: 0px !important;
  padding-right: 0px !important;
  /* border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb; */
  padding: 20px !important;
  margin-top: 50px !important;
}

.feature-large__group .row > div > div:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;
  transition: 0.2s;
}

.feature-large__group .iconIndex {
  position: absolute;
  top: -55px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}

.feature-large__group .iconIndex i {
  display: block;
  font-size: 42px;
}
/* 
.feature-large__group .iconIndex:nth-of-type(even) i {
  color: var(--egera-mix) !important;
}

.feature-large__group .iconIndex:nth-of-type(odd) i {
  color: var(--egera-pink) !important;
} */

/* .feature-large__group .iconIndex:nth-of-type(n) i {
  color: var(--egera-blue);
} */

/* .feature-large__group .iconIndex i.fa-btc {
  color: #3e50f7 !important;
}

.feature-large__group .iconIndex i.fa-dollar-sign {
  color: #3e50f7 !important;
}

.feature-large__group .iconIndex i.fa-lock {
  color: #3e50f7 !important;
}

.feature-large__group .iconIndex i.fa-university {
  color: #3e50f7 !important;
}

.feature-large__group .iconIndex i.fa-shoe-prints {
  color: #3e50f7 !important;
}

.feature-large__group .iconIndex i.fa-award {
  color: #3e50f7 !important;
}

.feature-large__group .iconIndex i {
  color: #383838 !important;
} */

.feature-large__group .row > div:nth-child(3),
.feature-large__group .row > div:nth-child(6) {
  border-right: 0px !important;
}

.feature-large__group .row > div:nth-child(4),
.feature-large__group .row > div:nth-child(5),
.feature-large__group .row > div:nth-child(6) {
  border-bottom: 0px !important;
}

.feature-large__group .row > div > div {
  height: 100%;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: start !important;
  padding: 70px 30px;
  text-align: center;
  position: relative;
  transition: 0.4s;
}

.feature-large__group .row > div > div h4 {
  text-align: center;
  font-size: 22px !important;
  font-weight: 600;
  margin-bottom: 10px !important;
  margin-top: 15px !important;
  color: #161616 !important;
}

.feature-large__group .row > div > div p {
  text-align: center !important;
}

@media (max-width: 767px) {
  .feature-large__group .row > div {
    margin-top: 25px !important;
  }
}

.index-payments-handel .row {
  margin-top: 10px !important;
}

.feature-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 20px;
}

.feature-box:nth-of-type(1) .feature-box-body h5 {
  color: var(--egera-blue)
}

.feature-box:nth-of-type(2) .feature-box-body h5 {
  color: var(--egera-mix)
}

.feature-box:nth-of-type(3) .feature-box-body h5 {
  color: var(--egera-pink)
}

.feature-box:nth-of-type(4) .feature-box-body h5 {
  color: var(--egera-pink-mix)
}

.feature-box-img {
  max-height: 70px;
  height: 100%;
  padding: 10px;
  margin-bottom: 0px !important;
}

.feature-box-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px;
  margin-left: 10px;
}

.feature-box-body h5 {
  font-size: 16px;
  font-weight: 600;
  /* color: #131e3f; */
  line-height: 1.3;
  margin-bottom: 5px;
}

.feature-box-body p {
  font-size: 12px;
  text-align: justify !important;
  color: black;
}
/* PRO LANDING */

.pro-container {
  max-width: 1200px !important;
  padding: 75px 10px 75px 10px !important;
}
.contentWidget2 > div{
  background: var(--egera-gradient);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  min-height: 200px;
  padding-left: 175px;
  padding-top: 20px;
  padding-bottom: 15px;
  display: flex;
  gap: 5px;
  flex-direction: column;
  padding-right: 15px;
}
.contentWidget2 > span{
  padding-left: 175px;
  font-size: 28px;
  color: rgba(20,20,20,1);
  font-weight: 600;
}
.contentWidget2 > div > div{
  display: flex; 
  flex-direction: column;
  color: white;
  gap: 10px;
  font-weight: 600;
  font-size: 16px;
}
.contentWidget2{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contentWidget2 > div > a{
  align-self: center;
  background: white;
}
.contentWidget2 > div > a span{
  color: black !important;
}
.contentWidget2 > div > div p{
  font-size: 14px;
  font-weight: 400;
}
.rowWidget2 > div:nth-of-type(1){
  position: absolute;
  margin-left: -35px;
  z-index: 99;
  top: 0;
  left: 0;
  margin-top: 25px;
}
.rowWidget2{
  position: relative;
  width: 100%;
}
.contentWidget1{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  color: rgb(22, 22, 22);
}
.contentWidget1 > span, .contentWidget1 > div > span{
  opacity: 85%;
}
.contentWidget1 > span:nth-of-type(1){
  padding-right: 20px;
  font-size: 22px;
  opacity: 100%;
  padding-bottom: 10px;
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 3px solid var(--egera-blue)
}
.contentWidget1 > div{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}
.contentWidget1 > div svg{
  height: 20px;
  width: 20px;
  opacity: 50%;
}
.rowWidget3{
  margin-top: 40px !important;
  padding-bottom: 30px !important;
  display: flex;
  min-height: 250px;
  position: relative;
  flex-direction: row;
  flex-wrap: nowrap;
}
.rowWidget3 > a{
  margin-top: -50px;
  margin-left: 150px;
  position: absolute; 
  cursor: pointer;
  z-index: 99;
}
.rowWidget3 > div:nth-of-type(1){
  min-width: 200px;
  max-width: 200px;
  height: 100%;
  min-height: 250px;
  background: var(--blue);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  overflow: hidden;
  position: relative;
}
.rowWidget3 > div:nth-of-type(1) img{
  position: absolute;
  margin-left: -30px;
  opacity: 20%;
  margin-top: 20px;
}
.contentWidget3{
  padding-left: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.contentWidget3 span{
  font-size: 28px;
  color: rgb(35, 35, 35);
  font-weight: 600;
}
.contentWidget3 p{
  font-size: 15px;
  line-height: 180%;
  text-align: center;
  padding-left: 0px;
  padding-right: 10px;
  color: rgb(48, 48, 48);
}
.contentWidget3 a{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--blue);
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--blue);
  border-radius: 10px;
  padding: 10px 15px;
  line-height: 100%;
  font-size: 16px;
  text-align: center;
  transition: .3s;
  text-decoration: none;
}
.contentWidget3 a:hover{
  background: var(--blue);
  transition: .3s;
}
.contentWidget3 a span{
  color: var(--blue);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: .3s;
}
.contentWidget3 a:hover span{
  color: white;
  transition: .3s;
}
.contentWidget3 a svg{
  fill: var(--blue);
  transition: .3s;
}
.contentWidget3 a:hover svg{
  fill: white;
  transition: .3s;
}
.rowWidget4{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-right: 15px !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  border-radius: 25px;
}
.rowWidget4 > div:nth-of-type(1){
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 25px 35px !important;
  background: white;
}
.rowWidget4 > div:nth-of-type(1) > div{
  font-size: 18px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-weight: 600;
  color: black;
  opacity: 90%;
}
.rowWidget4 > div:nth-of-type(1) > div svg{
  padding-right: 10px;
  opacity: 70%;
}
.rowWidget4 > div:nth-of-type(1) > div p{
  font-size: 14px;
  color: black;
  font-weight: 400;
  opacity: 75%;
}
.rowWidget4 > div:nth-of-type(2){
  display: flex;
  margin-right: 0px !important;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  flex-direction: column;
  padding: 25px !important;
  min-height: 250px;
  align-items: center;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
  color: white;
  gap: 20px;
  justify-content: center;
  min-width: 300px;
  background: var(--egera-gradient)
}
.contentWidget4 img{
  position: absolute;
  opacity: 6%;
  transform: scale(1.5);
}
.contentWidget4{
  position: relative;
  overflow: hidden;
}
.pro-container .row {
  color: white !important;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  margin-left: 20px !important;
  margin-right: 20px !important;
  overflow: hidden;
}

.pro-container .row h1 {
  color: white !important;
  font-weight: 600 !important;
  font-size: 44px !important;
}

.pro-container .row .pro-landing-main-text p {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.pro-container .row .pro-landing-main-text,
.pro-container .row .pro-landing-main-img,
.pro-container-4 > .container {
  z-index: 2 !important;
}

.pro-container .pro-landing-main-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.pro-container .row .pro-landing-main-img {
  display: flex;
  justify-content: center;
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fwebp%2Fmockup-card1.webp") no-repeat;
  background-size: contain;
  background-position: center center;
}

.pro-container .pro-landing-bg,
.pro-container-4 .pro-landing-bg {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fwebp%2Flanding-pro-bg.webp") center center
    no-repeat;
  background-attachment: fixed !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain !important;
  border-radius: 40px;
  opacity: 0.1;
  z-index: 1 !important;
}

.pro-container .paymentsHandelBox {
  opacity: 1 !important;
}

.pro-container .paymentsHandelBox .row {
  background: none !important;
}

.pro-container .pro-landing-box-form {
  width: 100% !important;
  margin-top: 100px;
}

.pro-container .pro-landing-box-form form {
  margin: 0px !important;
}

.pro-container .pro-landing-box-form .col {
  padding: 0px !important;
}

.pro-container .pro-landing-main-text input {
  color: black !important;
  outline: none !important;
}

.pro-container .pro-landing-main-text input::placeholder {
  color: gray !important;
}

.pro-container .pro-landing-main-text button {
  color: white !important;
  outline: none !important;
  transition: 0.2s;
  font-weight: bold;
}

.pro-container .pro-landing-main-text button:hover {
  text-decoration: underline;
  transition: 0.2s;
}

.pro-container .pro-box-under-form {
  opacity: 1;
  color: grey;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.pro-container .pro-box-under-form span:nth-child(2) {
  margin: 0px 5px !important;
}

.pro-container .pro-payments-handel {
  display: flex;
  margin-top: 15px;
  flex-direction: row;
  width: 100%;
  opacity: 0.60;
  justify-content: flex-start;
}

.pro-container .pro-payments-handel img {
  max-height: 25px;
  margin-right: 25px;
}

.pro-container-2 {
  margin-top: 50px;
  padding-bottom: 0px;
  /* margin-bottom: 125px; */
}

.pro-container-2 .header-pro-2 h2,
.pro-container-3 .header-pro-3 h2,
.pro-container-4 .header-pro-4 h2 {
  font-size: 32px !important;
  text-align: center !important;
  font-weight: 600;
  margin-bottom: 5px;
}

.pro-container-2 .header-pro-2 p,
.pro-container-3 .header-pro-3 p,
.pro-container-4 .header-pro-4 p {
  text-align: center;
  font-size: 18px;
}

.pro-container-2 .div-list {
  margin-top: 25px;
}

.pro-container-2 .div-list .inside-div-list-pro-2 {
  /* background: #f8f8f8; */
  padding: 5px;
  /* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; */
  border-radius: 00px;
  transition: 0.2s;
  display: flex;
  height: fit-content;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden !important;
  position: relative;
  margin-top: 20px;
}

.pro-container-2 .div-list .inside-div-list-pro-2 > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 3px solid;
}

.pro-container-2 .pink-border { border-color: var(--egera-pink) !important; }
.pro-container-2 .mix-border { border-color: var(--egera-mix) !important; }
.pro-container-2 .blue-border { border-color: var(--egera-blue) !important; }

.pro-container-2 .div-list .inside-div-list-pro-2 h3 {
  text-align: left;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
  width: 100%;
}

.pro-container-2 .div-list .inside-div-list-pro-2 p {
  text-align: left;
  font-size: 14px;
  color: #404040;
  margin-bottom: 0px;
}

.pro-container-2 .div-list .inside-div-list-pro-2 .div-list-img-pro-2 {
  max-height: 50px;
  display: inline-block;
  margin: 0 auto;
}

.pro-container-2 .div-list-bg-pro-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.05;
  max-width: 150px;
}

.pro-container-2 .pro-2-mockup {
  display: flex;
  align-items: flex-end;
}

.pro-container-3 {
  padding: 100px 0px 100px 0px !important;
  background: #f8f8f8;
  position: relative;
  overflow: hidden;
}

.pro-container-3 .mockup-pro-3 {
  max-height: 250px;
}

.pro-container-3 .mockup-pro-3-img {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}

.pro-container-3 .mockup-pro-3-img-right {
  justify-content: flex-start;
}

.pro-container-2 .mockup-pro-2 {
  max-height: 800px;
}

.pro-container-3 .mockup-pro-3-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
  min-height: 100%;
}

.pro-container-3 .mockup-pro-3-text-right {
  justify-content: flex-end;
}

.pro-container-3 .api-list-pro-3 {
  border-left: 3px solid #121d27;
  border-right: 0px;
  padding: 20px;
  transition: 0.2s;
  text-align: left;
}

.pro-container-3 .mockup-pro-3-text-right .api-list-pro-3 {
  border-right: 3px solid #121d27;
  border-left: 0px;
  text-align: right;
}

.pro-container-3 .api-list-pro-3 h3 {
  /* background: #3e50f7; */
  /* color: white; */
  padding: 5px 0px;
  display: inline-flex;
  margin: 0 auto;
  font-weight: 600;
  font-size: 24px !important;
}

.pro-container-3 .api-list-pro-3 p {
  font-size: 16px;
  color: #404040;
  margin-top: 0px;
}

.pro-container-4 {
  padding: 100px 0px !important;
  background: var(--egera-gradient-reverse);;
  color: white !important;
  position: relative;
  overflow: hidden;
}

.pro-container-4 h2,
.pro-container-4 h3 {
  color: white !important;
}

.pro-container-4 h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0px 10px 0px;
}

.pro-container-4 .pro-4-box {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 20px;
}

.pro-container-4 .pro-4-box img {
  max-height: 80px;
}

.pro-container-4 .pro-4-box p {
  text-align: center;
  font-size: 14px;
}

.pro-container-4 .pro-4-center {
  max-width: 950px;
  margin: 0 auto;
}
.complaintsSite {
  padding: 50px 10px 0px 10px;
}
.complaintsSite h1 {
  text-align: center;
}
.complaintsSite h2 {
  text-align: center;
  font-size: 16px;
  color: gray;
  max-width: 700px;
  margin: 0 auto;
}
.complaintsSite form {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 900px;
}
.multiRadioBtns {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px 0px;
}
.multiRadioBtns .option {
  background: #fff;
  height: 100%;
  width: 100%;
  max-width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0px !important;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px 20px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
}
.multiRadioBtns .option:nth-of-type(1) {
  margin-right: 5px !important;
}
.multiRadioBtns .option:nth-of-type(2) {
  margin-left: 5px !important;
}
.multiRadioBtns .option .dot {
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
  margin: 0px 5px 0px 10px;
}
.multiRadioBtns .option .dot::before {
  position: absolute;
  content: "";
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #3e50f7;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
input[type="radio"] {
  display: none;
}
#complaints1-yes:checked:checked ~ .complaints1-yes,
#complaints1-no:checked:checked ~ .complaints1-no,
#complaints2-yes:checked:checked ~ .complaints2-yes,
#complaints2-no:checked:checked ~ .complaints2-no {
  border-color: #3e50f7;
  background: #3e50f7;
}
#complaints1-yes:checked:checked ~ .complaints1-yes .dot,
#complaints1-no:checked:checked ~ .complaints1-no .dot,
#complaints2-yes:checked:checked ~ .complaints2-yes .dot,
#complaints2-no:checked:checked ~ .complaints2-no .dot {
  background: #fff;
}
#complaints1-yes:checked:checked ~ .complaints1-yes .dot::before,
#complaints1-no:checked:checked ~ .complaints1-no .dot::before,
#complaints2-yes:checked:checked ~ .complaints2-yes .dot::before,
#complaints2-no:checked:checked ~ .complaints2-no .dot::before {
  opacity: 1;
  transform: scale(1);
}
.multiRadioBtns .option span {
  font-size: 16px;
  margin: 0px 10px 0px 5px;
  color: #808080;
}
#complaints1-yes:checked:checked ~ .complaints1-yes span,
#complaints1-no:checked:checked ~ .complaints1-no span,
#complaints2-yes:checked:checked ~ .complaints2-yes span,
#complaints2-no:checked:checked ~ .complaints2-no span {
  color: #fff;
}
.complaintsSite input[type="text"],
.complaintsSite input[type="email"],
.complaintsSite textarea {
  border: 2px solid #ededed;
  line-height: 1;
  border-radius: 10px;
  padding: 10px;
  font-size: 20px;
}
.complaintsSite input[type="text"]:focus,
.complaintsSite input[type="email"]:focus,
.complaintsSite textarea:focus,
.complaintsSite select:focus {
  border: 2px solid #3e50f7;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
}
.complaintsSite input[type="text"]::placeholder,
.complaintsSite input[type="email"]::placeholder {
  font-size: 18px;
}
.complaintsSite label {
  margin-bottom: 5px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.complaintsSite form > div {
  margin-top: 15px;
}
.complaintsSite form select {
  font-size: 18px;
  padding: 10px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.complaintsSite .labelFocus {
  color: #3e50f7;
}
.complaintsSite button {
  font-size: 18px;
  padding: 5px;
  width: 100%;
  background: #3e50f7;
  color: white;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: bold;
  transition: 0.2s;
}
.complaintsSite button:hover {
  background: #3949e3;
}
.complaintsSite input[type="file"] {
  padding: 10px;
  height: auto;
}
.complaintsSite #otherProblemComplaints {
  display: none;
}
.alertComplaints {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
}
.alertComplaints span {
  display: block;
  color: white;
  background: rgba(62, 80, 247, 0.75);
  border: 1px solid rgba(62, 80, 247, 1);
  padding: 10px;
  z-index: 999999;
  font-size: 16px;
}

.pro-container-3 .container .row {
  display: flex !important;
}

@media (max-width: 768px) {
  .pro-container .pro-landing-box-form {
    margin-top: 150px;
  }
  .pro-container {
    padding: 25px 0px !important;
  }
  .pro-container .pro-landing-main-text {
    padding: 10px !important;
  }
  .pro-payments-handel img {
    max-height: 15px !important;
    margin-right: 5px !important;
  }
  .pro-container .pro-landing-main-text h1 {
    font-size: 32px !important;
    text-align: center !important;
  }
  .pro-container .pro-landing-main-text p {
    text-align: center;
  }
  .api-list-pro-3 {
    border-left: 0px !important;
    border-right: 0px !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }
  .mockup-pro-3-text {
    justify-content: center !important;
    border-bottom: 3px solid #121d27;
  }
  .mockup-pro-3-img {
    justify-content: center !important;
  }
  .mockup-pro-3-img-right {
    justify-content: center !important;
  }
  .pro-container-3 .mockup-pro-3-text {
    max-width: 350px !important;
    margin: 0 auto !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(1) {
    order: 1 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(2) {
    order: 2 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(3) {
    order: 3 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(4) {
    order: 5 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(5) {
    order: 4 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(6) {
    order: 6 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(7) {
    order: 7 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(8) {
    order: 9 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(9) {
    order: 8 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(10) {
    order: 10 !important;
  }
  .pro-container-3 .container .row > .col-12:nth-of-type(11) {
    order: 11 !important;
  }
}

.termsSite .term-paragraf {
  font-weight: 600;
  font-size: 16px;
}

.termsSite .tab__content ol {
  margin-bottom: 20px;
}

.termsSite .tab__content ol li {
  text-align: justify;
  display: flex;
  flex-direction: row;
}

.termsSite .tab__content ol li ol {
  margin-left: 25px;
  margin-top: 20px;
}


.termsSite .tab__content ol {
  counter-reset: item;
}
.termsSite .tab__content ol li {
  display: block;
}
.termsSite .tab__content ol li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
  display: inline-block;
  padding-right: 10px;
  font-weight: 600;
}

.cta-index {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  max-width: 800px;
  margin: 0 auto !important;
  text-align: center;
  /* background: #3949e3 !important; */
  color: white !important;
  border-radius: 10px !important;
  /* box-shadow: rgba(0,0,0,0.15) 0px 0px 10px; */
}

.cta-index span.h2 {
  color: white !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
}

.cta-index .btn-cta-index {
  background: #3949e3;
  padding: 12px 17px !important;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  /* box-shadow: rgba(0,0,0,0.15) 0px 0px 10px; */
  transition: 0.2s;
  font-size: 15px !important;
}

.cta-index .btn-cta-index:hover {
  text-decoration: underline;
  transition: 0.2s;
}

.cta-index .btn-desc-index {
  margin-top: 15px;
  color: var(--bitclude-white) !important;
}

.cta-index .btn-desc-index a {
  color: inherit !important;
}
.footer-2 .h6 {
  margin-bottom: 10px !important;
}

.rates-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100% !important;
}

.rates-icon img {
  height: 30px !important;
  width: 30px !important;
}

.rates-icon span {
  color: #131e3f;
  margin: 0px !important;
}

.pro-container form {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: stretch;
}

.pro-container form input,
.pro-container form button {
  display: inline-block;
  width: fit-content !important;
  box-sizing: border-box;
  height: 40px !important;
}

.pro-container form input {
  width: 75% !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px;
}

.pro-container form button {
  width: 25% !important;
  height: 40px !important;
  margin-top: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px;
}

#feesContainer ul.tabs-content {
  list-style: none !important;
}
#rates_btns_group {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  padding-bottom: 0;
}

#rates_btns_group .btn:hover {
  transform: none !important;
}

#tradingBTCPLN {
  position: relative;
}

/* BLOG */

#blog-container a {
  color: inherit;
  text-decoration: none !important;
  font-weight: inherit !important;
  border-radius: 20px;
}

#blog-container a:hover {
  text-decoration: underline !important;
}

#blog-container a.btn:hover {
  text-decoration: none !important;
}

.blog_big_post {
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 25px;
  border-radius: 3px;
  min-height: 300px;
}

.blog_big_post_title_box {
  padding: 0px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.blog_big_post_title_box h2 {
  margin-bottom: 0px !important;
  margin-top: 15px !important;
}

.blog_big_post_desc {
  font-size: 12px;
  line-height: 150%;
  display: block;
  margin-top: 6px;
}

.blog_big_post_small_row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.blog_big_post_date,
.blog_middle_post_date {
  line-height: 100%;
  position: absolute;
  top: 0;
  font-weight: bold;
  left: 0;
  background: var(--egera-pink);
  color: white !important;
  border-bottom-right-radius: 5px;
  padding: 5px 8px 5px 8px;
  font-size: 10px !important;
}

.blog_big_post_containe {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog_big_post_category_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.blog_big_post_category {
  margin-right: 3px;
  padding: 5px 8px 4px 8px;
  font-size: 10px;
  font-weight: bold;
  line-height: 100%;
  border-radius: 3px;
  background: var(--egera-mix);
  display: inline-block;
  text-decoration: none !important;
  color: white !important;
  text-transform: uppercase;
}

.blog_big_post_category:hover {
  text-decoration: none !important;
  color: white !important;
}

.blog_big_post a.btn {
  color: white !important;
}

.blog_big_post_img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 300px;
  background-size: 120%;
  border-radius: 10px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  webkit-transition: background-size 200ms linear;
  -moz-transition: background-size 200 linear;
  -o-transition: background-size 200 linear;
  -ms-transition: background-size 200ms linear;
  transition: background-size 200ms linear;
}

.blog_big_post_img:hover,
.blog_middle_post_img:hover,
.blog_most_popular_img:hover,
.blog_rest_post_img:hover {
  opacity: 1;
}

.blog_big_post_img:hover,
.blog_middle_post_img:hover {
  background-size: 140%;
}

.blog_middle_post {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  align-items: stretch;
}

.blog_middle_post .btn {
  padding: 8px 15px 8px 15px !important;
  font-size: 12px;
  line-height: 100%;
  margin-top: 5px;
}

.blog_middle_post_img {
  min-height: 200px;
  max-height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120%;
  border-radius: 10px;
  webkit-transition: background-size 200ms linear;
  -moz-transition: background-size 200 linear;
  -o-transition: background-size 200 linear;
  -ms-transition: background-size 200ms linear;
  transition: background-size 200ms linear;
  opacity: 0.9;
  position: relative;
  overflow: hidden;
}

.blog_middle_post h2 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.blog_middle_post_date {
  display: block;
  font-size: 10px;
  text-align: center;
}

.blog_middle_first_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.blog_middle_post_desc {
  font-size: 12px;
  line-height: 150%;
  margin-top: 0px;
  margin-bottom: 5px;
}

.blog_most_popular_post {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
}

.blog_middle_post_category_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

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

.blog_most_popular_title h2 {
  font-size: 13px;
  padding-left: 5px;
  margin-bottom: 0px;
}

.blog_most_popular_img {
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 10px;
  padding: 0px !important;
  opacity: 0.9;
  transition: 0.2s;
}

.blog_middle_post_category {
  margin: 6px 3px 6px 0px;
  padding: 5px 8px 4px 8px;
  font-size: 10px;
  font-weight: bold;
  line-height: 100%;
  border-radius: 3px;
  background: var(--egera-mix);
  display: inline-block;
  color: white !important;
  text-transform: uppercase;
}

.blog_newsletter,
.blog_converter,
.blog_categories {
  margin-top: 30px;
  background: white;
  border-radius: 10px;
  padding: 15px !important;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.blog_newsletter h3,
.blog_converter h3,
.blog_categories h3 {
  margin-bottom: 5px;
  line-height: 100%;
}

.blog_newsletter p {
  margin-bottom: 5px;
}

.blog_converter {
  margin-top: 30px;
}

.blog_converter .h3-replacer {
  margin-bottom: 10px !important;
}

.blog_converter .h4-replacer {
  color: #6f717c !important;
  font-size: 0.9375rem;
  display: none;
}

.blog_category_single {
  padding: 5px 10px 3px 10px;
  border: 1px solid #3e50f7;
  color: var(--egera-mix) !important;
  font-size: 12px;
  text-transform: uppercase;
  margin: 10px 10px 0px 0px;
  transition: 0.1s;
  line-height: 100%;
  border-radius: 5px;
}

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

.blog_categories_box {
  display: flex;
  flex-wrap: wrap;
  color: #3e50f7 !important;
  text-decoration: none !important;
  flex-direction: row;
  justify-content: stretch;
  align-items: flex-start;
}

#feesContainer ul.tabs-content {
  list-style: none !important;
}

#contactDivOtherTopic {
  display: none;
}

.contact-form-on-contact label {
  font-size: 16px;
}

.contact-form-on-contact button {
  font-size: 16px;
}

.contact-form-on-contact input,
.contact-form-on-contact select,
.contact-form-on-contact textarea {
  margin-bottom: 25px;
}

#succesContactForm {
  display: none;
  color: #008000;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 25px;
}
.blog_category_single:hover {
  text-decoration: none !important;
  transition: 0.1s !important;
  background: #3e50f7 !important;
  color: white !important;
}

.blog_rest_post {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
}

.blog_rest_post h2 {
  margin-bottom: 0px;
  font-size: 18px;
}

.rest-of-blog-posts {
  margin-top: 50px !important;
}
.blog-pagination-box{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.blog-pagination-container{
  display: flex;
  margin-top: 50px;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.blog-pagination-box > div{
  border: 1px solid rgb(188, 188, 188);
  font-size: 13px;
  line-height: 100%;
  transition: .2s;
  border-radius: 10px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.blog-btn-action{
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  border-radius: 10px;
}
.blog-pagination-box div.active{
  background: var(--egera-pink);
  color: white;
  padding: 3px 6px;
  border-radius: 6px;
  border-color: var(--egera-pink);
}
.blog-pagination-box > div:hover{
  background:rgb(231, 231, 231);
  transition: .2s;
  cursor: pointer;
  color: black;
}
.rates-name > a{
  color: inherit !important;
}
.blog-pagination-box > div.active:hover{
  background: var(--egera-pink);
  color: white;
  text-decoration: underline;
  border-color: var(--egera-pink);
}
.blog_rest_post_img {
  min-width: 130px;
  min-height: 130px;
  max-width: 130px;
  max-height: 130px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 10px;
  transition: 0.2s;
  opacity: 0.9;
}

.blog_rest_post_title {
  padding-left: 10px;
}

.blog_rest_post_desc {
  margin-bottom: 10px;
}

.blog_rest_post .btn {
  font-size: 12px !important;
  padding: 5px 10px !important;
}

.btn-load-more-posts {
  max-width: 300px;
  margin: 0 auto;
  margin-top: 25px;
  background: var(--egera-gradient-reverse);
  border: 0px !important;
  border-radius: 20px;
  padding: 7px 25px;
}

.btn-middle-read-more,
.blog-big-read-more{
  background: var(--egera-blue) !important;
  border: 0px !important;
}

.blog_rest_post .btn-read-more{
  background: var(--egera-pink) !important;
  border: 0px !important;
}

.blog_rest_post:nth-of-type(odd) .btn-read-more{
  background: var(--egera-blue) !important;
}

@media only screen and (max-width: 767px) {
  .sidebar-blog {
    margin-top: 50px;
  }
  .blog_big_post_category_container {
    margin-top: 10px;
  }
}

#hideTool {
  background: #fff;
  height: 25px;
  width: 70px;
  top: 80px;
  left: 135px;
  z-index: 9999;
  position: absolute;
}

@media(max-width: 478px) {
  #hideTool {
    top: 120px;
  }
}

@media(min-width: 1200px) {
  #hideTool {
    top: 50px;
  }
}

#index-main-img-1, #index-main-img-2{
  transition: .5s;
}
#index-main-img-1:hover, #index-main-img-2:hover{
  transition: .5s;
}
.price-change-24h {
  line-height: 1;
  display: inline-block;
}

.index-main-txt{
  font-size: 60px !important;
  font-weight: 600 !important;
  text-align: left;
  color: rgb(24, 24, 24) !important;
  line-height: 120% !important;
}

/* .lead {
  color: var(--white-50p) !important;
} */

@media only screen and (max-width: 767px){
  .index-main-txt{
    /* font-size: 24px !important; */
    line-height: 130% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 1240px){
  .index-main-txt{
    font-size: 52px !important;
  }
  .section-pd{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media only screen and (max-width: 992px){
  .index-main-txt{
    font-size: 24px !important;
    text-align: center;
  }
  .section-pd{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
/* question in index */
.questions-title {
  justify-content: center;
  margin-bottom: 25px;
}

.questions-title h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--egera-pink-mix);
}

.question-block {
  border-bottom: 1px solid rgb(240,240,240);
  padding: 10px 25px;
}

.question-block:nth-last-of-type(1) {
  border-bottom: 0 !important;
}

.question-title {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

.question-title p {
  color: black;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0 !important;
}

.slide-index-box{
  min-height: 250px;
  background: rgb(247, 247, 247);
  border-radius: 60px;
  width: calc(100% - 150px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  border: 1px solid rgb(220, 220, 220);
  flex-direction: row;
  overflow: hidden;
  position: relative;
}

.slide-index-box > div{
  z-index: 2;
}

.slide-index-box > img{
  position: absolute;
  bottom: -60px;
  right: -80px;
  opacity: 15%;
  z-index: 1;
}
.cover{
  min-height: 530px;
}

.splide__pagination{
  margin-bottom: -50px !important;
}

.splide__arrows > button:nth-of-type(1) svg{
  fill: rgb(33, 33, 33);
}
.splide__arrows > button:nth-of-type(2) svg{
  fill: rgb(33, 33, 33);
}

.splide__arrow svg{
  width: 20px;
  height: 20px;
}
.splide__arrow{
  background: transparent !important;
}

.slider-typo{
  display: flex;
  flex-direction: column;
  min-width: 350px;
  gap: 10px;
  color: black;
  align-items: flex-start;
  justify-content: center;
}

.slider-btn{
  appearance: none;
  background-color: #000000;
  border: 2px solid #1A1A1A;
  border-radius: 15px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  min-height: 40px;
  min-width: 0;
  margin-top: 25px;
  outline: none;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.slider-btn:disabled {
  pointer-events: none;
}

.slider-btn:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.slider-btn:active {
  box-shadow: none;
  transform: translateY(0);
}

.slider-typo span:nth-of-type(1){
  font-size: 46px;
  text-transform: uppercase;
  font-weight: 600;
}
.slider-typo span:nth-of-type(2){
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 992px) {
  .slide-index-box{
    width: 100%;
    flex-direction: column;
    min-height: 375px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .slider-typo span:nth-of-type(1){
    font-size: 32px;
  }
  .slider-typo span:nth-of-type(2){
    font-size: 24px;
  }
  .slider-typo{
    min-width: 200px !important;
    text-align: center;
    align-items: center;
  }
  .slide-index-box > div > img{
    /* height: 175px !important; */
  }
  .slider-btn{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
  }
}
.splide__pagination__page.is-active{
  background: white;
}

.question-title .fa-chevron-down {
  font-size: 12px;
}

.question-svg {
  transition: 0.2s;
}

.question-answer div {
  border: none !important;
}

.questions-container {
  min-height: 300px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  padding: 0 10px;
  border-radius: var(--radius);
}

.start-title {
  font-weight: 600;
  font-size: 54px;
  margin-bottom: 5px;
  letter-spacing: 0px;
  color: var(--white);
}

.under-start-title{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 150px;
  gap: 10px;
  margin-top: 15px;
  width: 100%;
}

.recommend-img-txt-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 25px;
}

.recommend-img-txt-box img{
  max-height: 300px;
  margin-bottom: 0px !important;
}

.recommend-txt-box{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-direction: column;
  text-align: center;
}
.recommend-txt-box span{
  max-width: 450px;
  margin: 0 auto;
}
.recommend-txt-box span:nth-of-type(1){
  font-weight: 600;
  font-size: 28px;
}

.recommend-txt-box span:nth-of-type(2){
  font-size: 18px;
  font-weight: 400;
  opacity: .7;
}

.start-subtitle {
  line-height: 1.2;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: black;
  margin-bottom: 0px;
  color: var(--white);
}

.white-50p {
  color: var(--white-50p);
}

.register-container {
  background: white;
  padding-top: 20px;
  border-radius: 20px;
}

.client-number {
  font-size: 32px;
}

.advantage-wrapper {
  --icon-width: 30px;
  --icon-height: 40px;
  --grey-color-dark: #dfdede;
  --grey-color: #e5e5e5;
  --advantage-height: 70%;
  --icons-shift: 20px;
  --arrow-size: 6px;
  height: var(--advantage-height);
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
  align-items: center;
  background-color: white;
  border-radius: 20px;
  overflow: hidden
}

.advantage-icons {
  position: relative;
  margin-left: 10px;
  height: 100%;
  min-width: 30px;
}

.advantage-icons-block {
  position: absolute;
  top: -40px;
  transition: 0.2s
}

.advantage-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-width);
  height: var(--icon-height);
  font-weight: 600;
  font-size: 16px;
}

.advantage-icon-svg {
  filter: invert(47%) sepia(8%) saturate(499%) hue-rotate(193deg) brightness(91%) contrast(86%);
}

.advantage-icon:not(.active) {
  transition: 0.1s;
  cursor: pointer;
}

.advantage-icon:nth-of-type(n).active, .advantage-icon:nth-of-type(n):hover {
  transform: scale(1.3);
  color: var(--egera-blue);
}

.advantage-icon:nth-of-type(2n).active, .advantage-icon:nth-of-type(2n):hover {
  transform: scale(1.3);
  color: var(--egera-mix);
}

.advantage-icon:nth-of-type(3n).active, .advantage-icon:nth-of-type(3n):hover {
  transform: scale(1.3);
  color: var(--egera-pink);
}

.advantage-icon-svg.active, .advantage-icon-svg:hover {
  filter: invert(39%) sepia(56%) saturate(1606%) hue-rotate(217deg) brightness(87%) contrast(89%);
}

.advantage-active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1.2);
  background: radial-gradient(transparent, white);
  border-radius: 10px;
  transition: 0.3s;
  /* transform: scale(1.1); */
}

.advantage-active:before {
  content: '';
  position: absolute;
  left: calc(-1 * var(--arrow-size));
  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-left: var(--arrow-size) solid var(--opacity-bitclude-blue-dark);
}

.advantage-contents {
  border-radius: 20px;
  background-color: var(--grey-color-dark);
  overflow: scroll;
  scroll-snap-type: y mandatory;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
  height: 100%;
}

.advantage-contents::-webkit-scrollbar {
  display: none;
}

.advantage-content {
  position: relative;
  isolation: isolate;
  scroll-snap-align: start;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.advantage-content::before {
  content: '';
  /* background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fcryptocurrency-background.png") center center no-repeat; */
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain !important;
  z-index: -1 !important;
}

.advantage-content-wrapper {
  display: flex;
  flex-direction: column;
  color: white;
  background: var(--egera-mix-80p);
  width: 100%;
  min-height: 100%;
  padding: 30px;
}

.advantage-content::-webkit-scrollbar {
  display: none;
}

.advantage-content-title {
  font-weight: 600;
  font-size: 22px;
  color: white;
}

.advantage-content-first::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fetf_law.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-second::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fetf_idea.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-third::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fcryptocurrency-background.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-fourth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fcryptocurrency-background.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-fifth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fcryptocurrency-background.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-sixth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Ffolder_rafiki.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-seventh::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Ffast_deposit.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-eighth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Ffast_deposit.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-nineth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Ffast_deposit.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-tenth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fetf_safe.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-eleventh::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Fetf_science.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-twelfth::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fpng%2Ficon-white.png") center center no-repeat;
  background-size: cover;
}

.advantage-content-tanks::before {
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fsvg%2Ftank.svg") center center no-repeat;
  background-size: 90%;
}

.icons-advantage-wrapper {
  max-width: 300px;
  align-self: center;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 10px;
}

.icon-advantage-wrapper {
  padding: 10px;
  border-radius: 100%;
  background: rgba(255,255,255, 1);
}

.advantage-coin {
  width: 30px !important;
  height: 30px !important;
  margin-bottom: 0 !important;
}

@media(max-width: 752px) {
  .advantage-container {
    margin-top: 30px;
  }

  .start-container > section {
    height: auto !important;
  }
}

@media(max-width: 500px) {
  .advantage-content-wrapper {
    padding: 25px;
  }
  .icon-advantage-wrapper {
    padding: 5px;
  }
  .icons-advantage-wrapper {
    padding: 0;
  }
}

/* affiliation */
.affilition-container {
  --step-size: 50px;
  --line-height: 3px;
  --line-width: 10px;
}

.affilition-container .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.affiliation-encourage {
  background: white;
  padding: 20px;
  border-radius: var(--radius);
}

.affiliation-blue-section {
  padding: 30px 0;
  position: relative;
  background: var(--egera-gradient-reverse);
  z-index: unset !important;
}

.affiliation-blue-section::before {
  content: '';
  /* background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fwebp%2Faffiliation.webp") center center no-repeat; */
  background-attachment: fixed!important;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain!important;
  border-radius: 40px;
  z-index: -1!important;
}

.affiliation-header-left {
  display: flex;
  flex-direction: column;
}

.affilition-header-right {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.affiliation-header-title {
  color: var(--bitclude-white);
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 500;
  border-bottom: 1px solid;
  padding-bottom: 15px;
}

.affiliation-header-subtitle {
  color: var(--bitclude-white);
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 600;
  margin: 15px 0;
}

.affiliation-header-text {
  color: var(--bitclude-white);
  font-size: 14px;
  margin-bottom: 25px;
}

.affiliation-header-buttons {
  display: flex;
  justify-content: flex-end;
}

.affiliation-header-button-first {
  color: #fff !important;
  background-color: #1c2ed5 !important;
  border-color: #1c2ed5 !important;
}

.affiliation-header-button-second {
  background: white !important;
  border-color: #3e50f7 !important;
  color: #3e50f7 !important;
}

.affiliation-encourage-right {

}

.affiliation-encourage-title {
  color: black;
  margin-bottom: 40px;
  font-weight: 600;
}

.affiliation-insistence {
  padding: 60px 0 !important;
}

.affiliation-insistence-title {
  color: white;
  font-weight: 600;
  font-size: 30px;
  text-align: right;
}

.affiliation-map-title h2 {
  color: var(--egera-pink-mix);
  margin-bottom: 40px;
  font-weight: 600;
}

.affiliation-map-step {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-right: 250px !important;
  padding-left: 250px !important; */
}

.affiliation-influencer-step {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

#influencerBtn {
  padding: 0 20px;
}

.affilition-container .step {
  width: var(--step-size);
  height: var(--step-size);
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}

.affilition-container .step:hover,  .affilition-container .active-step {
  transform: scale(1.2);
}

.affilition-container .line {
  width: var(--line-width);
  height: var(--line-height);
  margin: 0 7px;
}

.affilition-container .line svg {
  height: var(--line-height);
}

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

.inside-step {
  display: flex;
  width: 65%;
  height: 65%;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 100%;
  font-size: 12px;
  font-weight: 600;
}
.sticker-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  /* border: 1px solid rgba(72, 94, 144, .16); */
  border-radius: .5rem;
  padding: 10px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.stickers-container {
  position: -webkit-sticky;
  position: sticky;
  top: 65px;
}
.landing-section{
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 0px !important;
}
.landing-section p{
  line-height: 170%;
  font-size: 16px;
}
.landing-section h4{
  font-size: 18px;
  font-weight: bold;
}
.landing-section h6, .landing-section h5{
  margin-bottom: 10px;
}

.affilition-container .step[data-step='first'] .inside-step,
.affilition-container .step[data-step='fourth'] .inside-step,
.affilition-container .step[data-step='seventh'] .inside-step {
  background: var(--egera-pink) !important;
}

.affilition-container .step[data-step='second'] .inside-step,
.affilition-container .step[data-step='fifth'] .inside-step {
  background: var(--egera-mix) !important;
}

.affilition-container .step[data-step='third'] .inside-step,
.affilition-container .step[data-step='sixth'] .inside-step  {
  background: var(--egera-blue) !important;
}

.step-text-block {
  background-color: #f1f1f1;
  padding: 30px;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
}

.step-text-title {
  font-weight: 600;
}

.step-text-left {
  display: flex;
  flex-direction: column;
}

.affiliation-text-step {
  padding: 20px;
  min-height: 500px;
}

.step-text-btn {
  align-self: flex-end;
}

.step-text-btns {
  display: flex;
  justify-content: center;
  align-items: end;
  padding-top: 30px;
  flex-grow: 1;
}

.step-text-content {
  display: flex;
}

.step-text-image {
  width: 70%;
  margin-left: 20px;
  border-radius: 10px;
  align-self: center;
}

@media (max-width: 500px) {
  .affilition-container .line {
    display: none !important
  }

  /* .affilition-container .step:not(#fourthStep) {
    margin-right: 7px;
  } */

  .affilition-container .step {
    margin-right: 7px;
  }

  .affilition-container {
    --step-size: 38px;
  }

  .step-text-block {
    padding: 10px;
    border-radius: 10px;
  }

  .affiliation-text-step {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 768px) {
  .affiliation-header-buttons {
    justify-content: space-between;
  }

  .affiliation-header-buttons a {
    align-self: flex-start;
  }

  .affilition-container {
    --step-size: 40px;
  }

  .start-title{
    font-size: 34px;
    margin-top: 0px;
  }

  .start-subtitle{
    font-size: 16px;
  }

  .under-start-title{
    gap: 5px;
    flex-direction: row !important;
    margin-bottom: 25px;
  }

  .register-container{
    margin: 0 auto !important;
    padding: 30px 15px !important;
  }

  .recommend-img-txt-box img{
    max-height: 250px;
  }

  .recommend-txt-box span:nth-of-type(1){
    font-size: 22px;
  }

  .recommend-txt-box span:nth-of-type(2){
    font-size: 16px;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .affiliation-header > .container {
    max-width: none;
  }
}

@media (max-width: 992px) {
  .step-text-content {
    flex-direction: column-reverse;
  }

  .step-text-image {
    width: 90%;
    margin-left: 0;
    margin-bottom: 1rem !important;
  }
}

.radius-20p {
  border-radius: var(--radius) !important;
}

.red {
  color: var(--egera-red);
}

.green {
  color: green;
}

.bullet-list{
  font-size: 16px;
  margin-bottom: 40px;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,0.1)
}
.bullet-list ul li{
  margin-bottom: 20px;
}
.bullet-list ul li::marker{
  font-size: 150%;
  color: var(--egera-pink)
}
.crypto-icon-wrapper {
  background-color: white;
  border-radius: 100%;
  padding: 5px;
  margin-right: 10px;
}

.first-row {
  padding: 15px;
}

.first-row::before {
  background: var(--white-30p);
}

.register-boxed {
  max-width: 500px !important;
  background: rgb(250,250,250);
  border-radius: 30px;
  /* box-shadow: inset 0px 0px 20px -0px var(--egera-pink), inset 0px 0px 45px -9px var(--egera-blue); */
}

.luminous {
  position: relative;
  --size: 120px
}

.luminous:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--size);
  height: var(--size);
  filter: blur(50px);
  background: var(--egera-gradient);
  z-index: -1;
  border-radius: 100%;
}

.egera-btn--primary {
  border-radius: 20px !important;
  background: var(--egera-gradient) !important;
  border: 0 !important;
  color: white !important;
  transition: 0.2s;
}

.egera-btn--secondary  {
  border-radius: 20px !important;
  background: white;
  border: 2px solid var(--egera-pink-mix) !important;
  color: var(--egera-pink-mix) !important;
  transition: 0.2s;
}

.egera-gradient-overlay::before {
  background: var(--egera-gradient-reverse-hover) !important;
}

.table-btn {
  width: 115px;
  border-radius: var(--radius) !important;
}

.table-btn--primary {
  background: var(--egera-gradient-reverse);
}

.table-btn--primary span {
  color: white !important;
}

#emailIndexButton{
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.78) !important;
}
#emailIndexButton > span{
  font-size: 15px !important;
}

.table-btn--secondary {
  border: 2px solid var(--egera-pink-mix) !important;
}
.cta-small{
  display: inline-flex;
  flex-direction: row;
  gap: 15px;
  justify-content: center;
  align-items: center;
  font-size: 18px !important;
  padding: 15px 50px;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.table-btn--secondary span {
  color: var(--egera-pink-mix) !important;
}

a.nav-btn{
  cursor: pointer !important;
}

a.nav-btn:hover{
  cursor: pointer !important;
}
#indexEmail {
  font-size: 18px;
  height: 100%;
  border-radius: 15px;
  margin-left: -5px;
  min-height: 40px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
  padding-top: 14px !important;
  padding-left: 25px !important;
  padding-bottom: 12px !important;
  max-width: 95% !important;
}

.egera-animation-btn {
  --before-size: -1px;
  --before-bgc-size: 200%;
  --animation-during: 5s;
  --blur: 7px;
  border-radius: 15px;
  border: 0 !important;
  padding: 17px 40px 10px 40px !important;
  background: var(--egera-animate);
  background-size: var(--before-bgc-size);
  position: relative;
  line-height:1.2;
  animation: animate var(--animation-during) linear infinite;
}

.egera-animation-btn span {
  white-space: nowrap;
  letter-spacing: .5px;
  font-size: 11.25px;
}

.egera-animation-btn:before {
  content: '';
  position: absolute;
  top: var(--before-size);
  left: var(--before-size);
  right: var(--before-size);
  bottom: var(--before-size);
  z-index: -1;
  background: var(--egera-animate);
  background-size: var(--before-bgc-size);
  border-radius: calc(var(--radius) * 1.5);
  filter: blur(var(--blur));
  opacity: 1;
  transition: 0.8s;
  animation: animate var(--animation-during) linear infinite;
}

.egera-animation-btn:hover, .egera-animation-btn:focus {
  /* animation: animate var(--animation-during) linear infinite; */
  --before-bgc-size: 300%;
  --blur: 15px;
  --before-size: -5px;
}

@keyframes animate {
  from {
    background-position: 0%;
  }
  to {
    background-position: var(--before-bgc-size);
  }
}

.fix-navbar {
  top: 0 !important;
  position: fixed !important;
}

.fix-navbar:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,.85);
  background-size: 100%;
  background-repeat: repeat;
  background-position: center;
  backdrop-filter: blur(2px);
  opacity: 1;
  animation: opacity .5s;
}

@keyframes opacity {
  from {opacity: 0}
  to {opacity: 1}
}
.reg-btn::before {
  backdrop-filter: blur(50px) !important;
  background-color: var(--egera-gradient);
}

.cta-wrapper {
  margin-top: 0px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.open-account-btn-wrapper {
  border-radius: 30px !important;
  border: 0 !important;
  display: flex !important;
}

.open-account-btn-wrapper:before {
  background-color: var(--white-10p);
}

/* bitclude changes */

.blue {
  color: var(--bitclude-blue);
  font-weight: 600;
}

.white {
  color: var(--bitclude-white) !important;
}

.white-50p {
  color: var(--white-50p) !important;
}

.bold {
  font-weight: 600;
}

#wave{
  display: none !important;
  position: absolute;
  top: 0;
  height: 500px;
  z-index: 1;
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fsvg%2Fwave.svg") no-repeat;
  background-size: cover;
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw !important;
}
.cover h1{
  color: rgba(24,24,24,1) !important;
}
.cover{
  min-height: auto !important;
  padding-bottom: 0px !important;
}

/* .main-container {
  background-color: white;
} */

.egera-background {
  background: rgba(250,250,250,1);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index:-1;
  top:0;
}

.section2{
  background: rgba(250,250,250,1);
  position: relative;
}

.section2::before, .egera-background::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fwebp%2Fdots-100.webp"); */
  background-size: cover;
  background-position: center center;
  opacity: 0.02;
  overflow: hidden;
  filter: invert(100%);
}

.middleBreakSection{
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fwebp%2Fbg1.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 150px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  padding: 50px 0px !important;
  margin-bottom: 0px !important;
}

.middleBreakSection2{
  background: rgb(240, 240, 240);
  min-height: 150px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  padding: 50px 0px 75px 0px !important;
  margin-bottom: 0px !important;}

.middleBreakSection h2{
  color: white !important;
  margin-bottom: 0px !important;
  font-weight: 600;
}

.my-slider-progress {
  background: #ccc;
}

.my-slider-progress-bar {
  background: greenyellow;
  height: 2px;
  transition: width 400ms ease;
  width: 0;
}

.middleBreakSection .brands{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  flex-direction: row;
}

.middleBreakSection .brands img{
  max-height: 40px !important;
  margin: 20px 40px !important;
  filter: invert(100%);
  opacity: 0.8;
  transition: .2s;
}

.middleBreakSection .brands img:hover{
  opacity: 1;
  transition: .2s;
}

.card {
  padding: 10px;
  color: rgba(0,0,0,0.8);
  min-height: 210px;
}

.card-title {
  font-size: 24px;
  margin-bottom: 20px !important;
  font-weight: 600;
  color: black;
}

.start-desc {
  color: white;
  opacity: 0.7;
  margin: 0;
  padding: 0;
  border-left: none;
}

.glassmorphism {
  display: flex;
  background: transparent !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  position: relative;
  border-radius: 30px;
}

.glassmorphism > * {
  z-index: 50;
}

.glassmorphism::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
  border-radius: 30px;
}

.header-title {
  font-size: 24px;
  margin-bottom: 50px;
  font-weight: 600;
  position: realtive;
}

.header-title:after {
  content: '';
  position: absolute;
  display: block;
  height: 3px;
  width: 50%;
  background-image: var(--egera-gradient);
}

.breadcrumb-item a {
  /* color: var(--white-50p); */
  color: rgb(180, 180, 180);
}

.breadcrumb-item a:hover {
  /* color: var(--bitclude-white); */
  color: rgb(74, 74, 74);
  text-decoration: none;
}

.breadcrumb-item.active {
  /* color: white !important; */
  color: rgb(96, 96, 96) !important;
  font-weight: 600;
}

.breadcrumb-item + .breadcrumb-item::before {
  /* color: var(--white-50p) !important; */
  color: rgb(180, 180, 180) !important;
  padding-right: 1rem;
}

.breadcrumb {
  background-color: transparent !important;
}

.btn-label {
  top: -15px;
  right: -30px;
  padding: 5px 10px;
  position: absolute;
  font-size: 10px;
}

.btn-label::before {
  background-color: var(--white-10p);
}

footer {
  background: var(--egera-gradient);
  background-position: bottom center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 40px !important;
  margin-bottom: 0px !important;
  display: flex;
  align-items: flex-end;
  color: white !important;
}

footer a{
  color: inherit !important;
}

footer a span{
  color: inherit !important;
}

.first-section {
  margin-bottom: 100px;
}

#break-cryptos{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 0px;
  max-width: 900px;
  margin: 0 auto;
}

#break-cryptos img{
  height: 40px;
  margin-top: 50px;
  margin-bottom: 50px;
}

#break-cryptos img:hover{
  opacity: 1;
}

.card-team-img{
  max-height: 400px;
}

#for-you{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px !important;
  padding: 0px;
  padding-top: 50px;
  background: var(--egera-gradient);
  position: relative;
}

#for-you span{
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: white !important;
}

#for-you-bg{
  position: absolute;
  background: url("/?originalUrl=https%3A%2F%2Fegera.com%2Fassets%2Fimages%2Fjpg%2Fevent.jpg") no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.15;
}

.about-for-you{
  display: flex;
  align-items: center;
  justify-content: center;
}

.cardBtnBox #indexEmail{
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 20px;
  cursor: pointer !important;
  border-color: rgb(197, 197, 197);
}
.text-black{ color: black !important; }
.mockup-anime{
  /* animation: imageRotating 30s infinite; */
}

.slider-img-rotating{
  /* animation: imageRotating3D 12s infinite; */
}

@keyframes imageRotating {
  0%{
    transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
  }
  50%{
    transform: rotateY(20deg) rotateZ(0deg) rotateX(0deg);

  }
  100%{
    transform: rotateY(0deg) rotateZ(0deg) rotateX(0deg);
  }
}

@keyframes imageRotating3D {
  0%{
    transform: rotateY(0deg) rotateX(0deg);
  }
  50%{
    transform: rotateY(-10deg) rotateX(-10deg) rotate3d(0, 1, 1, -10deg);

  }
  100%{
    transform: rotateY(0deg)rotateX(0deg);
  }
}

.cardBtnBox .egera-animation-btn:hover{
  --blur: 7px !important;
}

.cardBtnBox #indexEmail::placeholder{
  font-size: 16px !important;
  opacity: 0.5;
}
#indexEmail::placeholder{
  font-size: 15px !important;
}

.card-container{
  padding-top: 50px;
}

.cardBtnBox{
  padding-left: 0px;
}

.new-modal-register{
  border-radius: 25px;
  padding: 25px;
}

.work-time{
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0px;
}

.mobile-box{
    display: none;
}

.ratesTable-container{
  padding-top: 50px;
}
.backdrop, .register-form {
  display: none;
}
.bg-dots-modal{
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  animation: zooming 12s infinite;
}
.new-modal-right{
  margin-left: 350px;
}
@keyframes zooming {
  0%{
    transform: translate(-50%, -50%) scale(1);
  }
  50%{
    transform: translate(-50%, -50%) scale(1.2);
  }
  100%{
    transform: translate(-50%, -50%) scale(1);
  }
}
.phone-mockup-img{
  animation: 15s zoomingMockup infinite;
  width: 230px;
}
@keyframes zoomingMockup {
  0%{
    transform: rotateZ(0deg) rotateY(0deg);
  }
  50%{
    transform: rotateZ(15deg) rotateY(30deg);
  }
  100%{
    transform: rotateZ(0deg) rotateY(0deg);
  }
}
.left-modal-background-gradient-element{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 30%;
  border-bottom-right-radius: 30%;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
  width: 350px;
  margin-left: -10px;
  height: calc(100% + 30px) !important;
  margin-top: 0px !important;
  background: var(--egera-gradient) !important;
  background-color: rebeccapurple;
  display: flex;
  flex-direction: column;
  color: white;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  overflow: hidden !important;
}
.show-register .backdrop, .show-register .register-form {
  display: block;
}

.payment-hander-container{
  gap: 15px;
}

#close-top-bar a{
  line-height: 100% !important;
}
@media only screen and (max-width: 767px){
  
  #close-img{
    margin-top: 20px !important;
  }
  #close-top-bar{
    font-size: 14px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #close-top-bar a{
    line-height: 150% !important;
  }
  .payment-hander-container{
    gap: 3px;
    margin-top: 15px;
  }
  /* .nav-container{
    margin-top: -50px !important;
  } */
  .menu-horizontal{
    margin-top: 10px !important;
  }
  .showOnMobileSidebar{
    display: flex !important;
  }
  .ratesTable-container{
    padding-top: 0px;
  }
  .bar__module h1{
    font-size: 10px !important;
  }
  .payment-handel-row{
    transform: scale(0.8);
    margin-top: -5px !important;
    margin-bottom: 15px !important;
  }
}
@media only screen and (max-width: 992px){
  .mobile-box{
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.mobile-box{
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: -15px;
}

.showOnMobileSidebar{
  display: none;
  flex-direction: column;
}

.mobile-box > div{
  display: flex;
  flex-direction: column;
}

.mobile-box > div span{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  font-weight: 500;
}

.mobile-box > div > div{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.app-egera-icon{
  margin: 5px;
  max-height: 64px;
}

.ref-to-mobile-app-img{
  max-height: 32px;
  margin: 5px !important;
}

.modal-container .modal-content {
  background-color: rgb(255, 255, 255);
  padding: 40px;
  border-radius: 30px;
  max-width: 500px;
}

.panel-egera-numbers-box-row{
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.panel-egera-numbers-box-row > span:nth-of-type(1){
  font-size: 40px;
  font-weight: bold;
}
.panel-egera-numbers-box-row > span:nth-of-type(2){
  font-size: 18px;
  opacity: .75;
}

.register-close {
  position: absolute;
  top: -10px;
  right: -5px;
  font-size: 18px;
  display: none;
  z-index: 99999;
  padding: 0px 0px 10px 10px;
}

.GetBTCW {
  font-size: 1.2rem;
  font-weight: 700;
}

.boxPress {
  margin-bottom: 2rem;
}

.placeholder::placeholder{
  font-size: 14px !important;
}

.boxPress img{
  height: auto;
  min-width: 270;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.text-between-lines{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 700px;
  width: 100%;
  color: rgb(170, 170, 170);
  font-weight: 400;
}

.text-between-lines div{
  height: 2px;
  width: 100%;
  flex-grow: 1;
  background: rgb(230, 230, 230);
}

.btn-file{
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.btn-file > p{
  font-weight: bold;
  color: rgb(74, 74, 74);
  margin-bottom: 0px;
}

.btn-file div{
  border: 1px solid #007bff;
  color: #007bff;
  background: rgba(0, 123, 255,.05);
  border-radius: 5px;
  padding: 10px 30px;
  font-size: 16px;
  text-align: center;
  transition: .3s;
  font-weight: bold;
}
.btn-file div:hover{
  cursor: pointer;
  background: rgba(0, 123, 255,.15);
  transition: .3s;
}

#close-report-form .report-btn{
  border: 1px solid #007bff;
  background: rgba(0, 123, 255,.05);
  color: #007bff;
  border-radius: 5px;
  width: 100%;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin-top: -5px;
  align-items: center;
  padding: 10px 20px;
  text-align: center;
  transition: .3s;
}
#close-report-form .report-btn:hover{
  cursor: pointer;
  background: rgba(0, 123, 255,.15);
  transition: .3s;
}
.no-underline, .no-underline:hover{
  text-decoration: none !important;
  color: inherit !important;
}
#main-post{
  transition: .3s;
}
#main-post:hover{
  transition: .3s;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
.close-under-form{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  line-height: 160%;
  margin-top: 20px;
  max-width: 700px;
  margin: 0 auto;
  margin-top: 25px;
  opacity: 50%;
}
.report-error-label{
  color: red;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0px;
}

.boxPress #R{
 width: 50px;
 height: 75px;
}

.boxPress #R2{
  width: 50px;
  height: 75px;
  margin-left: 2rem;
}

.boxPress #E{
  width: 400px;
}

.btn-boxPress{
  border-radius: 30px !important;
  font-weight: 600;
  font-size: large;
  width:180px;
  height:auto;
  padding: 1.2rem;
}
.landing-title{
  font-size: 60px;
  font-weight: 600;
  color: rgb(24, 24, 24);
}
@media (max-width: 767px) {
  .boxPressCenter{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .landing-title{
    font-size: 38px;
    margin: 0 auto;
    text-align: center;
  }
  .lead{
    text-align: center;
    font-size: 16px !important;
  }
  .landing-section h2{
    font-size: 22px !important;
  }
  .boxPress #E{
    width: 200px;
  }
  .nav-btn{
    font-size: 18px !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
    height: 45px !important;
  }
  .nav-btn:nth-of-type(2) span{
    padding-top: 3px !important;
  }
  .cover{
    /* min-height: 610px; */
  }
  .boxPress{
    margin-bottom: 3rem;
  }
  #wave{
    height: 700px !important;
  }
  #indexEmail{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-size: 19px !important;
  }
  .contentWidget3{
    padding-left: 25px;
    padding-right: 25px !important;
  }
  .rowWidget3{
    margin-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .rowWidget4{
    flex-direction: column;
    border-radius: 20px;
    margin-left: 15px;
  }
  .rowWidget4 > div:nth-of-type(1){
    border-top-right-radius: 20px;
  }
  .rowWidget4 > div:nth-of-type(2){
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
  }
  .rowWidget2{
    margin-top: 0px;
  }
  .contentWidget2 > div
  {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
  }
  .contentWidget2 > div{
    padding-left: 15px;
  }
  .contentWidget2 > span{
    padding-left: 15px;
  }
}

@media only screen and (max-width: 450px) {
  #break-cryptos{
    flex-direction: row;
  }
  #break-cryptos img{
    height: 30px;
    margin: 15px 0px;
  }
  .card-container{
    padding-top: 0px;
  }
  .pro-landing-main-text{
    padding: 5px;
  }
  #wave{
    position: absolute;
    top: 0;
    max-width: 700%;
    width: 600%;
    z-index: 1;
  }
}

/* media */
@media (max-width: 460px) {
  .first-btn {
    align-self: flex-start;
  }
  .cta-wrapper {
    flex-direction:column;
  }

  .second-btn {
    margin-left: 0;
  }

  .start-smaller-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 600px) {
  .modal-container .modal-content {
    width: 100% !important;
    height: 100% !important;
    max-height: none;
    max-width: none;
    padding: 30px;
    border-radius: 0;
  }
  .register-close {
    display:block;
  }
}

@media only screen and (max-width: 767px) {
  footer{
    padding-bottom: 25px !important;
  }
  .contentWidget2 > span{
    font-size: 22px;
  }
  .new-modal-right{
    margin-left: 0px;
    padding: 10px !important;
    padding-left: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .left-modal-background-gradient-element{
    display: none !important;
  }
  .footerLower{
    text-align: center;
  }
  .footerLower .text-right{
    text-align: center !important;
  }
  footer .social-list{
    display: flex;
    justify-content: center;
    margin: 10px 0px !important;
  }
  .footerMenu{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 12px !important;
  }
  .footerMenu li{
    display: flex !important;
    padding: 5px 10px !important;
    margin-bottom: 0px !important;
  }
  .top-info {
    /* display: none; */
  }
  .cardBtnBox{
    padding-left: 15px !important;
    /* padding-right: 0px !important; */
  }
  .pro-payments-handel{
    justify-content: space-around !important;
  }
  .pro-box-under-form{
    flex-direction: column;
    text-align: center;
  }
  .pro-box-under-form span:nth-of-type(2){
    display: none;
  }
  .card-team-img{
    display: none;
  }
  #for-you span{
    font-size: 20px;
  }
  #for-you{
    padding: 30px 15px;
  }
}

@media (max-width: 991.8px) {
  .egera-logo {
    position: absolute;
    display: flex;
    justify-content: center;
  }
  #indexEmail{
    padding: 10px 10px !important;
    line-height: 120% !important;
    width: 100% !important;
    max-width: 350px !important;
  }
  #emailIndexButton{
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 52px !important;
  }
}

@media (max-width: 1200px) {
  footer {
    background-size: 300% 100% !important;
  }

  .start-gradient::after {
    background-size: auto 450px;
    background-position: top center;
  }

  .first-section {
    margin-bottom: 50px;
    margin-top: 50px;
  }
}

/* keyframes */
@keyframes dotAnimate {
  0% {background-size: 100%;}
  50% {background-size: 200%;}
  100% {background-size: 100%;};
}

@keyframes opacity {
  from {opacity: 0}
  to {opacity: 1}
}