.range {
  height: 70px;
  background: #fff;
  padding: 0 65px 0 65px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
}

.sliderValue {
  position: relative;
  width: 95%;
  margin-left: 12px;
}

.sliderValue span {
  position: absolute;
  height: 45px;
  width: 45px;
  transform: translateX(-70%) scale(0);
  font-weight: 500;
  top: -35px;
  line-height: 55px;
  z-index: 2;
  color: #fff;
  transform-origin: bottom;
  transition: transform 0.3s ease-in-out;
}

.sliderValue span.show {
  transform: translateX(-70%) scale(1);
}

.sliderValue span:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #0d6efd;
  border: 3px solid #fff;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-bottom-left-radius: 50%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.field {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}

.field .value {
  position: absolute;
  font-size: 18px;
  color: #0d6efd;
  font-weight: 600;
}

.field .value.left {
  left: -22px;
}

.field .value.left2 {
  left: -38px;
}

.field .value.right {
  right: -35px;
}

.range input {
  -webkit-appearance: none;
  width: 100%;
  height: 3px;
  background: #ddd;
  border-radius: 5px;
  outline: none;
  border: none;
  z-index: 2222;
}

input[id="inputSliders_Eco"]::-webkit-slider-thumb {
  background: #0d6efd;
  border: 1px solid primary;
}

input[id="inputSliders_Eco"]::-moz-range-thumb {
  background: #0d6efd;
  border: 1px solid #0d6efd;
}

input[id="inputSliders_Pri"]::-webkit-slider-thumb {
  background: #962efd;
  border: 1px solid #962efd;
}

input[id="inputSliders_Pri"]::-moz-range-thumb {
  background: #962efd;
  border: 1px solid #962efd;
}

input[id="inputSliders_bag"]::-webkit-slider-thumb {
  background: #e05636;
  border: 1px solid #e05636;
}

input[id="inputSliders_bag"]::-moz-range-thumb {
  background: #e05636;
  border: 1px solid #e05636;
}

input[id="inputSliders_Smart"]::-webkit-slider-thumb {
  background: #ecb700;
  border: 1px solid #ecb700;
}

input[id="inputSliders_Smart"]::-moz-range-thumb {
  background: #ecb700;
  border: 1px solid #ecb700;
}

.range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}

.range input::-moz-range-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0d6efd;
  border: 1px solid #0d6efd;
  cursor: pointer;
}

.range input::-moz-range-progress {
  background: #0d6efd;
}

.magic-radio + label:before {
  border-radius: 50%;
}

.magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fbfbfb;
}

.magic-radio:checked + label:before {
  border: 1px solid #fbfbfb;
}

.magic-radio:checked[disabled] + label:before {
  border: 1px solid white;
}

.magic-radio:checked[disabled] + label:after {
  background: white;
}

@keyframes hover-color {
  from {
    border-color: #c0c0c0;
  }
  to {
    border-color: #fbfbfb;
  }
}

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed;
}

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle;
}
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}
.magic-radio + label:before,
.magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 23px;
  height: 23px;
  content: "";
  border: 1px solid #c0c0c0;
}
.magic-radio + label:after,
.magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: "";
}

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4;
}
.magic-radio[disabled] + label:hover,
.magic-radio[disabled] + label:before,
.magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
  cursor: not-allowed;
}
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
  border: 1px solid #e4e4e4;
  animation-name: none;
}
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
  border-color: #e4e4e4;
}

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none;
}

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block;
}

.dropdown-item,
h6 {
  color: white !important;
}

.text-gray {
  color: #495057 !important;
}

.text-subtitle-gray {
  color: #6c757d !important;
}

.bagde-custom:hover {
  color: #e2e2e2;
}

.super-light-gray-text {
  color: #e2e2e2 !important;
}

.super-light-blue {
  color: #5b9ef9 !important;
}

.light-gray-text {
  color: #989898 !important;
}

.text-lighter-color {
  color: #869ab8 !important;
}

.text-light-green {
  color: #59a400;
}

.text-light-red {
  color: #ffb769;
}

.list-group-item {
  border: none !important;
}

.color-subtitle {
  color: #6c757d;
}

.dark-blue {
  color: #004182 !important;
}

.dark-purple {
  color: #420082 !important;
}

.light-purple {
  color: #962efd !important;
}

.light-red {
  color: #e05636 !important;
}

.vb-yellow {
  color: #ecb700 !important;
}

body {
  background-color: #212529 !important;
}

.bg-vb-dark-gray {
  background-color: #191d1d !important;
}

.vb-bg-light {
  background-color: #f5f6f7 !important;
}

.bg-vb-yellow {
  background-color: #ecb700 !important;
}

.bg-lightgray {
  background-color: #343a40 !important;
}

.bg-super-lightgray {
  background-color: #dee2e6 !important;
}

.border-styles {
  background-color: #262a2e;
}

.bg-gray-2 {
  background-color: #000 !important;
}

.card-blue {
  background-image: linear-gradient(
    180deg,
    #0d63e3 0%,
    #212529 47%,
    #212529 47%
  );
}

.card-purple {
  background-image: linear-gradient(
    180deg,
    #870de3 0%,
    #212529 72%,
    #212529 100%
  );
}

.card-orange {
  background-image: linear-gradient(
    180deg,
    #ff6d00 0%,
    #212529 100%,
    #212529 100%
  );
}

.card-red {
  background-image: linear-gradient(
    180deg,
    #e10d42 0%,
    #212529 100%,
    #212529 100%
  );
}

.bg-product {
  background-color: #242c33;
}

.bg-product-price {
  background-color: #f8f9fa;
}

.bg-purpler {
  background-color: #962efd !important;
}

.bg-purple {
  background-color: #962efd !important;
}

.bg-red {
  background-color: #e05636 !important;
}

#s-prime span:after {
  background-color: #962efd !important;
}

#s-bag span:after {
  background-color: #e05636 !important;
}

#s-smart span:after {
  background-color: #ecb700 !important;
}

.srv-hover:hover {
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  background-color: #47258c !important;
}

body {
  overflow-x: hidden !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.footer-importpro {
  position: fixed !important;
  bottom: 0 !important;
  left: 50%;
  transform: translateX(-50%);
}

.bg-importpro {
  background-color: #021128 !important;
}

.um-col-121 {
  width: 100% !important;
}

.um-field-label > label {
  display: none !important;
}

#more1,
#more2,
#more3,
#more4,
#more5,
#more6,
#more7,
#more8 {
  display: none;
}

#nav {
  z-index: 1000 !important;
}

#taxflight,
#vpn-modal,
#terms-modal,
#tribute-modal,
#esim-modal,
#purchase-modal,
#purchase-modal1,
#payment-modal {
  z-index: 9999 !important;
}

.container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.overflow-hidden-x {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.fs-7 {
  font-size: 0.8rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pb-6 {
  padding-bottom: 5.6rem !important;
}

.pb-7 {
  padding-bottom: 7.6rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pb-9 {
  padding-bottom: 11rem !important;
}

.border-styles {
  border-radius: 15px;
}

.img-srv-icon {
  max-height: 100px;
  display: inline-block;
}

.bg-image-section {
  background-repeat: no-repeat !important;
  background-size: 100%;
}

.bg-image-apple {
  background-repeat: no-repeat !important;
  background-size: 100%;
}

.border-none {
  border: none !important;
}

.text-justify {
  text-align: justify !important;
}

.mt-6 {
  margin-top: 1rem !important;
}

.fs-7 {
  font-size: 0.7rem;
}

@media (min-width: 768px) {
  .mt-6 {
    margin-top: 2rem !important;
  }
  .mt-7 {
    margin-top: 3rem !important;
  }
  .fs-7 {
    font-size: 0.85rem;
  }
}

@media (min-width: 992px) {
  .mt-6 {
    margin-top: 2rem !important;
  }
  .mt-7 {
    margin-top: 5rem !important;
  }
  .fs-7 {
    font-size: 1rem;
  }
}

.title-bigger {
  font-size: 3.2rem !important;
}

.stripe-sm {
  background-color: #0d6efd;
  width: 4rem;
  height: 2px;
}

.block-icon {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 100px;
  border: 2px solid #8f8f8f;
}

.insider-div {
  border-radius: 100px;
}

@media (max-width: 991.98px) {
  .img-sm-45 {
    width: 45px !important;
  }
  .img-sm-70 {
    width: 70px !important;
  }
  .img-sm-80 {
    width: 80px !important;
  }
  .img-sm-90 {
    width: 90px !important;
  }
  .img-sm-100 {
    width: 100px !important;
  }
  .img-sm-110 {
    width: 110px !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .img-lg-50 {
    width: 50px;
  }
  .img-lg-90 {
    width: 90px;
  }
  .img-lg-95 {
    width: 95px;
  }
  .img-lg-100 {
    width: 100px;
  }
  .img-lg-120 {
    width: 120px;
  }
  .img-lg-130 {
    width: 130px;
  }
  .w-lg-75 {
    width: 90% !important;
  }
}

.max-w-md-13rem {
  max-width: 6rem;
}

.max-w-11rem {
  max-width: 5rem;
}

.mt-n1 {
  margin-top: -2px;
}

.mb-6 {
  margin-bottom: 9rem !important;
}

#scrollspytutorial {
  position: relative !important;
  height: 449px !important;
  overflow-x: auto;
}

.card-service-icon {
  max-height: 107px;
  max-width: 142px;
  margin-top: -13px;
}

.card,
.list-group-item {
  position: static;
}

.color-teste {
  background: #323639;
  box-shadow: inset 0 4px 5px 0 rgba(0, 0, 0, 0.33);
}

.color-teste2 {
  background-color: #323639;
}

.fs-01 {
  font-size: 4rem;
}

.fs-02 {
  font-size: 3rem !important;
}

.fs-03 {
  font-size: 2.6rem !important;
}

.title-bar {
  background-color: #4d5359;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #0d6efd !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: white !important;
  background-color: #0d6efd !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent !important;
  isolation: none;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: none;
}

.bg-image-section1 {
  background-repeat: no-repeat !important;
  background-size: 100% 50%;
  background-color: #dee2e6;
  background-position: top;
}

@media (max-width: 991.98px) {
  .bg-image-section1 {
    background-image: url("../../assets/rectangle-radius2.png");
    background-repeat: no-repeat !important;
    background-size: 100% 20%;
    background-color: #dee2e6;
    background-position: top;
  }
}

.bg-storage-price {
  background-repeat: no-repeat !important;
  background-size: 100%;
}

.bg-storage-price-purple {
  background-repeat: no-repeat !important;
  background-size: 100%;
}

.bg-image-section2 {
  background-repeat: no-repeat !important;
  background-size: 50%;
  background-color: #212529;
  background-position: left top;
  background-attachment: fixed;
}

@media (max-width: 575.98px) {
  .bg-image-section2 {
    background-image: url("../../assets/rectangle-radius3.png");
    background-repeat: no-repeat !important;
    background-size: 70%;
    background-color: #212529;
    background-position: left top;
    background-attachment: fixed;
  }
}

.tab-content-height {
  height: 400px !important;
  overflow: scroll;
}

::-webkit-scrollbar {
  display: none;
}

.h-full {
  height: 400px !important;
}

.w-1px {
  width: 1px !important;
}

.dash-white {
  border-bottom: 2px solid #efefef;
}

hr.style1 {
  border-top: 2px solid #eeee;
}

.triangle-down-light {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 50px solid #f5f6f7;
}

.triangle-down-dark {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 50px solid #212529;
}

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.swal2-popup {
  z-index: 100000 !important;
}

@media (max-width: 1399.98px) {
  .bg-navbar {
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .bg-navbar {
    background-color: #f8f9fa !important;
    opacity: 0.98 !important;
  }
  .nav-link {
    color: #495057 !important;
  }
}

.nav-prim {
  margin-top: 0px !important;
  /* position: fixed !important; */
  width: 100% !important;
  height: 60px !important;
  transition: all 0.5s ease-in-out !important;
  z-index: 1000 !important;
}

.scroll {
  background-color: #212529 !important;
}

.um {
  opacity: 1 !important;
}

.um > div {
  opacity: 1 !important;
}