body {
  font: var(--porto-body-fst, normal) var(--porto-body-fw, 400) var(--porto-body-fs, 14px) / var(--porto-body-lh, 24px) var(--porto-body-ff), sans-serif !important;
  letter-spacing: var(--porto-body-ls, 0) !important;
  --porto-body-ff: "Poppins";
  line-height: 20px !important;
  font-family: "Poppins" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #444444 !important;
}

figcaption {
  font: var(--porto-body-fst, normal) var(--porto-body-fw, 400) var(--porto-body-fs, 14px) / var(--porto-body-lh, 24px) var(--porto-body-ff), sans-serif !important;
  letter-spacing: var(--porto-body-ls, 0) !important;
  --porto-body-ff: "Poppins" !important;
  line-height: 40px !important;
  font-family: "Poppins" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #444444 !important;
}

.badge {
  font-size: 13px !important;
  --bs-secondary-rgb: 28, 40, 54;
}

ul {
  line-height: 2px !important;
  font-family: "Poppins" !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #444444 !important;
}

li {
  line-height: 20px !important;
  font-family: "Poppins" !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #444444 !important;
}

h2 {
  line-height: 24px !important;
  font-family: "Poppins" !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #686868 !important;
  font: var(--porto-h2-fst, normal) var(--porto-h2-fw, 700) var(--porto-h2-fs, 2.2em) / var(--porto-h2-lh, 40px) var(--porto-h2-ff, var(--porto-body-ff)), sans-serif;
  color: var(--porto-h2-color, var(--porto-heading-color));
  letter-spacing: var(--porto-h2-ls, -0.05em);
  margin-bottom: 32px;
}

.btn-primary {
  --bs-btn-font-weight: 500;
  --bs-btn-bg: #cc171d;
  --bs-btn-border-color: #cc171d;
  --bs-btn-hover-bg: #cc171d;
  --bs-btn-hover-border-color: #cc171d;
  --bs-btn-active-bg: #cc171d;
  --bs-btn-active-border-color: #cc171d;
}

.btn-primary:hover {
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.btn-secondary {
  --bs-btn-font-weight: 500;
  --bs-btn-bg: #1c2836;
  --bs-btn-border-color: #1c2836;
  --bs-btn-hover-bg: #10171f;
  --bs-btn-hover-border-color: #10171f;
  --bs-btn-active-bg: #1c2836;
  --bs-btn-active-border-color: #050505;
}

.btn-secondary:hover {
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

a {
  text-decoration: unset;
}

.modal-backdrop {
  background-color: transparent !important;
}

.modal-content {
  border: 2px solid black !important;
}

#main-content-wrapper {
  margin-left: 65px;
  margin-right: 70px;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.125);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

@media (max-width: 1024px) {
  #main-content-wrapper {
    margin-left: 0px;
    margin-right: 0px;
  }
}

div#exampleModalToggle2 {
  overflow: hidden;
}

.text-bg-primary {
  color: #fff !important;
  background-color: rgb(26 225 239) !important;
}

.buttonShine {
  color: #fff !important;
  background-color: rgb(26 225 239) !important;
  transition: 0.3s !important;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: none;
}

.buttonShine:hover {
  box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.buttonShine:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100px;
  background-image: linear-gradient(
    120deg,
    rgba(239, 239, 239, 0) 30%,
    rgba(239, 239, 239, .5),
    rgba(239, 239, 239, 0) 70%
  );
  animation: shine 5s infinite linear;
}

@keyframes shine {
  0% {
    left: -100px;
  }

  20% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

#Section-1 .pt-section-1-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

#Section-1 .pt-section-1-col {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  width: 50% !important;
  padding-left: 12px;
  padding-right: 12px;
}

#Section-1 .powertank-range-image {
  max-width: 95%;
  height: auto;
}

@media (max-width: 640px) {
  #Section-1 .pt-section-1-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  #Section-1 .pt-section-1-image {
    margin-bottom: 1.5rem;
  }

  #Section-1 .powertank-range-image {
    max-width: 90%;
  }
}