:root {
  --bs-danger-rgb: 255, 0, 0;
  --bs-danger: #ff0000;
  --bs-success-rgb: 26, 142, 60;
  --bs-success: #388e3c;
  --bs-warning-rgb: 255, 167, 38;
  --bs-warning: #ffa726;
  --bs-dark-rgb: 41, 41, 41;
  --bs-light-rgb: 247, 248, 249;
  --bs-secondary-rgb: 137, 137, 137;
}

html, body {
  font-family: 'Chakra Petch', sans-serif;
  /*font-family: 'Ubuntu', sans-serif;*/
  font-size: 14px;
  background: #191919;
  color: white;
  margin: 0;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-height: thin;
  scrollbar-color: #FF6A00 #343434;
}

img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}

figure {
  margin-block: 0;
  margin-inline: 0;
}

figcaption {
  text-align: center;
  font-weight: bold;
}

table {
  font-size: 14px;
}

form {
  padding: 0;
  margin: 0;
}

p {
  margin-bottom: 0.3em;
  margin-top: 0.3em;
}

a {
  text-decoration: none;
  color: #ffffff;
}

a:hover, a:active {
  color: #727272;
}

a.selected {
  color: #f46507;
}

/*scroll bar*/
/* Google Chrome */
::-webkit-scrollbar {
  width: 0.3rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: #343434;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #FF6A00;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ca5200;
}

.t_orange {
  color: #FF6A00;
}

:focus-visible {
  outline: #FF6600 solid 1px;
}

#map_company {
  height: 20rem; /* The height is 400 pixels */
  width: 100%; /* The width is the width of the web page */
}

/* News classes */
@media screen and (min-width: 1921px) {
  html {
    font-size: clamp(1rem, 0.1111rem + 0.6481vw, 1.8rem);
  }
  
  .container-xxl {
    max-width: 94rem !important;
  }
}

.no_script_container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
}

.no_script_container p {
  font-size: 2rem;
}

.main_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 500;
  opacity: 0;
  transition: opacity 0.35s ease-in-out;
}

.overlay_show {
  opacity: 1;
}

/******************Override Width of Modal*********************************************/
.modal {
  --bs-modal-width: 35rem;
}

@media screen and (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 58rem;
  }
}

/***Landing buttons ***/
.btn_outline_orange_landing {
  --bs-btn-border-color: #FF6A00;
  --bs-btn-color: #FF6A00;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-border-color: #FF6A00;
  --bs-btn-hover-bg: #FF6A00;
}

.home_bg_overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(-900deg, rgba(0, 0, 0, 0) 72%, rgb(25, 25, 25) 100%);
  display: flex;
}

.home_bg {
  height: auto;
  width: 100%;
  object-fit: cover;
  bottom: 0;
  object-position: top left;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
  .home_bg {
    height: 100% !important;
    top: 0;
    bottom: unset !important;
  }
}

@media screen and (max-width: 576px) and (orientation: portrait) {
  .home_bg {
    object-position: top !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) and (orientation: portrait) {
  .home_bg {
    object-position: top !important;
  }
}

@media (max-aspect-ratio: 16/9) {
  .home_bg {
    height: 100%;
    width: 100%;
  }
}

@media (min-aspect-ratio: 16/9) {
  .home_bg {
    width: 100%;
    height: auto;
  }
}

.img_background_products {
  background: url(/static/images/base_background.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.min_height_100 {
  min-height: 100%;
}

.min_h_100 {
  min-height: 100%;
}

@media screen and (max-width: 1199px) {
  .min_height_100 {
    min-height: auto;
  }
}

.container_captcha {
  display: flex;
  gap: 0 1rem;
}

.container_captcha img {
  width: 50px;
}

.form_register {
  z-index: 2;
  overflow-y: auto;
}

.full_image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media screen and (max-width: 1199px) {
  .register_label {
    background-color: #171717 !important;
  }
}

.page_layout {
  display: grid;
  grid-template-areas:
            'menu'
            'content';
  grid-template-rows: 4.5rem calc(100% - 4.5rem);
  height: -webkit-fill-available;
  height: 100vh;
}

.page_layout_useful_links {
  display: grid;
  grid-template-areas:
  'content';
  grid-template-rows: 100%;
  height: -webkit-fill-available;
  height: 100vh;
}

@media screen and (max-width: 1200px) and (orientation: portrait) {
  .page_layout, .page_layout_useful_links {
    height: calc(var(--vh, 1vh) * 100);
  }
}

.main_header {
  grid-area: menu;
}

.main_container {
  grid-area: content;
}

.logo_menu {
  width: 6rem;
}

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .087rem solid transparent;
}

.nav-masthead .nav-link:hover {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #FF6A00;
  border-bottom-color: #FF6A00;
}

.book_demo_link a {
  color: #FF6A00 !important;
}

.drop_menu .list-group-item-dark {
  color: #b1b1b1;
  background-color: #272727;
  border: none;
}

.drop_menu .list-group-item-dark.list-group-item-action.active {
  background-color: #1c1c1c;
  color: #ffffff;
  position: relative;
  border: 1px solid #ec471e;
}

.drop_menu .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
  background-color: #4a4a4a;
  color: #FFFFFF;
}

/************ Drop menu****************/
.drop_menu {
  min-width: 10rem;
  background-color: #272727;
}

.drop_button {
  min-width: 10rem;
}

.drop_container button {
  transition: all 0.35s ease-in-out;
}

.drop_container button[aria-expanded="true"] {
  border-color: transparent !important;
  background-color: #272727 !important;
  border-radius: 0 !important;
}

@media screen and (max-width: 1199px) {
  .drop_menu {
    background-color: transparent;
  }
  
  .drop_menu .list-group-item-dark {
    color: #b1b1b1;
    background-color: transparent;
    border: none;
  }
  
  .drop_menu .list-group-item-dark.list-group-item-action.active {
    background-color: #1c1c1c;
    color: #ffffff;
    position: relative;
    border: 1px solid #ec471e;
  }
  
  .nav_user_menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
  
  .drop_container .dropdown-menu {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .drop_container .dropdown-menu {
    margin-top: 0 !important;
  }
  
  .drop_container .dropdown-menu.show {
    animation-name: DropMenuIn;
    animation-duration: 0.35s;
  }
}

@keyframes DropMenuIn {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*** Custom Pagination*********/
.pagination {
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: #ec471e;
  --bs-pagination-bg: transparent;
  --bs-pagination-border-color: transparent;
  --bs-pagination-hover-color: #FF6A00;
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-hover-border-color: transparent;
  --bs-pagination-focus-color: #ff8800;
  --bs-pagination-focus-bg: none;
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: #FF6A00;
  --bs-pagination-active-bg: transparent;
  --bs-pagination-active-border-color: transparent;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: transparent;
}

.form-control, .form-control-sm {
  border-color: #383838;
}

.form-control:focus, .form-control-sm:focus {
  border-color: #ff6c15;
  box-shadow: 0 0 0 0.25rem rgba(255, 106, 0, 0.25);
}

.form-check-input:focus {
  border-color: #ff6c15;
  box-shadow: 0 0 0 0.25rem rgba(255, 106, 0, 0.25);
}

.form-check-input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
}

.form-check-input:checked {
  border-color: #ff6c15;
  background-color: #FF6A00;
}

.form-select:focus, .form-select-sm:focus {
  border-color: #ff6c15;
  box-shadow: 0 0 0 0.25rem rgba(255, 106, 0, 0.25);
  outline: 0;
}

.form-select, .form-select-sm {
  border-color: #383838;
}

.list_maps p {
  font-size: 0.9rem;
}

.error_form .form-control, .error_form .form-select {
  border-color: #FF0000;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.error_form .form-control:focus {
  border-color: #FF0000;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.error_form .form-select:focus {
  border-color: #ff0000;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.error_form .form-control ~ .invalid-feedback {
  display: block;
  color: rgb(255, 0, 0);
}

.error_form .invalid-feedback {
  display: block;
  color: rgb(255, 0, 0);
}

/*Navbar store*/
.img_summary {
  transform: scale(1.5);
  transform-origin: left center;
}

.img_principal {
  transform: scale(1.35);
  transform-origin: 25% 40%;
}

/*Table*/
.table > :not(caption) > * > * {
  padding: 1rem;
}

/*tickets*/
.tickets_create .list-group-item {
  background-color: #171717;
}

.t_orange_darker {
  color: #ec471e;
}

.background_darker {
  background-color: #1c1c1c;
}

/*Label Checkout******/
.label_checkout_form {
  background-color: #1c1c1c;
  margin-top: -0.75rem;
  margin-right: 0.5rem;
  padding: 0 0.25rem;
}

.label_profile {
  background-color: #1c1c1c;
  margin-top: -1rem;
  margin-left: 0.5rem;
  padding: 0 0.5rem;
}

.common_label_mt {
  margin-top: -0.75rem;
  background-color: #171717;
}

.border_orange_darker {
  border-color: #ec471e !important;
}

.accordion {
  --bs-accordion-color: #FFFFFF;
  --bs-accordion-bg: #363636;
  --bs-accordion-border-width: 0;
  --bs-accordion-btn-focus-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 106, 0, 0);
  --bs-accordion-active-color: #FFFFFF;
  --bs-accordion-active-bg: #363636;
}

.accordion .accordion-button {
  color: #FFFFFF !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF6A00 '%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FF6A00 '%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.background_dashboard {
  background-color: #1f1f1f;
}

.background_secondary {
  background-color: #363636;
}

.background_forms {
  background-color: #171717;
}

/*MOdules page*/
.module_selected {
  border: 0.087rem solid #ff6c15;
}

.card {
  color: #FFFFFF;
}

/*Store card*/
.card_border_radius {
  border-radius: 3.5rem;
}

.card_image {
  background-color: #4a4a4a;
}

/****Button Buy********/
.buy_button {
  --bs-btn-border-color: #ec471e !important;
  --bs-btn-hover-bg: #ff6c15 !important;
  --bs-btn-hover-border-color: #ff6c15 !important;
}

.card_store {
  min-height: 13.5rem;
}

.card_store a:hover, a:active {
  color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .card_store {
    max-height: 20vw;
    min-height: 15rem;
  }
  
  .card_store h2 {
    line-height: 1;
  }
}

.card_store button {
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.35s ease-in-out;
}

.card_store .tag_sale {
  left: -2.5%;
  top: 1.5%;
  width: 5rem;
}

.card_store .tag_sale_promo {
  left: 0;
  top: 0;
}

.card_store .tag_sale img {
  width: 170%;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .card_store .tag_sale img {
    width: 155%;
  }
  
  .card_store .tag_sale_16 {
    left: -4%;
  }
}

@media screen and (max-width: 768px) {
  .card_store .tag_sale img {
    width: 7rem;
  }
}

@media screen and (max-width: 576px) {
  .card_store .tag_sale img {
    width: 6.5rem;
  }
  
  .card_store .tag_sale_16 {
    left: -4.7%;
  }
}

.card_store:hover button {
  transform: translateY(0);
  opacity: 1;
}

.card_store .img_product {
  transform-origin: 20% top;
  transform: scale(1.75);
  transition: all 0.45s ease-in-out;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  object-fit: contain;
}

.card_store:hover .img_product {
  transform: scale(1.15);
}

@media (hover: none) {
  .card_store button {
    transform: none;
    opacity: 1;
  }
  
  .card_store .img_product {
    transform: scale(1.75);
  }
  
  .card_store:hover .img_product {
    transform: scale(1.75);
  }
}

.tag_sale_details {
  left: -1.30%;
  top: 2%;
}

.tag_sale_details img {
  width: 130%;
  height: auto;
}

.tag_sale_details_promo {
  left: 0;
  top: 0;
}

@media screen and (max-width: 1200px) {
  .tag_sale_details img {
    width: 8rem;
  }
}

@media screen and (max-width: 1024px) {
  .tag_sale_details {
    left: -1.75%;
  }
}

@media screen and (max-width: 768px) {
  .tag_sale_details {
    left: -2.5%;
  }
  
  .tag_sale_details img {
    width: 6.5rem;
  }
  
  .tag_sale_details_16 {
    left: -3%;
    top: -1.5%;
  }
}

@media screen and (max-width: 576px) {
  .tag_sale_details_16 img {
    width: 120%;
  }
  
  .tag_sale_details_16 {
    left: -5.5% !important;
    top: -1.5% !important;
  }
  
  .tag_sale_details img {
    width: 8rem;
  }
}

.hover_fast {
  transition: all 0.25s ease-in-out !important;
}

.hover_container {
  border-color: transparent !important;
  background-color: transparent;
  transition: border-color, background-color 0.25s ease-in-out;
}

.hover_container:hover {
  border-color: #ec471e !important;
  background-color: #242424;
}

@media screen and (max-width: 575px) {
  .tag_sale_details {
    left: -3%;
    top: 1%;
  }
}

/***Store payment form****/
.no_list ul {
  list-style: none;
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

/** History ****/
.menu_history .nav-link {
  background-color: #4a4a4a;
  color: #FFFFFF;
}

.background_history {
  background-color: #2c2c2c;
}

.menu_history .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000000;
  background-color: #FF6A00;
}

/********Videos hover effect */
.fade_out:before {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.fade_out:hover::before {
  opacity: 0.2;
}

.fade_out h2 {
  color: black;
  transition: color 0.5s ease-in-out;
}

.fade_out:hover h2 {
  color: #f8aa28;
}

.fade_out:hover .playBut .triangle {
  stroke: #f8aa28;
}

/**offcanvas module detail***/
.search_container_background {
  background-color: #2c2c2c;
}

/*****Color red********/
.text_red {
  color: #ff0000;
}

/****Landing Css********/
.list_features p strong {
  color: #FF6A00;
  font-style: italic;
}

.landing_background {
  background-image: url("/static/images/landing/dots_bg.svg");
  background-attachment: local;
  background-repeat: repeat;
  background-size: 50% auto;
}

.default_bg {
  background: #303030;
}

.features_img_background {
  background-color: #151515;
}

.features_body_background {
  background: #2a2a2a;
}

.modules_background {
  background-color: #151515;
  transition: transform 0.3s ease-in-out;
  z-index: 1;
  transform-origin: center;
}

.modules_background figure {
  transform-origin: center;
  transform: translateY(-5%);
}

.modules_background figcaption {
  transform-origin: center;
  transform: translatey(-10%);
  line-height: 1.1;
  font-size: 0.85rem;
}

@media screen and (max-width: 768px) {
  .modules_background figcaption {
    transform: translatey(0);
  }
}

.module_figcaption {
  transform: translateY(10%) !important;
  font-size: 0.75rem !important;
}

.modules_background:hover {
  transform: scale(1.02);
}

.modules_background .overlay {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: end;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.modules_background:hover .overlay {
  background-color: rgba(0, 0, 0, 0);
}

.modules_background:hover .overlay p {
  transform: translateX(0);
  opacity: 1;
}

.modules_background .overlay p {
  font-size: 0.6rem;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 3;
}

@media (hover: none) {
  .modules_background {
    transform: none;
  }
  
  .modules_background .overlay {
    background-color: rgba(0, 0, 0, 0);
  }
  
  .modules_background .overlay p {
    transform: none;
    opacity: 1;
  }
}

.modules_label {
  height: 4.5rem;
}

.modules_new {
  background: linear-gradient(-135deg, #474747 20%, #131313 0);
}

.modules_new p {
  position: absolute;
  right: 0;
  top: 15%;
  transform: rotate(45deg);
}

.pricing_container .btn-dark {
  background-color: rgb(33, 37, 41);
}

@media screen and (max-width: 576px) {
  .desc_pricing {
    line-height: 1;
    font-size: 1rem !important;
  }
}

.bg_resellers {
  background-image: url("/static/images/landing/map_background.svg");
  background-repeat: no-repeat;
  background-size: 70% 100%;
  background-position: center center;
}

@media screen and (max-width: 1199px) {
  .bg_resellers {
    background-size: 185% 100%;
  }
}

.sub_header:after {
  content: "";
  background-color: #FF6A00;
  width: 10%;
  position: absolute;
  height: 0.087rem;
  left: calc(50% - 5%);
  top: 100%;
  transform-origin: -50% 0;
}

.sub_header:before {
  content: attr(title);
  -webkit-text-stroke: 1px #3a3a3a;
  font-weight: bold;
  text-transform: uppercase;
  color: transparent !important;
  font-size: 5vw;
  letter-spacing: 2px;
  width: 100%;
  height: fit-content;
  position: absolute;
  left: 0;
  top: -100%;
  z-index: -1;
}

.sub_header_orange {
  -webkit-text-stroke: 1px #FF6A00;
  font-weight: bold;
  text-transform: uppercase;
  color: transparent !important;
  letter-spacing: 2px;
  height: fit-content;
  font-size: 4vw;
  line-height: 1;
}

.card_details {
  background-color: #2c2c2c;
  --bs-offcanvas-width: 45%;
}

.cursor_pointer {
  cursor: pointer;
}

.card_details .form-control {
  border: 1px solid #ced4da !important;
}

.card_details .form-control::placeholder {
  color: #FFFFFF !important;
}

.string_search {
  background-color: #FF6A00;
  width: auto;
  height: auto;
}

.card_packs, .card_news {
  transition: transform 0.25s ease-in-out;
  transform-origin: center;
}

.card_packs:hover, .card_news:hover {
  transform: scale(1.01);
}

.card_packs, .card_news {
  padding: 0.15rem;
}

.card_packs {
  background: linear-gradient(160deg, rgb(200, 200, 200) 0%, rgb(55, 55, 55) 20%, rgb(200, 200, 200) 50%, rgb(81, 81, 81) 85%, rgb(150, 150, 150) 100%);
}

.card_news {
  background: transparent;
}

.card_packs:hover, .card_news:hover {
  background: linear-gradient(160deg, rgb(236, 90, 37) 0%, rgb(236, 60, 37) 20%, rgb(253, 149, 3) 50%, rgb(236, 60, 37) 85%, rgb(102, 42, 42) 100%);
}

/*To enable the orange bg in the element of middle to have more focus in mobile in Pricing  */
@media screen and (max-width: 576px) {
  .card_packs:nth-child(2) {
    background: linear-gradient(160deg, rgb(236, 90, 37) 0%, rgb(236, 60, 37) 20%, rgb(253, 149, 3) 50%, rgb(236, 60, 37) 85%, rgb(102, 42, 42) 100%);
  }
  
  .card_packs:nth-child(2) .card_overlay {
    opacity: 1;
  }
}

.card_packs .card-img-top {
  background: transparent;
}

.card_packs .image_overlay {
  background: linear-gradient(to bottom, transparent 60%, rgba(30, 30, 30, 0.35) 100%) !important;
}

.card_packs.featured {
  transform: scale(1.01);
  background: linear-gradient(160deg, rgb(255, 0, 0) 0%, rgb(235, 33, 33) 20%, rgb(235, 28, 28) 50%, rgb(221, 44, 26) 85%, rgb(102, 42, 42) 100%);
}

.card_packs.featured:hover {
  background: linear-gradient(160deg, rgb(236, 90, 37) 0%, rgb(236, 60, 37) 20%, rgb(253, 149, 3) 50%, rgb(236, 60, 37) 85%, rgb(102, 42, 42) 100%);
  transform: scale(1.02);
}

.card_packs.featured,
.card_packs .card-img-top.featured {
  border-top-left-radius: 7.5rem;
}

.card_packs.featured .tag_container {
  padding: 0.15rem 0.4rem;
}

.card_packs.featured .tag_star {
  color: rgba(25, 25, 25, 0.5);
}

.card_packs.featured .tag_text {
  color: rgb(254, 23, 23);
  margin-right: 0.2rem;
  transition: color 0.2s ease-in-out;
}

.card_packs.featured:hover .tag_text {
  color: rgb(236, 90, 37);
}

.card_news .see_more_label {
  transform: translateY(200%);
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.card_news:hover .see_more_label {
  transform: translateY(0);
  opacity: 1;
}

@media (hover: none) {
  .card_packs.featured:hover {
    transform: scale(1.01);
    background: linear-gradient(160deg, rgb(255, 0, 0) 0%, rgb(235, 33, 33) 20%, rgb(235, 28, 28) 50%, rgb(221, 44, 26) 85%, rgb(102, 42, 42) 100%);
  }
  
  .card_packs.featured .tag_text {
    color: rgb(254, 23, 23);
  }
  
  .card_packs:hover, .card_news:hover {
    transform: scale(1);
  }
  
  .card_packs:hover:after, .card_news:hover:after {
    background: transparent;
  }
  
  .card_news .see_more_label {
    transform: translateY(0);
    opacity: 1;
  }
}

.card_packs .card-body {
  background: linear-gradient(to bottom, #333232 40%, #1f1f1f 100%) !important;
}

.card_packs .license_label {
  translate: -50% -65%;
}

.card_packs img.text_icon {
  width: auto;
  height: 1.5rem;
}

.card_packs .card_overlay {
  z-index: -1;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent 66%, rgba(236, 90, 37, 0.35) 100%);
  transition: opacity 0.15s ease-in;
  opacity: 0;
}

.card_packs:hover .card_overlay {
  opacity: 1;
}

.fs_small {
  font-size: 0.75rem;
}

.h_95 {
  height: 95% !important;
}

.card_packs .background_red {
  background-color: #fd0000;
}

.bg_orange {
  background-color: #FF6600;
}

.b_orange {
  border-color: #FF6600 !important;
}

/*.card_news:after {*/
/*    background: linear-gradient(0deg, rgb(81, 81, 81) 40%, rgb(193, 193, 193) 60%, rgb(71, 71, 71) 100%);*/
/*}*/
.card_news .card-body {
  background: #0f0f0f
}

/****** Modules details overflow ******/
.module_container_detail {
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
}

.module_container_detail .module_content {
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
}

/*****Footer*****/
.footer_font {
  font-family: 'Chakra Petch', sans-serif;;
}

.footer_background {
  background: radial-gradient(at 50% 200%, rgba(107, 27, 5, 1) 0%, rgba(0, 0, 0, 1) 71%);
  z-index: 0;
  position: relative;
}

.footer_divider_color {
  border-top: 0.087rem solid #FF6600 !important;
  opacity: 0.70 !important;
}

.subscribe_inputs button {
  --bs-btn-color: #FFFFFF;
  --bs-btn-border-color: transparent;
  --bs-btn-bg: #e36400;
  --bs-btn-hover-bg: #FF6600;
  --bs-btn-hover-border-color: transparent;
}

.subscribe_inputs button:disabled {
  background-color: #343a40;
  opacity: 1 !important;
  border-color: #e36400 !important;
}

.subscribe_inputs input {
  border-color: #e36400;
  background-color: transparent;
}

.subscribe_inputs input:focus {
  background-color: transparent;
  color: #FFFFFF;
}

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

.icon_social img {
  width: 1.8rem;
  height: 1.8rem;
}

.icon_social:hover {
  animation: bounce 0.35s ease-in-out;
  animation-iteration-count: 3;
}

.generic_table {
  --bs-table-bg: #171717;
  --bs-table-hover-color: #FF6600;
  --bs-table-hover-bg: #242424;
}

.order_detail_border {
  border-right-color: #FF6600;
  border-right-style: solid;
  border-right-width: 0.087rem;
}

.card_history {
  transition: all 0.35s ease-in-out;
}

.card_history:hover {
  border-color: #ec471e !important;
}

.card_history img {
  width: 150%;
  transform-origin: center center;
  height: 150%;
  transition: all 0.45s ease-in-out;
  opacity: 0.5;
}

.card_history p {
  opacity: 0.7;
  transition: all 0.35s ease-in-out;
}

.card_history:hover p {
  opacity: 1;
  color: #ec471e !important;
}

.card_history:hover img {
  opacity: 1;
  transform: scale(1.2);
}

.card_history .version_label {
  background-color: #FFFFFF;
  color: #000000;
  transition: all 0.3s ease-in-out;
}

.card_history:hover .version_label {
  color: #FFFFFF;
  background-color: #FF6600;
}

@media screen and (max-width: 1199px) {
  .order_detail_border {
    border-right-color: unset;
    border-right-style: unset;
    border-right-width: unset;
    border-bottom-color: #FF6600;
    border-bottom-style: solid;
    border-bottom-width: 0.087rem;
    margin-bottom: 1rem;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.25rem);
  }
}

@media screen and (max-width: 1200px) and (orientation: landscape) {
  .module_container_detail {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .module_container_detail .module_content {
    height: 100%;
  }
}

/***side menu page modules****/
@media screen and (max-width: 1200px) {
  .menu_colapse {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1230;
    transition: transform 0.3s ease-in-out;
  }
  
  .menu_open {
    transform: translateX(0) !important;
  }
  
  .menu_closed {
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 1200px) {
  .card_details {
    --bs-offcanvas-width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .sub_header:before {
    font-size: 10vw;
  }
  
  .sub_header_orange {
    font-size: 8vw;
  }
  
  .card_details {
    --bs-offcanvas-width: 100%;
  }
  
  .module_container_detail {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .module_container_detail .module_content {
    height: 100%;
  }
  
  .module_figcaption {
    transform: translateY(15%) !important;
  }
}

.nl_img {
  width: 1.15rem;
  height: 1.15rem;
}

.card_resellers .card-img-overlay {
  background-color: rgba(28, 28, 28, 0.8);
}

.card_resellers .silver {
  color: #C0C0C0;
}

.card_resellers .gold {
  color: #FFD700;
}

.card_resellers .bronze {
  color: #FFD700;
}

/****Colors Priority*****/
.low {
  color: #a2ed56;
  border-color: #a2ed56 !important;
}

.low_bg {
  background-color: #a2ed56;
}

.high {
  color: #fd6470;
  border-color: #fd6470 !important;
}

.medium {
  color: #efd137;
  border-color: #efd137 !important;
}

.medium_bg {
  background-color: #efd137;
}

.high_bg {
  background-color: #fd5800;
}

.t_orange_tickets {
  color: #8e3b00;
}

.button_gray {
  --bs-btn-color: #b4b4b4;
  --bs-btn-border-color: #919191;
}

.book_demo_container {
  position: absolute;
}

@media screen and (max-width: 992px) {
  .book_demo_container {
    position: relative;
  }
  
  .book_demo_banner img {
    width: 231% !important;
    left: -70% !important;
  }
}

.book_demo_banner {
  margin-top: -4.5%;
}

.book_demo_banner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
  left: 0;
}

.book_demo_banner img {
  left: 0;
  top: 0;
}

@media screen and (max-width: 1199px) {
  .book_demo_banner {
    margin-top: -6%;
  }
}

@media screen and (max-width: 992px) {
  .book_demo_banner {
    margin-top: -8%;
  }
}

@media screen and (max-width: 768px) {
  .book_demo_banner {
    margin-top: -10%;
  }
}

.btn_packs {
  --bs-btn-color: #000000 !important;
  --bs-btn-bg: #fd5500;
  --bs-btn-hover-bg: #FF6600 !important;
  --bs-btn-hover-color: #000000 !important;
}

.btn_packs_compare {
  --bs-btn-hover-bg: #fd5500 !important;
  --bs-btn-hover-color: #000000 !important;
  --bs-btn-hover-border-color: #fd5500 !important;
}

.bg_price {
  background-color: #2a2a2a !important;
}

.img_packs {
  transform: scale(1.5);
  transform-origin: left center;
}

.w_85 {
  width: 85%;
}

@media screen and (max-width: 576px) and (orientation: portrait) {
  .text_justify {
    text-align: justify;
  }
  
  .w_85 {
    width: 95%;
  }
}

@media screen and (max-width: 320px) {
  .label_user {
    display: none;
  }
}

.news_popup .card-img-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2189250700280112) 46%, rgba(0, 0, 0, 1) 78%);
}

.news_popup .toast {
  --bs-toast-max-width: 25rem;
}

@media screen and (max-width: 576px) {
  .news_popup .toast {
    --bs-toast-max-width: 100vw;
    --bs-toast-border-radius: 0;
  }
  
  .news_popup .card {
    --bs-card-border-radius: 0;
  }
  
  .news_popup .card-img-overlay {
    position: relative;
    background: radial-gradient(at 50% 125%, rgba(107, 27, 5, 1) 0%, rgba(0, 0, 0, 1) 71%);
  }
  
  .news_popup h4 {
    font-size: 1.1rem;
  }
  
  .news_popup h5 {
    font-size: 1rem;
    margin-bottom: 1rem;
    padding-right: 5%;
  }
}

.warning_cookies {
  --bs-offcanvas-zindex: 1300;
  --bs-offcanvas-height: auto;
}

.word_breaker p {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.no_break_word small {
  word-break: keep-all !important;
}

.top_100 {
  top: 100%;
}

@media screen and (max-width: 1200px) {
  .top_100 {
    top: 110%;
  }
}

mark {
  background: #818181;
  box-sizing: border-box;
  padding: 0;
  color: #FFFFFF;
}

mark.current {
  background: #fd6600;
  color: #FFFFFF;
}

.margin_negative {
  margin-left: -0.5rem;
}

/****** Ultra Wide Screens **********************************/
@media screen and (min-width: 1921px)  and (min-aspect-ratio: 21/9) {
  html {
    font-size: 16px;
  }
  
  .container-xxl {
    max-width: 94rem !important;
  }
  
  .page_layout {
    background: #0e0e0e;
  }
  
  .main_header {
    max-width: 1920px;
    margin: 0 auto;
  }
  
  .main_container {
    max-width: 1920px;
    margin: 0 auto;
  }
  
  .card_details {
    --bs-offcanvas-width: 55rem !important;
  }
  
  .sub_header:before {
    font-size: 6.5rem;
  }
  
  .sub_header_orange {
    font-size: 5.5rem;
  }
  
  .offcanvas-bottom {
    max-width: 1920px;
    margin: 0 auto;
  }
}

.header_animated {
  position: absolute;
  left: 0;
  top: 10%;
  background-color: #1f1f1f;
  z-index: 1;
  padding-left: 1rem;
  letter-spacing: 0.75rem;
}

.words_container {
  display: block;
  overflow: hidden;
  position: relative;
  width: 14rem;
}

.words_container span {
  position: absolute;
  color: #fd6600;
  opacity: 0;
  left: 0;
}

@media screen and (max-height: 768px) {
  .header_animated {
    display: none !important;
  }
}

.icon_ticket {
  width: 3.8rem;
  height: auto;
}

@media screen and (min-width: 768px) {
  .pme_image {
    width: 27.5%;
  }
}

@media screen and (max-width: 768px) {
  .pme_image {
    width: 45%;
  }
}

.btn_outline_orange {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #ff6a00;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff6a00;
  --bs-btn-hover-border-color: #ff6a00;
  --bs-btn-focus-shadow-rgb: 255, 106, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f26800;
  --bs-btn-active-border-color: #f26800;
  --bs-btn-active-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

@media screen and (max-width: 576px) {
  .table_mobile > :not(caption) > * > * {
    padding: 0.25rem 0.5rem !important;
    border-width: 0 !important;
  }
  
  .table_mobile thead {
    display: none;
  }
  
  .table_mobile .fs-6 {
    font-size: 0.9rem !important;
  }
  
  .table_mobile .btn-sm {
    --bs-btn-font-size: 0.85rem;
  }
  
  .table_mobile .table_row {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    border-style: none;
    border-bottom: 1px solid #373b3e;
  }
  
  .table_mobile .table_row th, .table_mobile .table_row td {
    display: flex;
    min-width: max-content;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 0 33.33%;
  }
  
  .table_mobile .table_row .big_cell {
    flex: 1 0 50%;
  }
  
  .table_mobile .table_row .label {
    color: #6c6c6c;
    font-size: 0.7rem;
    font-weight: bold;
    margin-bottom: auto;
  }
  
  .table_mobile .border_end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  
  .table_mobile .border_top {
    border-top-width: 1px !important;
    border-color: #373b3e;
  }
  
  .table_mobile .last_td {
    flex: 1 1 100% !important;
    padding: 0.5rem !important;
  }
  
  .table_mobile .list_maps p {
    font-size: 0.8rem !important;
  }
}

.button_anim {
  box-shadow: 0 0 0 0 rgba(255, 106, 0, 1);
  animation: pulse-orange 1.5s infinite;
}

@keyframes pulse-orange {
  0% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 1rem rgba(255, 121, 63, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
  }
}

.min_w_50 {
  min-width: 50%;
}

.card_reviews {
  --bs-card-bg: #2b2b2b;
  transition: all 0.15s ease-in;
  transform-origin: center center;
  --bs-card-height: 26rem;
}

.card_reviews .card-body {
  background-color: #2b2b2b;
}

.card_reviews .card-body .card-text {
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.card_reviews .see_content {
  transition: height 0.35s ease-in;
}

.card_reviews .see_content:after {
  content: "";
  width: 100%;
  font-size: 0.8rem;
  background: linear-gradient(0deg, rgba(43, 43, 43, 1) 20%, rgba(43, 43, 43, 0) 91%);
  position: absolute;
  bottom: 0;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.25s ease-in;
  opacity: 1;
  height: 2rem;
  font-weight: bold;
}

@media (hover: hover) {
  .card_reviews:hover .see_content {
    height: 100% !important;
  }
  
  .card_reviews:hover .see_content:after {
    opacity: 0;
  }
  
  .card_reviews_hover:hover {
    transform: scale(1.025);
  }
}

.card_reviews_open .card_reviews .see_content {
  height: 100% !important;
}

.card_reviews_open .card_reviews .see_content:after {
  opacity: 0;
}

.card_reviews .card-footer {
  background: transparent;
  border-top: 0;
}

.card_reviews a {
  color: #ff6a00;
}

.card_reviews .logo_container {
  width: 3.5rem;
  height: 3.5rem;
}

.card_reviews .card-header {
  background-color: #2b2b2b;
}

.card_reviews .overlay_image {
  background: linear-gradient(180deg, rgba(43, 43, 43, 1) 0%, rgba(43, 43, 43, 0) 35%);
}

.card_reviews .flag {
  width: 1.2rem;
}

/****************Tutorials*************************************************************/
.tutorials_text_header span {
  color: #ff6a00 !important;
}

/***********************AUX CLASSES TO ANIMATIONS**********************************/
.opacity_0 {
  opacity: 0;
}

.card_tutorials .play_container {
  opacity: 1;
}

.card_tutorials .play_container i {
  font-size: 4rem !important;
  color: #FFFFFF;
}

.card_tutorials:hover .play_container {
  opacity: 0;
  transition: opacity 0.35s ease-in;
}

.fancybox__thumbs {
  --f-thumb-outline-color: #FF6A00;
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 0.4rem;
}

@media screen and (min-width: 1921px)  and (max-aspect-ratio: 21/9) {
  .has-youtube .fancybox__content {
    width: 68rem !important;
    height: 38rem !important;
  }
  
  .fancybox__thumbs {
    --f-thumb-width: 6.8rem;
    --f-thumb-height: 5.14rem;
    --f-thumb-border-radius: 0.15rem;
    --f-thumb-outline: 0.15rem;
    --f-thumb-outline-color: #FF6A00;
  }
}

/*****************************Simulator****************************************************************************/
.simulator .input_solutions_week {
  width: 7.5rem !important;
}

.simulator sup {
  top: -0.3em;
}

@media screen and (max-width: 576px) {
  .simulator .input_solutions_week {
    width: 50% !important;
  }
}

.simulator input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.simulator .icon_wrapper {
  width: 2.7rem;
  height: 2.7rem;
  position: relative;
}

.simulator .icon_wrapper img {
  width: 100%;
}

.simulator .li_gap {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}

.simulator .container_final {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 1rem;
}

@media screen and (max-width: 578px) {
  .simulator .container_final {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}

@media (hover: hover) {
  .simulator .li_gap .info_icon {
    opacity: 0;
    transition: all 0.15s ease-in;
    cursor: pointer;
  }
  
  .simulator .li_gap:hover .info_icon {
    opacity: 1;
  }
}

.simulator .btn-dark {
  --bs-btn-bg: #2c2c2c;
  --bs-btn-active-bg: #2c2c2c;
  --bs-btn-active-border-color: #ec471e;
  --bs-btn-border-color: transparent;
}

.simulator .get_quote_label {
  color: #000000;
  background-color: #ff6a00;
}

.simulator .input_quote {
  width: 100%;
}

.simulator .input_quote button:disabled {
  background-color: #e26400;
}

.simulator .input_quote input {
  color: #FFFFFF;
}

.simulator .input_quote input::placeholder {
  color: #767676;
  font-size: 1rem;
}

.simulator .form-check-input {
  margin-top: 0 !important;
}

.simulator .quote_container img {
  transition: opacity 0.4s ease-in;
  transform: scale(1.1);
  transform-origin: 20% 50%;
}

@media screen and (max-width: 576px) {
  .simulator .quote_container img {
    transform: scale(1.1);
    transform-origin: 30% 50%;
  }
}

.simulator .btn-lg {
  min-width: 5rem !important;
}

.simulator #costSolution .btn-lg {
  min-width: unset !important;
  width: 5rem !important;
}

.simulator #masterSlave .btn-lg {
  min-width: 8rem !important;
}

.simulator .result {
  display: none;
  transition: all 0.35s ease-in;
}

.simulator .btn_radio {
  min-width: 4rem;
}

.simulator .basic_pack .recommended_pack {
  color: #1cc914;
}

.simulator .basic_pack .b_pack {
  border-color: #1cc914 !important;
}

.simulator .basic_pack .h_pack_bg {
  background-color: #1cc914;
}

.simulator .standard_pack .recommended_pack {
  color: #febb1b;
}

.simulator .standard_pack .b_pack {
  border-color: #febb1b !important;
}

.simulator .standard_pack .h_pack_bg {
  background-color: #febb1b;
}

.simulator .full_pack .recommended_pack {
  color: #ed2023;
}

.simulator .full_pack .b_pack {
  border-color: #ed2023 !important;
}

.simulator .full_pack .h_pack_bg {
  background-color: #ed2023;
}

.simulator .quote_pack_bg {
  background-color: #282828;
}

.simulator .quote_pack_bg .text_icon {
  width: auto;
  height: 1rem;
}

@media screen and (max-width: 576px) {
  .simulator #getQuoteForm {
    line-height: 1.25 !important;
  }
  
  .simulator #getQuoteForm h4 {
    font-size: calc(1.15rem + .3vw);
  }
  
  .simulator .quote_pack_bg {
    background: linear-gradient(180deg, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 0.7550421535801821) 9%, rgba(43, 43, 43, 1) 24%, rgba(43, 43, 43, 1) 100%);
  }
  
  .simulator #containerResult .fs-5 {
    font-size: 1rem !important;
  }
  
  .simulator #containerResult .fs-6 {
    font-size: 0.9rem !important;
  }
  
  .simulator #containerResult .form-control-lg {
    font-size: 1rem !important;
  }
  
  .simulator #containerResult .btn-lg {
    --bs-btn-font-size: 0.95rem;
  }
}

.simulator .container_inputs_bg {
  background-color: #282828;
}

.simulator .next_btn_form {
  --bs-btn-bg: #ff6a00;
  --bs-btn-color: #000000;
  --bs-btn-hover-bg: #dd5600;
  --bs-btn-hover-color: #000000;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-bg: #c64e00;
  --bs-btn-disabled-color: #1b1b1b;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ff6a00;
  --bs-btn-active-border-color: #ff6a00;
}

.simulator .next_btn_buy {
  --bs-btn-bg: #1c1c1c;
  --bs-btn-color: #ff6a00;
  --bs-btn-hover-bg: #363636;
  --bs-btn-hover-color: #ff6a00;
  --bs-btn-active-color: #ff6a00;
  --bs-btn-active-bg: #202020;
  --bs-btn-active-border-color: #1c1c1c;
}

@media screen and (min-width: 768px) {
  .simulator .list_modules {
    height: auto;
    flex-direction: column;
  }
  
  .simulator .list_modules li {
    height: 2.5rem;
  }
}

@media screen and (min-width: 992px) {
  .simulator .list_modules {
    height: 32rem;
  }
  
  .simulator .list_modules li {
    height: auto;
  }
}

@media screen and (max-width: 1600px) {
  .simulator .list_modules li .fs-6 {
    font-size: 0.95rem !important;
  }
}

@media screen and (max-width: 1400px) {
  .simulator .list_modules li .fs-6 {
    font-size: 0.9rem !important;
  }
}

.simulator .accordion {
  --bs-accordion-bg: #1e1e1e;
  --bs-accordion-body-padding-x: 0.75rem;
}

.background_simulator {
  background: radial-gradient(at center, #280700, #010101, #1f0700, #222);
  background-size: 400% 400%;
}

.btn_go_back {
  --bs-btn-color: #ff6a00;
  --bs-btn-hover-color: #ff6a00;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-color: #dd5600;
}

.btn_go_back:disabled {
  background-color: transparent !important;
}

.simulator .bg_chip_module {
  background-color: #242424;
}

.simulator .b_chip_module {
  border-image: linear-gradient(90deg, #ff6600 0%, #323232 100%) 1;
}

.main_bg_simulator {
  background-repeat: repeat;
  background-size: cover;
  background-image: url("/static/images/choose_pack_bg.svg");
}

@media screen and (min-width: 2000px) {
  .simulator .border-1 {
    border-width: 2px !important;
  }
}

.bg_panel_intro {
  background-color: #282828 !important;
}

.binary_bg {
  background-image: url("/static/images/binary_background.svg");
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
  .binary_bg {
    background-size: 210%;
    background-position: top;
  }
}

@media screen and (max-width: 992px) {
  .binary_bg {
    background-size: 210%;
  }
}

@media screen and (min-width: 576px) {
  .bank_details div:nth-child(1) {
    order: 1;
  }
  
  .bank_details div:nth-child(2) {
    order: 3;
  }
  
  .bank_details div:nth-child(3) {
    order: 5;
  }
  
  .bank_details div:nth-child(4) {
    order: 7
  }
  
  .bank_details div:nth-child(5) {
    order: 2
  }
  
  .bank_details div:nth-child(6) {
    order: 4
  }
  
  .bank_details div:nth-child(7) {
    order: 6
  }
  
  .bank_details div:nth-child(8) {
    order: 8
  }
}

.border_bank_details {
  border-color: #4c4c4c;
}

@media screen and (max-width: 576px) {
  .binary_bg {
    background-size: 320%;
  }
}

/****************Promo****************************************************************/
.promo_store_img {
  width: 35rem;
}

.promo_store_arrow {
  width: 3.25rem;
}

.bg_bar_store_promo {
  background-color: #ff4200;
  /*background-color: #202020;*/
  box-shadow: 0.5rem 0.5rem 1rem 0.5rem #000;
}

.t_color_promo {
  color: #be0000;
}

@media screen and (max-width: 576px) {
  .promo_store_img {
    width: 100%;
  }
  
  .promo_store_arrow {
    width: 2rem;
  }
}

/*************Useful Links**********************************************/
.icon_useful_links {
  width: 6rem;
  height: 6rem;
}

@media screen and (min-width: 768px) {
  #linksList a:hover {
    animation: bounce 0.2s ease-in-out;
    animation-iteration-count: 1;
  }
}

.useful_links_bg {
  background: linear-gradient(180deg, rgba(241, 100, 0, 0.65) 0%, rgb(32, 32, 32) 60%);
}

.useful_links_bg .icon_social img {
  width: 2.2rem;
  height: 2.2rem;
}

#module_content ul {
  --bs-list-group-item-padding-x: 0.5rem !important
}

#module_content h4 {
  font-size: 1rem !important;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0.5rem 0;
}

#module_content ul li {
  font-size: 0.9rem !important;
}

#module_content ul li {
  --bs-success-rgb: 60, 227, 116 !important;
}

#module_content .checksums li div {
  width: auto !important;
}

#module_content ul li img {
  width: 1.2rem;
  height: auto;
}

#module_content .list-group-item {
  position: unset !important;
}

.border_orange {
  --bs-border-color: #FF6A00;
}

.t_size_xs {
  font-size: 0.5rem;
}

.bg_header_module {
  background-color: #272727;
}

.module_ecu_img {
  width: 4rem;
  height: auto;
}

.automated_solutions {
  line-height: 0.9;
  font-size: 0.7rem;
}

.inclined_box {
  transform: rotate(15deg) skewY(-15deg);
}

@media screen and (max-width: 576px) {
  .h_5_module {
    font-size: 1.1rem
  }
}

.counter_box:after {
  content: "";
  padding-bottom: 100%;
}

.counter_box img {
  width: 65%;
}

.counter_box figure {
  transform: translateY(-15%);
}

.counter_box figcaption {
  transform: translateY(13%);
}

@media screen and (max-width: 738px) {
  .counter_box figcaption {
    transform: translateY(35%);
  }
  
  .counter_box img {
    margin-bottom: 1.15rem !important;
}
}

.license_switch_container {
  background-color: #2e2e2e;
  width: fit-content;
}

.license_wrapper {
  background-color: #323232;
}

.license_wrapper a {
  position: relative;
  transition: color 0.15s ease-in, fill 0.15s ease-in;
  fill: #ff6a00;
  min-width: 7rem;
}

.license_wrapper a svg {
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  bottom: 10%;
  left: 50%;
}

.license_wrapper a:before {
  content: attr(data-front);
  font-size: 1rem;
  position: absolute;
  transform: translateY(-50%) rotateX(90deg);
  opacity: 0;
  transition: transform 0.35s ease-in, opacity 0.35s ease-in;
  text-align: center;
}

.license_wrapper a:after {
  content: attr(data-back);
  font-size: 1rem;
  position: absolute;
  transform: translateY(0) rotateX(0);
  opacity: 1;
  transition: transform 0.35s ease-in, opacity 0.35s ease-in;
  max-width: 3rem;
  text-align: center;
}

.license_wrapper a:hover:before {
  transform: translateY(0) rotateX(0deg);
  opacity: 1;
}

.license_wrapper a:hover:after {
  transform: translateY(50%) rotateX(90deg);
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .license_wrapper a small {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .license_wrapper a {
    min-width: unset;
  }
  
  .license_wrapper a svg {
    display: none;
  }
  
  .license_wrapper a small {
    display: block;
  }
  
  .license_wrapper a:before {
    content: attr(data-front);
    display: none;
  }
  
  .license_wrapper a:after {
    content: attr(data-back);
    display: none;
  }
}

@media screen and (max-width: 576px) {
}

@media screen and (max-width: 576px) {
  .license_switch_container {
    font-size: 0.7rem !important;
  }
  
  .license_wrapper a {
    font-size: 0.9rem !important;
  }
  
  #btn_buy_licence small {
    font-size: 0.7rem;
  }
}

#license_switch_select {
  background-color: #3d3d3d;
  border-color: #fd6500 !important;
  transition: left 0.5s, width 0.5s, border-bottom-color 0.35s, border-left-color 0.35s, border-right-color 0.35s, border-top-color 0.35s;
}

.faq_container a {
  color: #FF6A00 !important;
}

.faq_container a:hover {
  color: #dc5000 !important;
}

.company_status:hover {
  color: #ffffff;
}

@media screen and (max-width: 1199px) {
  .company_status {
    background-color: #1a1a1a;
    padding: 0.3rem 0.55rem;
    justify-content: center;
    gap: 0.5rem !important;
  }
  
  .company_status small {
    line-height: 0.8;
    font-size: 0.7rem !important;
  }
}

.company_status .small_dot {
  width: 0.5rem;
  height: 0.5rem;
  min-width: 0.5rem;
  min-height: 0.5rem;
  max-width: 0.5rem;
  max-height: 0.5rem;
  border-radius: 50%;
}

.pricing_promo img {
  width: 4.5rem;
}

.pricing_promo .text_color {
  color: #ff6a00 !important;
}

@media screen and (min-width: 1200px) and (max-width: 1650px) {
  .pricing_promo {
    font-size: 1.15rem !important;
  }
  
  .pricing_promo img {
    width: 3.5rem;
  }
  
  .pricing_promo .fs_small {
    font-size: 0.65rem !important;
  }
  
  .pricing_promo .fs-2 {
    font-size: 1.30rem !important;
  }
  
  .pricing_promo .fs-6 small {
    font-size: 0.7rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .pricing_promo {
    font-size: 1rem !important;
  }
  
  .pricing_promo img {
    width: 3rem;
  }
  
  .pricing_promo .fs_small {
    font-size: 0.65rem !important;
  }
  
  .pricing_promo .fs-2 {
    font-size: 1.25rem !important;
  }
  
  .pricing_promo .fs-6 small {
    font-size: 0.65rem !important;
  }
}

@media screen and (max-width: 576px) {
  #home h1 {
    font-size: 1.25rem !important;
  }
  
  #home .h5 {
    font-size: 0.9rem !important;
  }
}

@media screen and (max-width: 340px) {
  #home h1 {
    font-size: calc(1.375rem + 0.25vw) !important;
  }
  
  #home .h5 {
    font-size: 0.85rem !important;
  }
}

.btn_choose_pack {
  background-color: #000000;
  right: 0;
  top: 50%;
  transform: rotate(90deg);
  z-index: 10;
  transform-origin: 100% 0;
  scrollbar-gutter: stable both-edges;
  font-size: 1.25rem;
  height: 3.8rem;
  transition: height 0.35s ease;
}

.btn_choose_pack img {
  width: 2rem;
  transform: rotate(-90deg);
}

.btn_choose_pack:hover {
  color: #FF6A00 !important;
  transform: rotate(90deg);
  height: 4.5rem;
}

@media screen and (max-width: 992px) {
  .btn_choose_pack {
    font-size: 1rem;
    height: 3rem;
  }
  
  .btn_choose_pack img {
    width: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .btn_choose_pack {
    font-size: 0.75rem;
  }
  
  .btn_choose_pack {
    height: auto;
  }
  
  .btn_choose_pack:hover {
    height: auto;
  }
}

.t_color_cyber {
  color: #39a2ff;
}

.card_perpetual_cyber, .card_perpetual_cyber:hover {
  background: linear-gradient(160deg, rgb(200, 200, 200) 0%, rgb(55, 55, 55) 20%, rgb(200, 200, 200) 50%, rgb(81, 81, 81) 85%, rgb(150, 150, 150) 100%) !important;
}

.card_perpetual_cyber .fs-5, .card_perpetual_cyber .text_color {
  color: #ff0000 !important;
}

.card_perpetual_cyber .card_overlay {
  /*background: linear-gradient(to bottom, transparent 66%, rgb(37 135 236 / 22%) 100%) !important;*/
  opacity: 0 !important;
}

.card_perpetual_cyber .btn_packs {
  --bs-btn-bg: #ff0000;
  --bs-btn-hover-bg: #ff0000 !important;
}

.card_perpetual_cyber .btn_outline_orange {
  --bs-btn-border-color: #ff0000;
  --bs-btn-hover-bg: #ff0000 !important;
  --bs-btn-hover-border-color: #ff0000 !important;
  --bs-btn-focus-shadow-rgb: 255, 106, 0;
}