* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-family: sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #555;
}
*:focus {
  outline: none;

  box-shadow: 0 0 0 0.8rem #d13639;
}
.nav.sticky {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.95);
}
.header-container {
  max-width: 140rem;
  padding: 0 3.2rem;
  margin: 0 auto;
}
.container {
  max-width: 120rem;
  padding: 0 3.2rem;
  margin: 0 auto;
}
.hero-container {
  height: 100svh;
  width: 100%;
  height: 100%;

  background-image: linear-gradient(
      rgba(34, 34, 34, 0.6),
      rgba(34, 34, 34, 0.6)
    ),
    url(../img/hero.jpg);
  background-size: cover;
  /* background-repeat: no-repeat; */
  background-position: center;
  /* overflow-x: hidden;
  scroll-behavior: smooth; */
}
/* ******************************** */
/* HEADER */
/* ******************************* */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  height: 9.6rem;
  padding: 0 4.8rem;
  position: relative;
}
.logo {
  height: 5rem;
  cursor: pointer;
}
/* MOBILE */
.btn-mobile-nav {
  border: none;
  background: none;
  cursor: pointer;

  display: none;
}

.icon-mobile-nav {
  height: 4.8rem;
  width: 4.8rem;
  color: #333;
}

.close-outline {
  display: none;
}
/* STICKY NAVIGATION */
.sticky .header {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 8rem;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(75, 73, 73, 0.97);
  z-index: 999;

  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.06);
}
.sticky.section-hero {
  margin-top: 9.6rem;
}
/* *************************** */
/* NAV */
/* ************************** */
.main-nav-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 4.8rem;
}
.main-nav-link:link,
.main-nav-link:visited {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  transition: all 0.3s;
}

.main-nav-link:hover,
.main-nav-link:active {
  color: red;
}
.main-nav-link.nav-cta:link,
.nav-cta:visited {
  padding: 1.2rem 2.4rem;
  border-radius: 9px;
  color: #fff;
  background-color: red;
}
.main-nav-link.nav-cta:hover,
.nav-cta:active {
  background-color: rgb(102, 7, 7);
}
/* ----------------- */
/* --hero-section- */
/* --------------- */
.hero-section {
  padding: 9.6rem 0;
}
.hero-box {
  margin-top: 5%;
}
.hero-text {
  font-size: 1.4rem;
  margin-top: 2rem;
  color: #fff;
}
.hero-header {
  font-size: 8rem;
  color: #fff;
  margin-bottom: 1.5rem;
}
.hero-colo {
  color: red;
}
.btn:link,
.btn:visited {
  display: inline-block;
  padding: 1.5rem 3rem;
  text-decoration: none;
  color: #fff;
  background-color: red;
  border: #fff 2px solid;
  margin-right: 2rem;
  border-radius: 9px;
}
.btn:hover,
.btn:active {
  background-color: rgb(102, 7, 7);
  color: #fff;
  border: rgb(102, 7, 7) 2px solid;
}
.btn-ent:link,
.btn-ent:visited {
  display: inline-block;
  padding: 1.5rem 3rem;
  text-decoration: none;
  color: #fff;
  border: #fff 2px solid;
  border-radius: 9px;
}
.btn-ent:hover,
.btn-ent:active {
  background-color: #fff;
  color: #333;
}
/* ---------------- */

/* ------------- */
/* --about-section- */
/* ------------------ */
.about-section {
  padding: 9.6rem 0;
}
.about-header {
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.about-text {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.about-box {
  display: flex;
  gap: 3rem;
}
.about-img {
  width: 100%;
  border: 3px #fff solid;
}
/* -------------------- */
/* --services-section-- */
/* -------------------- */
.services-section {
  padding: 9.6rem 0;
}
.services-header {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3rem;
}
.services-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3rem;
}
.secrvices-head {
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  text-align: center;
}
.services-text {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.btn-sev:link,
.btn-sev:visited {
  display: inline-block;
  text-decoration: none;
  color: #333;
}
.btn-sev:hover,
.btn-sev:active {
  color: red;
}
.services-text-box {
  padding: 1.5rem 3rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.075);
}
/* ------------------ */
/* --cta-section-- */
/* ---------------- */
.what-section {
  padding: 9.6rem 0;
}
.what-header {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.what-text {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.what-img {
  width: 100%;
}
.what-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
.analysis-img {
  width: 100%;
}
.wlecome-registration {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
/* OPERATIONS */
.btn-btn {
  font-size: 1.4rem;
  font-weight: 600;

  margin-right: 1.4rem;
  padding: 0.8rem 1.2rem;
}
.btn-btn:hover,
.btn-btn:active {
  background-color: rgb(102, 7, 7);
  color: #fff;
}
.operations__tab span {
  margin-right: 1rem;
  font-weight: 600;
  display: inline-block;
}

.operations__content {
  display: none;
}
.operations__content--active {
  display: grid;
}
/* ------------------------------ */
/* ---PLAN- SECTION----- */
/* ----------------------------- */
.plan-section {
  padding: 9.6rem 0;
  height: 100svh;
  height: 100%;

  background-image: linear-gradient(
      rgba(34, 34, 34, 0.6),
      rgba(34, 34, 34, 0.6)
    ),
    url(../img/bitcoin-mining-pools-locations-in-the-world-the-chain-bulletin-bitcoin-mining-map.png);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;

  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plans-header {
  font-size: 3rem;
}
/* -------------- */
/* ---cta-section-- */
/* --------------- */
.cta-section {
  padding: 6rem 0;
}
.cta-list-box {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.cta-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3rem;
}
.cta-div {
  padding: 1.2rem 2.4rem;
  box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.075);
}
.cta-list {
  font-size: 1.4rem;
}
.cta-header {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 2rem;
}
.cta-header-text {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 3rem;
  line-height: 1.5;
}
.link-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-link:link,
.cta-link:visited {
  display: inline-block;
  text-decoration: none;
  margin-top: 3rem;
  align-items: center;
  padding: 1.2rem 2.4rem;
  border: #999 3px solid;
  font-size: 1.4rem;
  color: #555;
  border-radius: 8px;
}
.cta-link:hover,
.cta-link:active {
  background-color: red;
  color: #fff;
  border: none;
}
.cat-full {
  background-color: red;
  border: none;
}
/* -------------- */
/* ---ceo-section-- */
/* --------------- */
.ceo-section {
  padding: 9.6rem 0;
}
.ceo-container {
  max-width: 100rem;
  padding: 0 3.2rem;
  margin: 0 auto;
}

.ceo-head {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  color: red;
}
.ceo-header {
  font-size: 3rem;
  margin-bottom: 4.8rem;
  text-align: center;
}
.ceo-img {
  width: 8rem;
  border: 4px solid black;
  border-radius: 50px;
}
.director-img-box {
  display: flex;
  list-style: none;

  gap: 3rem;
}
.btn-img {
  border-radius: 50px;
  border: none;
}
.img-btn {
  width: 7rem;
  border-radius: 50px;
}
.operations__tab-container-two {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.kate-img {
  width: 100%;
}
.kate-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3rem;
  margin-top: 6.4rem;
}
.kate-text {
  grid-column: 5/-5;
}
.director-head {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.director-header {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: red;
}
.director-text {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5;
}

.img__content {
  display: none;
}
.img__content--active {
  display: grid;
}
/* -------------- */
/* --terms--- */
/* ---------------- */
.terms-text {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}
.terms-header {
  font-size: 2rem;
  margin-bottom: 3rem;
}
/* -------------- */
/* --footer--- */
.footer {
  padding: 9.6rem 0;
  background-color: rgb(20, 20, 43);
}
.footer-box {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 3rem;
}
.footer-header {
  font-size: 2rem;
  margin-bottom: 2rem;
}
.footer-text {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #fff;
}
.list-box {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.footer-link:link,
.footer-link:visited {
  text-decoration: none;
  font-size: 1.4rem;
  color: #fff;
}
.footer-link:hover,
.footer-link:active {
  color: red;
  font-size: 2rem;
}
.copy-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.copy-text {
  font-size: 1.4rem;
  color: #fff;
}
/* -------------- */
/* ---form--- */
/* ------------ */
.form {
  display: inline-block;
}
.form-header {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}
.input {
  width: 100%;
  padding: 1.1rem;
  font-size: 1.4rem;
  margin-bottom: 3rem;
}
.btn-login {
  display: block;

  font-size: 1.4rem;
  padding: 0.8rem 1.2rem;
  background-color: red;
  color: #fff;
  border: none;
  margin-bottom: 2rem;
  border-radius: 7px;
}
.lost-pass-link {
  display: block;
  font-size: 1.4rem;
  text-decoration: none;
  text-align: right;
}

.show-login,
.show-register,
.show-conten,
.terms-log {
  cursor: pointer;
}
.login-box,
.register-box,
.message-box,
.terms-box,
.accordion-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;

  background-color: #fff;
  padding: 6rem;
  border-radius: 5px;
  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
  z-index: 10000;
  transition: all 0.5s;
}
.terms-box {
  max-width: 40%;
  background-color: #111;
  color: #fff;
}
.terms-container {
  height: 40rem;
  overflow-y: auto;
  font-weight: 500;
  color: #f1f1f1;
}
.terms-container::-webkit-scrollbar {
  width: 4px;
  background-color: #282828;
}
.terms-container::-webkit-scrollbar-thumb {
  background-color: #d13639;
}
.login-close,
.register-close,
.message-close,
.terms-close {
  position: fixed;
  top: 1.2rem;
  right: 2rem;
  font-size: 5rem;
  color: #d13639;
  cursor: pointer;
  border: none;
  background: none;
}

.hidden {
  display: none;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 5;
  transition: all 0.5s;
}
/* -------------- */
/* ---REGISTER
--- */
/* ------------ */
.checkbox {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
.agree {
  font-size: 1.4rem;
}
.input-name {
  display: flex;
  gap: 3rem;
}
/* ------------- */
/* accordion */

.accordion li {
  list-style: none;
  width: 100%;
  margin: 2rem;
  padding: 1rem;
  border-radius: 8px;
  background: #e3edf7;
  box-shadow: 6px 6px 10px -1px rgba(0, 0, 0.15) -6px -6px 10px -1px
    rgba(255, 255, 255, 0.7);
}
.accordion li label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 500;
  cursor: pointer;
}
label::before {
  content: "+";
  margin-right: 1rem;
  font-size: 2.4rem;
  font-weight: 600;
}
input[type="radio"] {
  display: none;
}
.accord-text {
  font-size: 1.4rem;
}
.accordion .accor-content {
  color: #555;
  padding: 0 1rem;
  line-height: 1.5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s padding 0.5s;
}
.accordion input[type="radio"]:checked + label + .accor-content {
  max-height: 40rem;
  padding: 1rem 1rem 20px;
}
.accordion input[type="radio"]:checked + label::before {
  content: "-";
}