*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: var(--color-bg);
  color: var(--color-text--dark);
  font-family: "Noto Sans", Arial, Helvetica, sans-serif;
}

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

a {
  text-decoration: none;
}

:root {
  --color-text--dark: #333577;
  --color-text--light: #fff;
  --color-text--accent: #4DCAFA;
  --color-accent: #333577;
  --color-bg: #fff;
  --color-awesome-grey: #D9D9D9;
}

/* noto-sans-regular - cyrillic_cyrillic-ext_devanagari_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-v42-cyrillic_cyrillic-ext_devanagari_greek_greek-ext_latin_latin-ext-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - cyrillic_cyrillic-ext_devanagari_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-v42-cyrillic_cyrillic-ext_devanagari_greek_greek-ext_latin_latin-ext-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-900 - cyrillic_cyrillic-ext_devanagari_greek_greek-ext_latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/noto-sans-v42-cyrillic_cyrillic-ext_devanagari_greek_greek-ext_latin_latin-ext-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "lato";
  src: url("../fonts/lato-black-webfont.eot");
  src: url("../fonts/lato-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-black-webfont.svg#latoblack") format("svg"), url("../fonts/lato-black-webfont.woff") format("woff"), url("../fonts/lato-black-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/lato-italic-webfont.eot");
  src: url("../fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic-webfont.svg#latoitalic") format("svg"), url("../fonts/lato-italic-webfont.woff") format("woff"), url("../fonts/lato-italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/lato-regular-webfont.eot");
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "lato";
  src: url("../fonts/lato-light-webfont.eot");
  src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
* {
  font-size: 1rem;
  font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem);
}

h2 {
  font-size: 2rem;
  font-size: clamp(2rem, 1.0909090909rem + 3.8787878788vw, 4rem);
  margin-bottom: 0 !important;
}

h3 {
  margin-bottom: 0 !important;
}

.titlebar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}
.titlebar h3 {
  background-color: var(--color-accent);
  color: var(--color-text--light);
  padding: 10px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}
.titlebar__line {
  display: none;
}
@media (width >= 43.75em) {
  .titlebar__line {
    display: block;
    height: 3px;
    width: 100%;
    background-color: var(--color-accent);
  }
}

.accent {
  color: var(--color-text--accent);
  font-size: 1rem !important;
}

a.btn,
button.btn {
  width: 100%;
  background-color: #d9d9d9;
  border-radius: 12px;
  color: var(--color-text--dark);
  text-transform: uppercase;
  font-weight: 700;
  padding-block: 20px;
  transition: all ease-in-out 0.3s;
}
a.btn--small,
button.btn--small {
  padding-block: 8px;
}
a.btn:hover:not(:disabled),
button.btn:hover:not(:disabled) {
  background-color: var(--color-text--accent);
}
a.btn:disabled,
button.btn:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.bestsellers-banner .right-banner .webinar-rating i {
  color: var(--color-text--accent);
}

nav.navbar {
  background-color: var(--color-bg);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
@media (width >= 43.75em) {
  nav.navbar {
    box-shadow: none;
  }
}
nav.navbar .navbar-nav a.nav-link {
  color: var(--color-text--accent);
  font-size: 1rem;
  font-weight: 700;
  border: none;
}
nav.navbar .menus a.active::after {
  background: var(--color-text--accent);
}
nav.navbar .menus a.nav-link:hover::after {
  background-color: var(--color-text--accent);
}
@media (width < 43.75em) {
  nav.navbar a.nav-link__btn {
    margin-block: 15px;
  }
}
nav.navbar a.nav-link__btn {
  background-color: var(--color-accent);
  border-radius: 13px;
  padding-inline: 10px !important;
  color: var(--color-text--light) !important;
  transition: background-color ease-in-out 0.3s;
}
nav.navbar a.nav-link__btn:hover {
  background-color: var(--color-text--accent);
}
nav.navbar .lang-custom-select {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
nav.navbar .lang-select {
  margin-right: 0;
  padding-right: 0;
}
nav.navbar .lang-select .select-selected {
  color: var(--color-text--accent);
  padding-top: 0;
  height: min-content;
  font-weight: 700;
}
nav.navbar .dropdown-toggle::after {
  color: var(--color-text--accent);
}
@media (width < 43.75em) {
  nav.navbar .nav-item {
    margin-right: 0 !important;
  }
  nav.navbar .menus {
    margin-left: 0 !important;
  }
}
nav.navbar .navbar-toggler > .navbar-toggler-icon > i {
  font-size: 1.25rem;
}

.hello-section {
  text-align: center;
  padding-bottom: 0;
}
@media (width >= 43.75em) {
  .hello-section {
    text-align: left;
  }
}
.hello-section__wrapper {
  gap: 30px;
}
@media (width >= 43.75em) {
  .hello-section__wrapper {
    gap: 0;
  }
}
.hello-section__content {
  display: grid;
  gap: 30px;
}
.hello-section__content > h2 {
  color: var(--color-text--dark) !important;
  font-size: 2rem;
  font-size: clamp(2rem, 1.2613636364rem + 3.1515151515vw, 3.625rem);
  font-weight: 900;
}
.hello-section__content > p {
  color: var(--color-text--accent);
  font-size: 1rem;
  font-size: clamp(1rem, 0.9431818182rem + 0.2424242424vw, 1.125rem);
}

section.about-section {
  background-color: var(--color-accent);
  padding-top: 38px;
}
section.about-section .about-section__wrapper {
  gap: 15px;
}
@media (width >= 43.75em) {
  section.about-section .about-section__wrapper {
    gap: 0;
  }
}
section.about-section .about-section__picture {
  padding-left: 50px;
}
@media (width >= 43.75em) {
  section.about-section .about-section__picture {
    padding-left: 0;
  }
}
section.about-section .about-content {
  text-align: center;
  color: var(--color-text--light);
}
@media (width >= 43.75em) {
  section.about-section .about-content {
    text-align: left;
  }
}
section.about-section .about-content > h2 {
  font-size: 2rem;
  font-weight: 900;
}
@media (width >= 43.75em) {
  section.about-section .about-content > h2 {
    font-size: 58px !important;
  }
}
section.about-section .about-content > p {
  font-size: 14px;
}
section.about-section .about__advantages {
  display: flex;
  justify-content: space-between;
}
section.about-section .about__advantages > div {
  flex-direction: column;
  gap: 6.5px;
  width: 65px;
}
section.about-section .about__advantages p {
  font-size: 10px;
}
section.about-section .about-section__icon {
  background-color: var(--color-awesome-grey);
  width: 57.158px;
  height: 57.158px;
  border-radius: 6px;
  display: grid;
  place-items: center;
}
section.about-section .about-section__icon > img {
  max-width: 40px;
  max-height: 31px;
  margin: auto;
}

.bestsellers-section .bestseller {
  padding-top: 17px;
  padding-inline: 40px;
  display: grid;
  align-content: center;
  gap: 20px;
}
.bestsellers-section .row.bestsellers-banner {
  border-radius: 22px;
  background-image: url("../images/cryptodiggers-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: grid;
  gap: 9px;
  padding: 0;
}
@media (width >= 43.75em) {
  .bestsellers-section .row.bestsellers-banner {
    grid-template-columns: 1fr 317px;
    background-size: contain;
    background-position: left;
  }
}
.bestsellers-section .bestsellers-banner .left-banner-content {
  background-image: none;
  display: grid;
  place-items: center;
}
.bestsellers-section .left-banner-content {
  padding: 12px;
}
.bestsellers-section .left-banner-content .coins {
  top: -2%;
  left: -5%;
  z-index: 2;
}
.bestsellers-section .bestsellers-content {
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  display: grid;
  gap: 0.625rem;
}
@media (width >= 43.75em) {
  .bestsellers-section .bestsellers-content {
    max-width: 340px;
    z-index: 3;
  }
}
@media (width >= 75em) {
  .bestsellers-section .bestsellers-content {
    background: transparent;
  }
}
.bestsellers-section .bestsellers-content > h2 {
  color: var(--color-text--dark);
  font-size: 1rem;
}
.bestsellers-section .bestsellers-content > p {
  color: var(--color-text--dark);
  font-size: 0.5625rem;
  font-size: clamp(0.5625rem, 0.4204545455rem + 0.6060606061vw, 0.875rem);
}
.bestsellers-section .row.bestsellers-banner > .right-banner {
  border-radius: 0 0 22px 22px;
  background-color: var(--color-accent);
  display: grid;
  gap: 12px;
}
@media (width >= 43.75em) {
  .bestsellers-section .row.bestsellers-banner > .right-banner {
    border-radius: 0 22px 22px 0;
  }
}
.bestsellers-section .details {
  display: grid;
  gap: 14px;
}
.bestsellers-section .details p {
  color: #D9D9D9;
}
.bestsellers-section .details p.data {
  color: var(--color-text--accent);
  font-weight: 900;
}
.bestsellers-section .right-banner .webinar-price {
  color: var(--color-text--accent);
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 0;
}
.bestsellers-section .webinar-reviews {
  font-size: 0.5rem;
}
.bestsellers-section .banner.basic-b {
  background: url("../images/crypto-basic.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.bestsellers-section .banner.pro-b {
  background: url("../images/crypto-pro.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.bestsellers-section .banners {
  display: grid;
  gap: 32px;
}
@media (width >= 43.75em) {
  .bestsellers-section .banners {
    grid-template-columns: 1fr 1fr;
  }
}
.bestsellers-section .banner {
  border-radius: 22px 22px 0 0;
  padding: 12px 16px;
}
@media (width >= 43.75em) {
  .bestsellers-section .banner {
    padding-block: 30px;
    padding-left: 26px;
    min-height: 398px;
  }
}
.bestsellers-section .banner .banner-content {
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
@media (width >= 43.75em) {
  .bestsellers-section .banner .banner-content {
    padding-block: 30px;
    min-height: 290px;
  }
}
.bestsellers-section .banner .banner-content h3 {
  color: var(--color-text--dark);
  font-size: 0.625rem;
  font-size: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
  font-weight: 900;
}
.bestsellers-section .banner .banner-content p {
  color: var(--color-text--dark);
  font-size: 0.5625rem;
  font-size: clamp(0.5625rem, 0.4772727273rem + 0.3636363636vw, 0.75rem);
  font-weight: 400;
}
.bestsellers-section .bottom-baner {
  background-color: var(--color-accent);
  border-radius: 0 0 22px 22px;
}
.bestsellers-section .bottom-baner__reviews {
  display: flex;
}
.bestsellers-section .bottom-baner .stars {
  margin-right: 0;
}
.bestsellers-section .bottom-baner .fa-star, .bestsellers-section .bottom-baner .fa-star-half-alt {
  font-size: 0.75rem;
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.4375rem + 1.3333333333vw, 1.4375rem);
  color: var(--color-text--accent);
}
.bestsellers-section .bottom-baner p {
  font-size: 0.375rem;
  font-size: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem);
}
.bestsellers-section .bottom-baner .cta {
  gap: 7px;
}
@media (width >= 43.75em) {
  .bestsellers-section .bottom-baner .cta {
    gap: 13px;
  }
}
.bestsellers-section .bottom-baner p.bottom-baner__price {
  color: var(--color-text--accent);
  font-size: 1.0625rem;
  font-size: clamp(1.0625rem, 0.6363636364rem + 1.8181818182vw, 2rem);
  font-weight: 900;
}

.upcoming-section__nav, .upcoming-section nav {
  background: transparent;
}
@media (width >= 43.75em) {
  .upcoming-section__nav > .container, .upcoming-section nav > .container {
    padding-inline: 20px;
    border-radius: 22px;
    background-color: var(--color-awesome-grey);
  }
}
.upcoming-section__nav a span {
  color: var(--color-text--dark);
  font-size: 1rem;
}
.upcoming-section__nav a > div {
  gap: 10px;
}
.upcoming-section .nav-item .menu-icon--hover {
  display: none;
}
.upcoming-section .nav-item:hover, .upcoming-section .nav-item:active {
  background-color: var(--color-accent);
}
.upcoming-section .nav-item:hover span, .upcoming-section .nav-item:active span {
  color: var(--color-awesome-grey);
}
.upcoming-section .nav-item:hover .menu-icon, .upcoming-section .nav-item:active .menu-icon {
  display: none;
}
.upcoming-section .nav-item:hover .menu-icon--hover, .upcoming-section .nav-item:active .menu-icon--hover {
  display: block;
}
.upcoming-section .nav-item.active {
  background-color: var(--color-accent);
}
.upcoming-section .nav-item.active span {
  color: var(--color-awesome-grey);
}
.upcoming-section .nav-item.active .menu-icon--hover {
  display: block;
}
.upcoming-section .nav-item.active .menu-icon {
  display: none;
}
.upcoming-section .webinar {
  border-radius: 22px;
}
@media (width >= 75em) {
  .upcoming-section .webinar {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
@media (width >= 75em) {
  .upcoming-section .webinar__cart {
    border-radius: 22px;
    background-color: var(--color-accent);
    margin-inline: 15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 30% !important;
  }
}
@media (width >= 43.75em) {
  .upcoming-section .webinar {
    min-height: 523px;
  }
}
.upcoming-section .webinar .bottom-webinar {
  border-radius: 0 0 22px 22px;
  width: 100%;
}
.upcoming-section .webinar .bottom-webinar > div {
  flex-direction: column;
  justify-content: center;
  gap: 7px;
}
.upcoming-section .webinar .bottom-webinar p {
  color: var(--color-text--accent);
  font-size: 1rem;
  font-weight: 900;
}
.upcoming-section .webinar .img-fluid.w-100 {
  border-radius: 22px 22px 0 0;
}
.upcoming-section .webinar .webinar-content, .upcoming-section .webinar .bottom-webinar {
  background-color: var(--color-accent);
}
.upcoming-section .webinar .webinar-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 7px;
  text-align: center;
}
@media (width >= 43.75em) {
  .upcoming-section .webinar .webinar-content {
    min-height: 292px;
    padding: 17px 25px;
    gap: 10px;
  }
}
.upcoming-section .webinar .webinar-content h3 {
  color: var(--color-text--accent);
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
  font-weight: 900;
}
.upcoming-section .webinar .webinar-content p {
  color: var(--color-awesome-grey);
  font-size: 0.6875rem;
}

.clients-section {
  background-color: var(--color-accent);
}
.clients-section h2 {
  font-size: 2rem;
  font-size: clamp(2rem, 1.0909090909rem + 3.8787878788vw, 4rem);
  font-weight: 900;
}
@media (width >= 43.75em) {
  .clients-section h2 {
    padding-bottom: 20px;
  }
}
.clients-section .testimonials {
  margin-top: 10px;
}
.clients-section .testimonials img {
  margin-bottom: 0;
}
.clients-section .testimonials .slick-slide {
  display: grid;
  gap: 10px;
  place-items: center;
}
.clients-section .testimonials__name {
  color: var(--color-text--accent);
  font-size: 1.25rem;
  font-weight: 900;
}
.clients-section .testimonials .slick-dots {
  padding-left: 0;
}
.clients-section .testimonials .slick-dots li button {
  background-color: var(--color-awesome-grey);
  width: 21px;
  height: 21px;
}
.clients-section .testimonials .slick-dots li.slick-active button::before {
  width: 21px;
  height: 21px;
  color: var(--color-text--accent);
  opacity: 1;
  font-size: 74px;
}

.contact-section {
  background: transparent;
}
.contact-section .contact-content {
  background-color: var(--color-accent);
  border-radius: 22px;
  color: var(--color-text--light);
}
.contact-section .contact-content h2 {
  font-size: 2rem;
  font-size: clamp(2rem, 1.0909090909rem + 3.8787878788vw, 4rem);
  font-weight: 900;
}

.our-products .category > div,
.upcoming-products .category > div {
  margin-right: 0;
  margin-left: 0;
  margin-inline: auto;
}
.our-products .products,
.upcoming-products .products {
  display: grid;
  gap: 30px;
}
.our-products .products__header,
.upcoming-products .products__header {
  padding-inline: 0;
}
@media (width >= 43.75em) {
  .our-products .products__header,
  .upcoming-products .products__header {
    position: relative;
    padding-top: 180px;
    padding-bottom: 60px;
  }
}
.our-products .products__header img.main,
.upcoming-products .products__header img.main {
  display: none;
}
@media (width >= 43.75em) {
  .our-products .products__header img.main,
  .upcoming-products .products__header img.main {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 30px;
    right: 44px;
    max-height: 361px;
  }
}
.our-products .products__header .product__header--title,
.upcoming-products .products__header .product__header--title {
  background: linear-gradient(0deg, rgba(72, 75, 135, 0) 0%, #333577 100%);
  border-radius: 40px 40px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding-block: 20px;
}
@media (width >= 43.75em) {
  .our-products .products__header .product__header--title,
  .upcoming-products .products__header .product__header--title {
    padding-block: 90px;
  }
}
.our-products .products__header h2,
.upcoming-products .products__header h2 {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.1590909091rem + 1.4545454545vw, 2.25rem);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 10%;
}
.our-products .products__image,
.upcoming-products .products__image {
  display: none;
}
@media (width >= 75em) {
  .our-products .products__image,
  .upcoming-products .products__image {
    display: block;
    position: absolute;
    bottom: 0;
    right: -30%;
    height: 100%;
  }
}
.our-products .bestseller,
.upcoming-products .bestseller {
  padding-top: 17px;
  padding-inline: 40px;
  display: grid;
  align-content: center;
  gap: 20px;
}
.our-products .row.products-banner,
.upcoming-products .row.products-banner {
  border-radius: 22px;
  background-image: url("../images/cryptodiggers-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: grid;
  gap: 9px;
  padding: 0;
}
@media (width >= 43.75em) {
  .our-products .row.products-banner,
  .upcoming-products .row.products-banner {
    grid-template-columns: 1fr 317px;
    background-size: contain;
    background-position: left;
  }
}
.our-products .products-banner .left-banner-content,
.upcoming-products .products-banner .left-banner-content {
  background-image: none;
  display: grid;
  place-items: center;
}
.our-products .left-banner-content,
.upcoming-products .left-banner-content {
  padding: 12px;
  position: relative;
}
.our-products .left-banner-content .coins,
.upcoming-products .left-banner-content .coins {
  top: -2%;
  left: -5%;
  z-index: 2;
}
.our-products .bestsellers-content,
.upcoming-products .bestsellers-content {
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  display: grid;
  gap: 0.625rem;
}
@media (width >= 43.75em) {
  .our-products .bestsellers-content,
  .upcoming-products .bestsellers-content {
    max-width: 340px;
    z-index: 3;
  }
}
@media (width >= 75em) {
  .our-products .bestsellers-content,
  .upcoming-products .bestsellers-content {
    background: transparent;
  }
}
.our-products .bestsellers-content > h2,
.upcoming-products .bestsellers-content > h2 {
  color: var(--color-text--dark);
  font-size: 1rem;
}
.our-products .bestsellers-content > p,
.upcoming-products .bestsellers-content > p {
  color: var(--color-text--dark);
  font-size: 0.5625rem;
  font-size: clamp(0.5625rem, 0.4204545455rem + 0.6060606061vw, 0.875rem);
}
.our-products .row.products-banner > .right-banner,
.upcoming-products .row.products-banner > .right-banner {
  border-radius: 0 0 22px 22px;
  background-color: var(--color-accent);
  display: grid;
  gap: 12px;
}
@media (width >= 43.75em) {
  .our-products .row.products-banner > .right-banner,
  .upcoming-products .row.products-banner > .right-banner {
    border-radius: 0 22px 22px 0;
  }
}
.our-products .details,
.upcoming-products .details {
  display: grid;
  gap: 14px;
}
.our-products .details p,
.upcoming-products .details p {
  color: #D9D9D9;
}
.our-products .details p.data,
.upcoming-products .details p.data {
  color: var(--color-text--accent);
  font-weight: 900;
}
.our-products .right-banner .webinar-price,
.upcoming-products .right-banner .webinar-price {
  color: var(--color-text--accent);
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 0;
}
.our-products .webinar-reviews,
.upcoming-products .webinar-reviews {
  font-size: 0.5rem;
}
.our-products .banner.basic-b,
.upcoming-products .banner.basic-b {
  background: url("../images/crypto-basic.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.our-products .banner.pro-b,
.upcoming-products .banner.pro-b {
  background: url("../images/crypto-pro.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.our-products .banners,
.upcoming-products .banners {
  display: grid;
  gap: 32px;
}
@media (width >= 43.75em) {
  .our-products .banners,
  .upcoming-products .banners {
    grid-template-columns: 1fr 1fr;
  }
}
.our-products .banner,
.upcoming-products .banner {
  border-radius: 22px 22px 0 0;
  padding: 12px 16px;
}
@media (width >= 43.75em) {
  .our-products .banner,
  .upcoming-products .banner {
    padding-block: 30px;
    padding-left: 26px;
  }
}
.our-products .banner .banner-content,
.upcoming-products .banner .banner-content {
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
@media (width >= 43.75em) {
  .our-products .banner .banner-content,
  .upcoming-products .banner .banner-content {
    padding-block: 30px;
    min-height: 290px;
  }
}
.our-products .banner .banner-content h3,
.upcoming-products .banner .banner-content h3 {
  color: var(--color-text--dark);
  font-size: 0.625rem;
  font-size: clamp(0.625rem, 0.5113636364rem + 0.4848484848vw, 0.875rem);
  font-weight: 900;
}
.our-products .banner .banner-content p,
.upcoming-products .banner .banner-content p {
  color: var(--color-text--dark);
  font-size: 0.5625rem;
  font-size: clamp(0.5625rem, 0.4772727273rem + 0.3636363636vw, 0.75rem);
  font-weight: 400;
}
.our-products .bottom-baner,
.upcoming-products .bottom-baner {
  background-color: var(--color-accent);
  border-radius: 0 0 22px 22px;
}
.our-products .bottom-baner__reviews,
.upcoming-products .bottom-baner__reviews {
  display: flex;
}
.our-products .bottom-baner .stars,
.upcoming-products .bottom-baner .stars {
  margin-right: 0;
}
.our-products .bottom-baner .fa-star, .our-products .bottom-baner .fa-star-half-alt,
.upcoming-products .bottom-baner .fa-star,
.upcoming-products .bottom-baner .fa-star-half-alt {
  font-size: 0.75rem;
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.4375rem + 1.3333333333vw, 1.4375rem);
  color: var(--color-text--accent);
}
.our-products .bottom-baner p,
.upcoming-products .bottom-baner p {
  font-size: 0.375rem;
  font-size: clamp(0.375rem, 0.3181818182rem + 0.2424242424vw, 0.5rem);
}
.our-products .bottom-baner .cta,
.upcoming-products .bottom-baner .cta {
  gap: 7px;
}
@media (width >= 43.75em) {
  .our-products .bottom-baner .cta,
  .upcoming-products .bottom-baner .cta {
    gap: 13px;
  }
}
.our-products .bottom-baner p.bottom-baner__price,
.upcoming-products .bottom-baner p.bottom-baner__price {
  color: var(--color-text--accent);
  font-size: 1.0625rem;
  font-size: clamp(1.0625rem, 0.6363636364rem + 1.8181818182vw, 2rem);
  font-weight: 900;
}

.upcoming-products .webinar {
  border-radius: 22px;
}
@media (width >= 75em) {
  .upcoming-products .webinar {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}
@media (width >= 75em) {
  .upcoming-products .webinar__cart {
    border-radius: 22px;
    background-color: var(--color-accent);
    margin-inline: 15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 30% !important;
  }
}
@media (width >= 43.75em) {
  .upcoming-products .webinar {
    min-height: 523px;
  }
}
.upcoming-products .webinar img {
  border-radius: 22px 22px 0 0;
}
.upcoming-products .webinar .bottom-webinar {
  border-radius: 0 0 22px 22px;
}
.upcoming-products .webinar .bottom-webinar > div {
  flex-direction: column;
  justify-content: center;
  gap: 7px;
}
.upcoming-products .webinar .bottom-webinar p {
  color: var(--color-text--accent);
  font-size: 1rem;
  font-weight: 900;
}
.upcoming-products .webinar .img-fluid.w-100 {
  border-radius: 22px 22px 0 0;
}
.upcoming-products .webinar .webinar-content, .upcoming-products .webinar .bottom-webinar {
  background-color: var(--color-accent);
}
.upcoming-products .webinar .webinar-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 7px;
  text-align: center;
}
@media (width >= 43.75em) {
  .upcoming-products .webinar .webinar-content {
    min-height: 292px;
    padding: 17px 25px;
    gap: 10px;
  }
}
.upcoming-products .webinar .webinar-content h3 {
  color: var(--color-text--accent);
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.6363636364rem + 0.4848484848vw, 1rem);
  font-weight: 900;
}
.upcoming-products .webinar .webinar-content p {
  color: var(--color-awesome-grey);
  font-size: 0.6875rem;
}
.upcoming-products img.picture {
  bottom: 65px !important;
}
.upcoming-products img.picture--left {
  left: 0;
}

.receive {
  background: linear-gradient(to bottom, transparent 50%, var(--color-text--accent) 50%);
}
@media (width >= 43.75em) {
  .receive {
    background: linear-gradient(to right, transparent 50%, var(--color-text--accent) 50%);
  }
}
@media (width >= 43.75em) {
  .receive--left {
    background: linear-gradient(to right, var(--color-text--accent) 50%, transparent 50%);
  }
}
@media (width >= 43.75em) {
  .receive__wrapper .receive-right-content {
    order: 2;
  }
}
.receive-right-content {
  color: var(--color-text--dark);
  padding-bottom: 60px;
}
.receive-form, .receive-form input {
  width: 100%;
  max-width: 413px;
}
.receive input {
  border-radius: 7px !important;
  background-color: #FFF !important;
  border: 1px solid #D9D9D9 !important;
}
.receive__checkbox {
  max-width: 22px !important;
  margin-bottom: 0 !important;
}
.receive input {
  width: 100%;
}
.receive label {
  color: var(--color-text--dark) !important;
}
.receive label.receive__checkbox--wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.receive label.receive__checkbox--wrapper > span {
  font-size: 1rem;
  color: var(--color-text--dark);
  min-width: fit-content;
}
.receive__bottom-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.receive__forget {
  font-size: 1rem;
}
.receive__btn {
  width: 100%;
  background-color: var(--color-accent);
  transition: background-color ease-in-out 0.3s;
}
.receive__btn:hover {
  background-color: var(--color-text--accent);
}
.receive__bottom-text, .receive__bottom-text > a {
  font-size: 0.75rem;
}
.receive-img {
  max-width: 100%;
  padding: 60px 37px;
}
.receive .top-box > p {
  color: var(--color-text--accent) !important;
}

.my-account__details--wrapper {
  display: grid;
  gap: 14px;
  align-content: start;
}
.my-account header {
  background-color: var(--color-text--accent);
}
.my-account h1 {
  padding-block: 40px;
  text-align: center;
}
.my-account h1, .my-account h2.your-account {
  color: var(--color-text--dark);
  font-size: 1.5rem;
  font-weight: 700;
}
.my-account h2.your-account {
  text-align: start;
}
.my-account header > img {
  padding-block: 26px;
  margin: 0 auto;
}
.my-account__details {
  display: grid;
  gap: 8px;
}
.my-account__details h3 {
  font-size: 1rem;
  color: var(--color-text--dark);
}
.my-account__details p {
  font-size: 1rem;
  color: rgba(51, 53, 119, 0.6);
  padding-inline: 8px;
  border-radius: 7px;
  border: 1px solid var(--color-awesome-grey);
}

.my-webinars > div {
  display: grid;
  gap: 14px;
}
.my-webinars__header {
  display: grid;
  gap: 60px;
  width: 100%;
}
.my-webinars__header h2 {
  color: var(--color-text--dark);
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
.my-webinars__picbar {
  width: 100%;
  position: relative;
}
.my-webinars__picbar img.img-fluid {
  width: 100%;
  min-height: 55px;
}
.my-webinars__logo {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  height: 51.001px;
  max-width: 49px;
}
.my-webinars .webinars__list {
  display: grid;
  gap: 128px;
}
.my-webinars .webinar {
  display: grid;
  width: 100%;
  gap: 4px;
}
@media (width >= 43.75em) {
  .my-webinars .webinar {
    gap: 12px;
  }
}
.my-webinars .webinar h3, .my-webinars .webinar p, .my-webinars .webinar div.webinar__content {
  width: 100%;
  padding-block: 40px;
}
.my-webinars .webinar h3 {
  padding-inline: 23px;
  font-size: 1rem;
  font-weight: 700;
}
@media (width >= 43.75em) {
  .my-webinars .webinar h3 {
    max-width: 200px;
  }
}
.my-webinars .webinar p, .my-webinars .webinar div.webinar__content {
  padding-inline: 33px;
}
.my-webinars .webinar__header {
  display: grid;
  width: 100%;
  gap: 4px;
}
@media (width >= 43.75em) {
  .my-webinars .webinar__header {
    display: flex;
    gap: 19px;
  }
}
.my-webinars .webinar__header h3, .my-webinars .webinar__header p {
  background-color: var(--color-accent);
  color: var(--color-awesome-grey);
}
.my-webinars .webinar__header p {
  color: var(--color-text--light);
  font-size: 1rem;
}
.my-webinars .webinar__body {
  display: grid;
  gap: 12px;
}
.my-webinars .webinar__section {
  display: grid;
  width: 100%;
  gap: 4px;
}
@media (width >= 43.75em) {
  .my-webinars .webinar__section {
    display: flex;
    gap: 19px;
  }
}
.my-webinars .webinar__section h3, .my-webinars .webinar__section p, .my-webinars .webinar__section div.webinar__content {
  background-color: var(--color-awesome-grey);
  color: var(--color-text--dark);
}
.my-webinars .webinar__section p {
  font-size: 0.875rem;
}
.my-webinars .webinar__section .webinar__content {
  display: grid;
  align-content: center;
  gap: 17px;
}
.my-webinars .webinar__section .webinar__content > p, .my-webinars .webinar__section .webinar__content > small, .my-webinars .webinar__section .webinar__content a {
  padding: 0;
  font-size: 0.75rem;
}
.my-webinars .webinar__section .webinar__content > small, .my-webinars .webinar__section .webinar__content a {
  text-decoration-line: underline;
  color: var(--color-text--dark);
}
.my-webinars .webinar__section--time > p {
  font-size: 1rem;
}
.my-webinars .webinar__section button.buy_webinar {
  background-color: var(--color-text--accent);
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 700;
  transition: background-color ease-in-out 0.3s;
}
.my-webinars .webinar__section button.buy_webinar:hover {
  background-color: var(--color-accent);
}

.prod .hello-section {
  background-image: url("../images/excavator-bg.png") !important;
}
.prod .hello-section .lvl {
  background-color: var(--color-accent) !important;
}
.prod .hello-section .lvl p {
  color: var(--color-text--light);
}
.prod .hello-section {
  padding-bottom: 31px;
}
.prod .hello-section > .container {
  position: relative;
}
.prod .prod__summary {
  display: grid;
  gap: 40px;
}
.prod__logo {
  position: absolute;
  right: 0;
  bottom: 0;
}
.prod .hello-section p.webinar {
  color: var(--color-text--accent);
  margin-bottom: 0;
}
.prod .hello-section h2, .prod .hello-section p {
  color: var(--color-text--dark);
}
.prod .data {
  font-weight: 700;
}
.prod .price {
  position: absolute;
  margin-top: 0;
  background-image: none;
  padding: 0;
  z-index: 5;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: end;
  right: 50px;
}
.prod .price__background {
  position: relative;
  left: -100px;
}
.prod .price__background > img {
  z-index: 0;
}
.prod .sec2 {
  background-image: url("../images/product-bg2.png") !important;
  border-top: solid 13px var(--color-accent) !important;
  border-bottom: solid 13px var(--color-accent);
  color: #fff !important;
}
.prod .sec3 {
  background-image: url("../images/product-bg3.png") !important;
  background-size: auto !important;
  background-position: left !important;
  color: var(--color-text--dark);
}
@media (width >= 43.75em) {
  .prod .sec3 {
    background-size: 60% !important;
  }
}
@media (width >= 75em) {
  .prod .sec3 {
    background-size: 40% !important;
  }
}
.prod .sec3 h4 {
  font-weight: 700;
}
.prod .sec3 ul {
  list-style-image: none !important;
  list-style: disc;
}
.prod .sec4 {
  background-image: none !important;
  border-bottom: none !important;
  background-color: var(--color-accent);
  position: relative;
  padding-block: 60px !important;
}
@media (width >= 75em) {
  .prod .sec4 img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.prod .sec4 h4 {
  color: #FFF !important;
}
.prod .sec4--2 {
  background-color: transparent;
}
@media (width >= 75em) {
  .prod .sec4--2 img {
    left: 0;
  }
}
.prod .sec4--2 h4, .prod .sec4--2 p {
  color: var(--color-text--dark) !important;
}
.prod .sec5 {
  background-color: var(--color-accent) !important;
}
.prod .sec5 .jc {
  gap: 25px;
}
.prod .sec5 .jc > div {
  display: grid;
  gap: 18px;
  color: var(--color-text--accent);
  justify-items: center;
}
.prod .sec5 h4 {
  color: #FFF !important;
}
.prod .sec7 {
  background-image: none !important;
  background-color: var(--color-accent);
}
@media (width >= 43.75em) {
  .prod .sec7 > .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.prod .sec7__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.prod .sec7 h4, .prod .sec7 li {
  color: var(--color-text--accent) !important;
}
.prod .sec7 ul {
  max-width: 478px;
}
.prod .sec7 li {
  font-weight: 400;
}
.prod .sec8 {
  background-color: #fff !important;
  background-image: none !important;
}
.prod .sec8 .cart, .prod .sec8 .cart__wrapper {
  background-color: #F3F3F3 !important;
}
.prod .sec8 .carts {
  gap: 32px;
}
@media (width >= 43.75em) {
  .prod .sec8 .carts {
    flex-wrap: nowrap;
  }
}
.prod .product__btn {
  background-color: var(--color-accent);
  border-radius: 13px;
  padding-inline: 10px !important;
  color: var(--color-text--light) !important;
  transition: background-color ease-in-out 0.3s;
}
.prod .product__btn:hover {
  background-color: var(--color-text--accent);
}

.blog .post-list {
  list-style: none;
  width: 100%;
}
.blog .post {
  text-align: center !important;
  width: 100%;
  max-width: 366px;
  min-width: 350px;
}
.blog .post .featured {
  border-radius: 22px 22px 0 0;
}
.blog .post .content {
  background-color: var(--color-accent) !important;
  border-radius: 0 0 22px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.blog .post h3 > a {
  color: var(--color-text--accent) !important;
  font-weight: 900;
}
.blog .post .excerpt {
  font-size: 1rem;
}
.blog .post .content__bottom p.posted {
  color: var(--color-text--accent) !important;
  font-weight: 900;
}

.blog-post h3, .blog-post p.posted {
  color: var(--color-text--accent);
  text-align: center !important;
}
.blog-post .content {
  color: var(--color-text--dark) !important;
}

footer {
  background-color: var(--color-accent);
}
footer .copyright {
  color: var(--color-text--light);
  border-top: solid 3px var(--color-text--light);
}
footer a {
  color: var(--color-text--light);
}
@media (width < 43.75em) {
  footer .white-logo {
    max-width: 49px;
    max-height: 51px;
  }
}
@media (width < 43.75em) {
  footer .footer__elements, footer .text-right > ul {
    display: grid;
    place-items: center;
    padding-left: 0;
  }
}

/*# sourceMappingURL=style.css.map */