a {
  text-decoration: none;
}

.header-img {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-image: url(/images/header.jpg);
  height: 50%;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.header-big {
  height: calc(100vh - 56px);
}

.header-download-container {
  padding: 10px 20px;
  backdrop-filter: blur(5px);
  border-radius: 10px;
}

section {
  margin: 70px 0;
}

h1,
h2 {
  margin-bottom: 1.5rem;
}

.dark-accent {
  background-color: var(--bs-dark);
  padding: 70px 0;
}

.dark-accent h5,
.dark-accent h2 {
  color: var(--bs-light);
}

.link_icon {
  width: 15px;
  margin-right: 5px;
  margin-bottom: 3px;
}

footer {
  border-top: 1px solid #eee;
}

footer p {
  font-family: Arial;
}

:root {
  --patreon-color: rgb(249, 104, 84);
  --patreon-hover-color: hsl(7, 94%, 45%);
}

.text-patreon {
  color: var(--patreon-color);
}

.bg-patreon {
  background-color: var(--patreon-color);
}

.btn-patreon {
  color: #fff;
  background-color: var(--patreon-color);
  border-color: var(--patreon-color);
}

.btn-patreon:hover {
  color: #fff;
  background-color: var(--patreon-hover-color);
  border-color: var(--patreon-hover-color);
}

.btn-boosty {
  background-color: #F15F2C;
  color: #fff;
  border-color: #F15F2C;
}

.btn-subscribestar {
  background-color: #009688;
  color: #fff;
  border-color: #009688;
}

.backdrop-blur {
  backdrop-filter: blur(10px);
}

.char {
  position: absolute;
  top: 0;
  background-size: cover;
  aspect-ratio: 1 / 2;
  width: 465px;
}

@media (min-width: 1920px) {
  .header-big .char {
    top: auto;
    bottom: 0;
  }
}

.char-left {
  left: 0;
}

.char-right {
  right: 0;
}

.char-ino {
  background-image: url(/images/ino.png);
}

.char-sakura {
  background-image: url(/images/sakura.png);
}

.support-container {
  position: relative;
}

.support-carousel-container {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: start;
  overflow-x: auto;
  scroll-behavior: auto;
  gap: 16px;
  padding: 17px;

  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.support-carousel-container::-webkit-scrollbar {
  display: none;
}

.carousel-controls {
  filter: invert(1) grayscale(100);
  background-color: transparent;
  border: none;
}

.carousel-controls.scroll_back {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.carousel-controls.scroll_forward {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}

.priceListItem {
  width: calc(33.3333% - 10.6667px);
  flex: 1 0 auto;
  min-width: 250px;
  scroll-snap-align: center;
}

.pricingTable a {
  text-decoration: none;
}

.pricingTable {
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px #ababab;
  padding-bottom: 40px;
  border-radius: 10px;
  color: #cad0de;
  transform: scale(1);
  transition: all .5s ease 0s;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pricingTable:hover {
  transform: scale(1.05);
  z-index: 1;
}


@media screen and (max-width:991px) {
  .priceListItem {
    width: calc(50% - 7px);
  }
}

@media screen and (max-width:576px) {
  .priceListItem {
    width: 100%;
  }
}

.pricingTable .pricingTable-header {
  padding: 40px 0;
  background: #f5f6f9;
  border-radius: 10px 10px 50% 50%;
  transition: all .5s ease 0s;
}

.pricingTable:hover .pricingTable-header {
  background: var(--main-color);
}

.pricingTable .pricingTable-header i {
  font-size: 50px;
  color: #858c9a;
  margin-bottom: 10px;
  transition: all .5s ease 0s;
}

.pricingTable .price-value {
  font-size: 35px;
  color: var(--main-color);
  transition: all .5s ease 0s;
}

.pricingTable .month {
  display: block;
  font-size: 14px;
  color: #cad0de;
}

.pricingTable:hover .month,
.pricingTable:hover .price-value,
.pricingTable:hover .pricingTable-header .heading {
  color: #fff;
}

.pricingTable .heading {
  font-size: 24px;
  color: var(--main-color);
  margin-bottom: 20px;
  text-transform: uppercase;
}

.pricingTable .pricing-content ul {
  margin-bottom: 30px;
  text-align: left;
}

.pricingTable .pricing-content ul li {
  margin: 6px 0;
  color: #a7a8aa;
  padding: 0 14px;
}

.pricingTable .pricingDetails {
  color: var(--main-color);
}

.pricingTable .pricingTable-signup {
  margin-top: auto;
}

.pricingTable .pricingTable-signup a {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  padding: 10px 35px;
  border-radius: 20px;
  background: var(--main-color);
  text-transform: uppercase;
  transition: all .3s ease 0s;
}

.pricingTable .pricingTable-signup a:hover {
  box-shadow: 0 0 10px var(--main-color);
}

.pricingTable.blue {
  --main-color: #4b64ff;
}

.pricingTable.red {
  --main-color: #ff4b4b;
}

.pricingTable.green {
  --main-color: #40c952;
}

.pricingTable.orange {
  --main-color: #ff9624;
}

.pricingTable.cyan {
  --main-color: #10b4e5;
}

.pricingTable.keppel {
  --main-color: #34b9a0;
}

.pricingTable.purple {
  --main-color: #e34bff;
}