* {
  padding: 0;
  margin: 0;
  font-family: 'Baloo Tamma 2', cursive;
}
html {
  scroll-behavior: smooth;
}
body {
  position: relative;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.btn {
  outline: none !important;
  box-shadow: none !important;
}
nav.bg-custom {
  background-color: white;
  padding: 8px 34px;
  box-shadow: 0 2px 8px #c6c8ca;
}
nav .nav-inner {
  width: 96%;
  margin: auto;
}
nav img.logo-tadio {
  max-height: 45px;
  max-width: 42px;
}

nav .tadio.name {
  padding-left: 12px;
  margin-top: 6px;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  color: #6F49B9;;
}

nav .btn.sign-in {
  background: inherit;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #6F49B9;
  border-radius: 0;
  transition: .3s ease-in-out;
  padding: 1px 3px;
  margin-right: 14px;
}

nav .btn.sign-in:hover {
  border-bottom: 2px solid #6F49B9;
}

nav .btn.create {
  background: #FF3D00;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  border-radius: 0;
  border: 2px solid #FF3D00;
  transition: .4s ease-in-out;
}

nav .btn.create:hover {
  background: #ffffff;
  color: #FF3D00;
  border: 2px solid #FF3D00;
}

.crypto-landing-top {
  background-color: #FBFAFD;
  padding: 108px 84px 0 84px;
  /* min-height: 95vh; */
}

.crypto-landing-top .top-section-wrapper {
  padding: 90px 0;
}

.crypto-landing-top .top-section-wrapper .left, .right {
  padding: 15px 0;
  width: 100%;
}

.crypto-landing-top .top-section-wrapper .left {
  padding: 12px 0;
}

.crypto-landing-top .top-section-wrapper .left h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 34px;
  color: #6F49B9;
  margin-bottom: 28px;
}

.crypto-landing-top .top-section-wrapper .left .content {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
  width: 90%;
}

.crypto-landing-top .top-section-wrapper .left .btn.create {
  background: #FF3D00;
  color: #FBFAFD;
  border-radius: 0;
  border: 2px solid #FF3D00;
  transition: .4s ease-in-out;
  margin-bottom: 30px;
}

.crypto-landing-top .top-section-wrapper .left .btn.create:hover {
  background: #FBFAFD;
  color: #FF3D00;
  border: 2px solid #FF3D00;
}

.crypto-landing-top .top-section-wrapper .left img.google, img.apple {
  max-height: 42px;
  cursor: pointer;
}

.crypto-landing-top .top-section-wrapper .right img.people {
  width: inherit;
  padding: 0 25px;
}

.landing-top-crypto-wrapper {
  background-color: #FFFFFF;
  padding: 18px 84px;
  /* min-height: 80vh; */
  text-align: center;
}

h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: #6F49B9;
  padding: 34px 0;
  text-align: center;
}

.table.top-crypto-wrapper {
  box-shadow: 0 2px 4px #f3f3f3;
}

.table.top-crypto-wrapper th, td, tr {
  border: none !important;
}

.table.top-crypto-wrapper thead {
  background: #FFF9F7;
}

.table.top-crypto-wrapper thead th {
  color: #6F49B9;
}

.table.top-crypto-wrapper tr:nth-child(2), tr:nth-child(4) {
  background-color: #F9F9F9;
}

.table.top-crypto-wrapper tr .name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #2A3A59;
  opacity: 0.8;
}

.table.top-crypto-wrapper tr .name {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #2A3A59;
  opacity: 0.8;
}

.table.top-crypto-wrapper tr .fade {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #2A3A59;
  opacity: 0.7;
}

.table.top-crypto-wrapper tr td:nth-child(1) div {
  min-width: 135px;
  margin: auto;
  display: inline-block;
  text-align: left;
}

.table.top-crypto-wrapper tr td:nth-child(2) div {
  min-width: 100px;
  margin: auto;
  display: inline-block;
  text-align: left;
}

.red {
  color: #FF3D00;
}

.green {
  color: #3ED715;
}

.who-we-are-wrapper .inner {
  width: 80%;
  margin: auto;
  text-align: left;
}

.who-we-are-wrapper .inner.right {
  width: 90%;
  margin: auto;
}

.who-we-are-wrapper .inner img.union {
  width: inherit;
  min-height: 150px;
  padding-top: 20px;
}

.who-we-are-wrapper .inner h4 {
  text-align: left;
}

.who-we-are-wrapper .inner .content {
  color: #2A3A59;
  margin-bottom: 24px;
}

.convert-to-fiat {
  background: #FBFAFD;
  /* min-height: 30vh; */
}

.convert-to-fiat .inner h4 {
  text-align: left;
}

.convert-to-fiat .inner .content {
  color: #2A3A59;
  margin-bottom: 24px;
}

.convert-to-fiat .inner {
  width: 80%;
  margin: auto;
  text-align: left;
}

.convert-to-fiat .inner.right {
  width: 90%;
  margin: auto;
}

.convert-to-fiat .inner img.map {
  width: inherit;
  max-width: 100%;
  min-height: 150px;
  padding-top: 20px;
}

.convert-to-fiat .btn.create {
  background: #FF3D00;
  color: #FBFAFD;
  border-radius: 0;
  border: 2px solid #FF3D00;
  transition: .4s ease-in-out;
  margin-bottom: 30px;
}

.convert-to-fiat .btn.create:hover {
  background: #FBFAFD;
  color: #FF3D00;
  border: 2px solid #FF3D00;
}

.getting-started {
  background-color: white;
  /* min-height: 100vh; */
}

.getting-started h3 {
  font-style: normal;
  font-weight: bold;
  color: #6F49B9;
}

.our-trust-platform {
  background: #FFF9F7;
}

.our-trust-platform .inner-wrap {
  padding: 10px;
  text-align: center;
}

.our-trust-platform h4 {
  padding: 16px 0;
}

.our-trust-platform p {
  color: #2A3A59;
  opacity: 0.7;
}

.our-trust-platform .inner-wrap .content {
  color: #2A3A59;
  opacity: 0.7;
  margin-bottom: 10px;
}

.getting-started {
  min-height: 0;
}

.getting-started .mobile-img-deposit {
  display: none;
}

.getting-started .purple-card {
  width: 100%;
  background: #6F49B9;
  padding: 34px 0;
}

.getting-started .purple-card div {
  color: white;
}

.getting-started .purple-card button.btn.create:hover {
  border: 2px solid white;
  background-color: #6f42c1;
  color: white;
}

.tadio-faq-th {
  text-align: left;
}
.tadio-faq-th h3 {
  margin-bottom: 25px;
  color: #6f42c1;
  font-weight: bold;
  text-align: center;
}

.tadio-footer {
  background-color: #FBFAFD;
}

.tadio-footer .footer-links {
  padding: 10px 6px;
}

.tadio-footer .footer-links h4 {
  padding: 12px 0;
  text-align: left;
}
.tadio-footer .footer-links div {
  text-align: left;
}
.tadio-footer .footer-links a {
  color: #514949;
  opacity: 0.9;
  padding: 2px 0;
  transition: .3s ease-in-out;
  display: block;
  text-align: left;
}
.tadio-footer .footer-links a.icons {
  display: inline-block;
  padding: 2px 5px 2px 0;
}
.tadio-footer .footer-links a.icons img {
  display: inline-block;
  text-align: left;
}

form.contact-us-form {
  width: 80%;
  margin: auto;
}

form.contact-us-form label {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #6F49B9;
}

form.contact-us-form input {
  padding: 6px 14px;
  border-radius: 0;
}
form.contact-us-form textarea {
  resize: none;
  border-radius: 0;
}
form.contact-us-form .btn-wrapper {
  text-align: center;
}

form.contact-us-form label span {
  color: #FF3D00;
}

/*ACCORDION*/
.accordion-wrapper .card {
  border-radius: 0;
  border-bottom: none;
}
.accordion-wrapper .card:first-child, .card:last-child {
  border-radius: 5px;
}
.accordion-wrapper .card:last-child {
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion-wrapper .card-header {
  background-color: white;
  border-bottom: 1px solid rgba(0,0,0,.125);
  cursor: pointer;
  position: relative;
}
.accordion-wrapper .card-body {
  width: 96%;
  margin: auto;
}
.accordion-wrapper .card-header button {
  font-weight: 500;
  opacity: 0.8;
  font-size: 15px;
}
.accordion-wrapper .card-header button.btn {
  background-color: inherit;
  border: none;
}

.accordion-wrapper .card-header[aria-expanded=true]:after {
  content: "-";
}

.accordion-wrapper .card-header:after {
  content: "+";
  color: #FF3D00;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transition: .2s ease-in-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  display: none;
  bottom: 40px;
  right: 50px;
  font-size: 16px;
  border-radius: 50%;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #FF3D00;
  transition: 1s ease;
  border: none;
}
.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top .arrow {
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin: 0 0 5px 0;
}
.scroll-top .arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.what-users-say .row {
  width: 98% !important;
  margin: auto;
}
.what-users-say .about-us {
  min-height: 120px;
  text-align: center;
  margin: 4px;
}
.what-users-say .about-us .count {
  font-weight: 600;
  font-size: 24px;
  padding: 4px 0;
}
.what-users-say .about-us .title {
  font-size: 14px;
  color: #606060;
  padding-bottom: 4px;
}
.card-shadow {
  box-shadow: 0 2px 6px #C8C8C8;
}

/****** MOBILE AND TAB RESPONSIVENESS *******/
@media screen and (min-width: 1350px) {
  nav .nav-inner {
    width: 86%;
    margin: auto;
  }
  .crypto-landing-top .top-section-wrapper {
    width: 80%;
    margin: auto;
  }
}
@media screen and (min-width: 1250px) {
  * {
    font-size: 22px;
  }
  nav .nav-inner {
    width: 89%;
    margin: auto;
  }
  nav.bg-custom {
    background-color: white;
    padding: 8px 134px;
  }
  nav .btn.sign-in {
    font-size: 20px;
    margin-top: 4px;
  }
  nav .btn.create {
    font-size: 20px;
    padding-bottom: 4px;
  }
  .crypto-landing-top .top-section-wrapper {
    width: 84%;
    margin: auto;
  }
  .crypto-landing-top .top-section-wrapper .left .content {
    font-size: 22px;
  }
  .crypto-landing-top .top-section-wrapper .left h3 {
    font-size: 40px;
  }
  h4 {
    font-size: 40px;
    color: #6F49B9;
  }
  .tadio-footer .footer-links h4 {
    font-size: 28px;
  }
  .getting-started .purple-card div {
    color: white;
    font-size: 24px;
  }
  .convert-to-fiat .btn.create {
    padding-bottom: 4px;
  }
  .our-trust-platform .inner-wrap h4 {
    padding: 16px 0;
    font-size: 28px;
  }
  .crypto-landing-top .top-section-wrapper .left .btn.create {
    padding-bottom: 4px;
  }
  form.contact-us-form label {
    font-size: 22px;
  }
  .table.top-crypto-wrapper tr td:nth-child(2) div {
    min-width: 128px;
    font-size: 22px;
  }
  .table.top-crypto-wrapper tr .fade {
    font-size: 22px;
  }
  .accordion-wrapper .card-header button.btn {
    font-size: 22px;
    padding-bottom: 0;
  }
  .table.top-crypto-wrapper tr .name {
    font-size: 22px;
  }
  .table.top-crypto-wrapper tr img {
    margin-top: -4px;
  }
  .table.top-crypto-wrapper tr td:nth-child(1) div {
    min-width: 150px;
  }
  .who-we-are-wrapper {
    width: 86%;
    margin: auto;
  }
  .convert-to-fiat .row {
    width: 86%;
    margin: auto;
  }
}

@media screen and (max-width: 1130px) {
  .tadio-footer .footer-links h4 {
    font-size: 20px;
  }
}

@media screen and (min-width: 767px) and (max-width: 932px) {
  .tadio-footer .footer-links h4 {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .tadio-footer .footer-links a.icons {
    /*display: inherit;*/
    padding: 2px 5px 2px 0;
  }
  .tadio-footer .footer-links div {
    text-align: center;
  }
  .tadio-footer .footer-links a.icons img {
    text-align: center;
  }
  .crypto-landing-top .top-section-wrapper .left h3 {
    font-size: 27px;
  }
  nav.bg-custom {
    background-color: white;
    padding: 8px 24px;
  }

  .crypto-landing-top .top-section-wrapper {
    padding: 60px 0 30px 0;
    text-align: center;
  }

  .crypto-landing-top .top-section-wrapper .content {
    text-align: center;
    display: inline-block;
  }

  .crypto-landing-top {
    min-height: 0;
    padding: 60px 10px 30px 10px;
  }

  .crypto-landing-top .top-section-wrapper .right {
    padding: 25px 0;
  }

  .landing-top-crypto-wrapper {
    padding: 18px 10px;
  }

  .who-we-are-wrapper .inner {
    width: 90%;
    text-align: center;
  }

  .who-we-are-wrapper .inner h4 {
    text-align: center;
  }

  .convert-to-fiat .inner {
    width: 90%;
    text-align: center;
  }

  .convert-to-fiat .inner h4 {
    text-align: center;
  }

  .convert-to-fiat .inner button {
    text-align: center;
    display: inline-block;
  }

  .convert-to-fiat .inner .btn.create {
    text-align: center;
    display: inline-block;
  }

  .getting-started .content {
    text-align: center;
  }

  .getting-started .desktop-img-deposit {
    display: none;
  }

  .getting-started .mobile-img-deposit {
    display: block;
  }

  .getting-started .purple-card {
    width: 95%;
    margin: auto;
  }

  .tadio-footer .footer-links h4 {
    padding: 6px 0;
    font-size: 24px;
    text-align: center;
  }

  .tadio-footer .footer-links a {
    text-align: center;
    font-size: 18px;
  }

  form.contact-us-form {
    width: 80%;
    margin: auto;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  nav img.logo-tadio {
    max-height: 35px;
    max-width: 32px;
  }

  nav .nav-inner {
    width: 100%;
    margin: auto;
  }

  nav .tadio.name {
    padding-left: 8px;
    font-size: 18px;
  }

  nav .btn.sign-in {
    font-size: 14px;
    padding: 1px 3px;
    margin-right: 8px;
  }
  nav .btn.create {
    font-size: 14px;
    padding: 2px 4px;
  }
}
@media screen and (max-width: 340px) {
  nav img.logo-tadio {
    max-height: 30px;
    max-width: 27px;
  }

  nav .tadio.name {
    padding-left: 6px;
    font-size: 16px;
  }

  nav .btn.sign-in {
    font-size: 13px;
    padding: 1px 3px;
    margin-right: 6px;
  }
  nav .btn.create {
    font-size: 13px;
    padding: 2px 4px;
    /*border: 2px solid #6F49B9;*/
  }
  .tadio-footer .footer-links h4 {
    padding: 6px 0;
    font-size: 20px;
    text-align: center;
  }

  .tadio-footer .footer-links a {
    text-align: center;
    font-size: 16px;
  }
}
/****** MOBILE AND TAB RESPONSIVENESS ENDS *******/

/****** TRANSITIONS ********/
@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0 rgba(0,0,0,0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.6);
    transform: translatey(0px);
  }
}

/****** TRANSITIONS ENDS ********/