.elementor-4825 .elementor-element.elementor-element-e0e24d3{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4825 .elementor-element.elementor-element-e0e24d3.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-4825 .elementor-element.elementor-element-e0e24d3{--width:100vw;}}/* Start custom CSS */body {
    background-color: #080B10 !important;
}

svg {
  display: block;
  vertical-align: middle;
}

/* GENERAL */

.mobile-break {
  display: inline;
}

@media (max-width: 767px) {
  .mobile-break {
    display: block;
  }
}

#scroll-to-top {
    display: none;
}

/* NAV BAR */

.nav {
    height: 100px;
    max-height: 100px;
    overflow: visible;
    background-color: rgba(8, 11, 16, 0.7);
    backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 1000
}

@media (max-width: 767px) {
    .nav {
        height: 75px !important;
        max-height: 75px !important;
    }
}

.nav-menu {
    margin-left: auto;
}

@media (max-width: 1023px) {
.nav-menu {
    max-height: 32px;
}
}

.e--pointer-double-line .elementor-item:after, .e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before{
    background-color: #22FF6F;
}

/* CTA-BUTTON-FILL */

.cta-button-fill {
    max-width: fit-content;
    border-radius: 1000px
}

.cta-button-fill:hover{
    box-shadow: 0px 0px 40px rgba(34, 255, 111, 0.5);
}

.cta-button-3-fill {width: max-content;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: #181C2F;
    position: relative;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer;
}

.cta-button-fill:hover .cta-button-2-fill {
    background: #22FF6F;
    transition: all 0.3s ease-out;
}

.cta-button-fill:hover .cta-button-1-fill {
    background-color: rgba(8, 16, 11, 0.9);
    backdrop-filter: blur(60px);
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    transition: all 0.3s ease-out;
}

.cta-button-1-fill {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    z-index: 2;
    position: absolute;
    background-color: rgba(10, 14, 18, 0.9);
    border-radius: 100px;
    backdrop-filter: blur(40px);
    transition: all 0.3s ease-out;
}

.cta-button-2-fill {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    z-index: 1;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    background: conic-gradient(
  from 0deg,
  #181C24 0%,
  #22FF6F 15%,
  #22FF6F 25%,
  #22FF6F 35%,
  #181C24 50%
);
  animation: spin 2s linear infinite;
  transform-origin: center;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
    .cta-button-fill, 
    .cta-button-3-fill {
        width: 100%;
        max-width: 100%;
    }
    
    .cta-button-2-fill {
        height: 700px;
        width: 700px;
    }
}

/* CTA-BUTTON-FIT */

.cta-button-fit {
    max-width: fit-content;
    border-radius: 1000px
}

.cta-button-fit:hover{
    box-shadow: 0px 0px 40px rgba(34, 255, 111, 0.5);
}

.cta-button-3-fit {width: max-content;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 40px;
    padding-left: 40px;
    background-color: #181C24;
    position: relative;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer;
}

.cta-button-fit:hover .cta-button-2-fit {
    background: #22FF6F;
    transition: all 0.3s ease-out;
}

.cta-button-fit:hover .cta-button-1-fit {
    background-color: rgba(8, 16, 11, 0.9);
    backdrop-filter: blur(60px);
    height: calc(100% - 6px);
    width: calc(100% - 6px);
    transition: all 0.3s ease-out;
}

.cta-button-1-fit {
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    z-index: 2;
    position: absolute;
    background-color: rgba(10, 14, 18, 0.9);
    border-radius: 100px;
    backdrop-filter: blur(40px);
    transition: all 0.3s ease-out;
}

.cta-button-2-fit {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    z-index: 1;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    background: conic-gradient(
  from 0deg,
  #181C24 0%,
  #22FF6F 15%,
  #22FF6F 25%,
  #22FF6F 35%,
  #181C24 50%
);
  animation: spin 2s linear infinite;
  transform-origin: center;
  transition: all 0.3s ease-out;
}

.cta-button-text{
    pointer-events: none;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}


.user-image {
    margin-right: -12px;
}

.faq-question {border-radius:15px; overflow: hidden;}

@media (max-width: 480px) {
    .faq-questions svg {
        width: 16px;
    }
}

.green-text-glow{
    color: #22FF6F;
    text-shadow: 0px 0px 24px rgba(34, 255, 111, 0.6);
}




/* CHECKOUT */
.checkout-plans {
    max-width: 100vw;
    flex-wrap: wrap;
    justify-content: center
}

.checkout-plan {
    flex-shrink: 0 !important;
}

.checkout-safe-icon svg {
    height: 40px;
}

.checkout-safe-icon {
    align-self: center;
    line-height: 0px;
}

@media (max-width: 767px) {
    .checkout-safe-icon svg {
        height: 30px;
    }
}

.user-rating-stars svg {
    height: 12px;
    align-self: center;
}


.user-rating-stars {
    line-height: 0px;
}

/* REVIEWS */

.reviews-rail-left {
  flex-wrap: nowrap !important;
  width: fit-content;
  animation: reviews-slide-left 60s linear infinite;
}

.reviews-rail-right {
  flex-wrap: nowrap !important;
  width: fit-content;
  animation: reviews-slide-right 60s linear infinite;
}

.reviews-group{
    flex-wrap: nowrap;
}

.review-container{
    width: 340px;
    height: auto;
    overflow: hidden;
    padding: 25px 25px 25px 25px;
    background-color: #181C24;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
      flex: 0 0 auto !important;
      margin-right: 12px;
      margin-left: 12px;
}

.review-head {
    gap: 10px;
    flex-wrap: nowrap;
}

.review-info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.review-user-and-verified {
    justify-content: space-between;
}

.verified-user {
    max-width: fit-content;
}

.verified-badge {
    height: 16px;
    line-height: 0px;
}

.verified-badge svg {
    height: 16px;
}

.review-image {
    flex-shrink: 0;
    border-radius: 1000px;
    overflow: hidden;
}

.review-stars {
    height: 16px;
}

.review-stars svg {
    height: 16px;
}

.review-review {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;           
  text-overflow: ellipsis;
}

@keyframes reviews-slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes reviews-slide-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}


/* HOME VIDEO */

.home-video-wrapper {
    border-radius: 60px;
    overflow: hidden;
    padding: 10px;
    background-color: #14181F;
    border: solid 1px #2A3240;
}

.home-video {
    border-radius: 54px;
}

@media (max-width: 767px) {
    .home-video {
        border-radius: 0px;
    }
    
    .home-video-wrapper {
        padding: 0px;
        border-radius: 25px;
    }
}


/* CHECKOUT */
.checkout-plans {
    justify-content: space-between;
    align-items: center;
}

.checkout-plan {
    overflow: hidden;
    width: 31%;
    max-width: 100%;
    position: relative;
}

.subscribe-button {
    margin-top: 12px;
    background-color: white;
    height: 55px;
    width: 100%;
    border-radius: 15px;
    cursor: pointer;
}

.subscribe-button:hover {
    background-color: #22FF6F;
}

@media (max-width: 1024px) {
    .checkout-plan {
        width: 100%;
    }
    .invisible-tags {
        display: none;
    }
    }

    .lifetime-icon {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    
    
/*EXCHANGES*/

@keyframes exchange-slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes exchange-slide-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.exchange-container {
    width: 185px;
    height: 110px;
    background: linear-gradient(#101317, #080B10);
    border-radius: 12px;
    border: solid 1px #181C24;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: center;
      flex: 0 0 auto !important;
      margin-right: 12px;
      margin-left: 12px;
}

.exchange-icon svg {
    height: 32px;
    line-height: 0px;
}

@media (max-width: 767px) {
    .exchange-circle-1 {display: none !important;}
}

.exchange-circle-1 {
    background: linear-gradient(
    to bottom,
    rgba(24, 28, 36, 0.3),
    rgba(18, 21, 26, 0.3)
  );
    height: 280px;
    width: 280px;
    border-radius: 1000px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     border: solid 1px #181B21;
     display: flex;
     justify-content: center;
     align-items: center;
}

.exchange-circle-2 {
    height: 220px;
    width: 220px;
    z-index: 2;
    border-radius: 1000px;
    border: solid 1px #181C24;
    background: linear-gradient(
    to bottom,
    #181C24,
    #0E1015
    );
    display: flex;
    justify-content: center;
    align-items: center;
}

.exchanges-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.exchange-rail-left {
  flex-wrap: nowrap;
  width: fit-content;
  animation: exchange-slide-left 30s linear infinite;
  display: flex;
  flex-direction: row;
  will-change: transform;
}

.exchange-rail-right {
  flex-wrap: nowrap;
  width: fit-content;
  animation: exchange-slide-right 30s linear infinite;
  display: flex;
  flex-direction: row;
  will-change: transform;
}

.exchange-container {
  width: 185px;
  height: 110px;
  background-color: #191E29;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 8px;
  margin-left: 8px;
  color: #ADADBD;
  font-size: 14px;
  font-weight: 500;
}

.exchange-icon svg {
  height: 32px;
  line-height: 0px;
}/* End custom CSS */