body {
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: var(--font-family);
  font-size: calc(var(--font-sm) - 1px);
  font-weight: 400;
  min-height: 100vh;
}

a {
  text-decoration: none;
}

.ldAn {
  -webkit-animation: ldAn 1s forwards;
          animation: ldAn 1s forwards;
}

@-webkit-keyframes ldAn {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes ldAn {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

:root {
  --background-color: #070707;
  --text-color: #fff;
  --font-family: "Sora";
  --premium-color: 43, 148, 207;
  --default-color: 23, 193, 112;
  --basic-color: 217, 176, 33;
  --theme-color: 43, 148, 207;
  --hero-bg-color: var(--theme-color);
  --theme-color2: 43, 148, 207;
  --theme-color3: 45, 6, 108;
  --review-star-color: 217, 177, 33;
  --review-star-color-opacity: 0.8;
  --swiper-pagination-color: rgba(var(--theme-color), 0.5);
  --swiper-pagination-bullet-inactive-color: rgba(var(--theme-color), 1);
  --swiper-pagination-bullet-inactive-opacity: 0.3;
}

@media (max-width: 991.98px) {
  :root {
    --layout-margin: 10px;
    --font-xxl: 1.802rem;
    --font-xl: 1.602rem;
    --font-lg: 1.424rem;
    --font-md: 1.266rem;
    --font-sm: 1.125rem;
    --font-xs: 1rem;
    --font-xxs: 0.889rem;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  :root {
    --layout-margin: 14px;
    --font-xxl: 2rem;
    --font-xl: 1.875rem;
    --font-lg: 1.728rem;
    --font-md: 1.44rem;
    --font-sm: 1.2rem;
    --font-xs: 1rem;
    --font-xxs: 0.833rem;
  }
}

@media (min-width: 1200px) {
  :root {
    --layout-margin: 16px;
    --font-xxl: 2.1rem;
    --font-xl: 1.95rem;
    --font-lg: 1.85rem;
    --font-md: 1.4375rem;
    --font-sm: 1.25rem;
    --font-xs: 1rem;
    --font-xxs: 0.85rem;
  }
}

.rounded-4 {
  border-radius: 10px !important;
}

.rounded-5 {
  border-radius: 15px !important;
}

.p-ly {
  padding: var(--layout-margin);
}

.pb-ly {
  padding-bottom: var(--layout-margin);
}

.pt-ly {
  padding-top: var(--layout-margin);
}

.ps-ly {
  -webkit-padding-start: var(--layout-margin);
          padding-inline-start: var(--layout-margin);
}

.pe-ly {
  -webkit-padding-end: var(--layout-margin);
          padding-inline-end: var(--layout-margin);
}

.p-ly-2x {
  padding: calc(var(--layout-margin) * 2);
}

.pb-ly-2x {
  padding-bottom: calc(var(--layout-margin) * 2);
}

.pt-ly-2x {
  padding-top: calc(var(--layout-margin) * 2);
}

.ps-ly-2x {
  -webkit-padding-start: calc(var(--layout-margin) * 2);
          padding-inline-start: calc(var(--layout-margin) * 2);
}

.pe-ly-2x {
  -webkit-padding-end: calc(var(--layout-margin) * 2);
          padding-inline-end: calc(var(--layout-margin) * 2);
}

.m-ly {
  margin: var(--layout-margin);
}

.mb-ly {
  margin-bottom: var(--layout-margin);
}

.mt-ly {
  margin-top: var(--layout-margin);
}

.ms-ly {
  -webkit-margin-start: var(--layout-margin);
          margin-inline-start: var(--layout-margin);
}

.me-ly {
  -webkit-margin-end: var(--layout-margin);
          margin-inline-end: var(--layout-margin);
}

.m-ly-2x {
  margin: calc(var(--layout-margin) * 2);
}

.mb-ly-2x {
  margin-bottom: calc(var(--layout-margin) * 2);
}

.mt-ly-2x {
  margin-top: calc(var(--layout-margin) * 2);
}

.ms-ly-2x {
  -webkit-margin-start: calc(var(--layout-margin) * 2);
          margin-inline-start: calc(var(--layout-margin) * 2);
}

.me-ly-2x {
  -webkit-margin-end: calc(var(--layout-margin) * 2);
          margin-inline-end: calc(var(--layout-margin) * 2);
}

/* Sora-100 - Thin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Sora-Thin.ttf");
}

/* Sora-200 - ExtraLight */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Sora-ExtraLight.ttf");
}

/* Sora-300 - Light */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Sora-Light.ttf");
}

/* Sora-regular - Regular */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Sora-Regular.ttf");
}

/* Sora-500 - Medium */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Sora-Medium.ttf");
}

/* Sora-700 - SemiBold */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Sora-SemiBold.ttf");
}

/* Sora-800 - Bold */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Sora-Bold.ttf");
}

/* Sora-600 - ExtraBold */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Sora-ExtraBold.ttf");
}

/* Components */
.container-header {
  padding-bottom: 100px;
}

@media (max-width: 991.98px) {
  .container-header {
    max-width: 370px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-header {
    max-width: 863px;
  }
}

@media (min-width: 1200px) {
  .container-header {
    max-width: 863px;
  }
}

.neonight-header {
  --header-appear-s: 1s;
  -webkit-animation: headerAppear var(--header-appear-s) forwards;
          animation: headerAppear var(--header-appear-s) forwards;
  background-color: var(--background-color);
  border-bottom: 1px solid #212121;
  position: fixed;
  z-index: 100;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
  left: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.neonight-header .wrapper {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  max-width: 863px;
  margin: 0 auto;
}

.neonight-header .wrapper .logo {
  width: 150px;
  height: 40px;
  background-image: url("../../app/images/Logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

.neonight-header .wrapper .side-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.neonight-header .wrapper .side-2 .menu-button {
  position: relative;
  z-index: 100;
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  width: 1.9rem;
  text-align: center;
}

@media (min-width: 992px) {
  .neonight-header .wrapper .side-2 .menu-button {
    display: none;
  }
}

.neonight-header .wrapper .side-2 .menu-button .bi-list {
  display: block;
  font-size: 1.9rem;
}

.neonight-header .wrapper .side-2 .menu-button .bi-x-lg {
  display: none;
  font-size: 1.5rem;
}

@media (max-width: 991.98px) {
  .neonight-header .wrapper .side-2 .desktop-list {
    display: none;
  }
}

.neonight-header .wrapper .side-2 .desktop-list .link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.neonight-header .wrapper .side-2 .desktop-list .link-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
  color: white;
  font-size: var(--font-sm);
  font-weight: 300;
}

.neonight-header .wrapper .side-2 .desktop-list .link-list .list-item::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: white;
  position: relative;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}

.neonight-header .wrapper .side-2 .desktop-list .link-list .list-item.drp::after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: white;
  position: relative;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
}

.neonight-header .wrapper .side-2 .desktop-list .link-list .list-item:last-child::before {
  display: none;
}

.neonight-header .wrapper .side-2 .desktop-list .link-list .list-item:last-child::after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: white;
  position: relative;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
}

.neonight-header .wrapper .side-2 .desktop-list .link-list .list-item:hover {
  opacity: .8;
}

.neonight-header .wrapper .side-2 .profile-button {
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
}

@media (max-width: 991.98px) {
  .neonight-header .wrapper .side-2 .profile-button {
    -webkit-margin-start: 8px;
            margin-inline-start: 8px;
  }
}

.neonight-header .wrapper .side-2 .profile-button i {
  font-size: 1.7rem;
}

@media (max-width: 991.98px) {
  .neonight-header .wrapper .side-2 .profile-button i {
    font-size: 1.5rem;
  }
}

.neonight-header.mobileMenuOpen {
  border-radius: 16px;
}

.neonight-header.mobileMenuOpen .mobile-menu {
  display: block;
}

.neonight-header.mobileMenuOpen .wrapper .side-2 .menu-button .bi-list {
  display: none;
}

.neonight-header.mobileMenuOpen .wrapper .side-2 .menu-button .bi-x-lg {
  display: block;
}

.neonight-header.profileMenuOpen .profile-menu {
  display: block;
}

.neonight-header.listMenuOpen .desktop-menu {
  display: block;
}

.neonight-header .mobile-menu {
  display: none;
  padding: 0 20px 20px;
}

.neonight-header .mobile-menu .menu-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background-color: rgba(29, 29, 29, 0.868);
  border-radius: 16px;
}

.neonight-header .mobile-menu .menu-links .list-item {
  width: 100%;
  color: white;
  font-size: var(--font-sm);
  font-weight: 400;
  border-bottom: 1px solid black;
  padding: 12px 16px;
}

.neonight-header .mobile-menu .menu-links .list-item:last-of-type {
  border-bottom: none;
}

.neonight-header .mobile-menu .menu-links .list-item i {
  -webkit-margin-end: 7px;
          margin-inline-end: 7px;
  opacity: 0.7;
}

.neonight-header .mobile-menu .menu-links .list-item:hover {
  opacity: .8;
  background-color: rgba(45, 45, 45, 0.419);
}

.neonight-header .profile-menu {
  position: absolute;
  z-index: 100;
  top: 80px;
  right: 0;
  display: none;
  padding: 0 20px 20px;
}

.neonight-header .profile-menu .menu-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
  background-color: rgba(56, 56, 56, 0.868);
  border-radius: 16px 0 16px 16px;
  -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.533);
          box-shadow: -5px 0 10px rgba(0, 0, 0, 0.533);
}

.neonight-header .profile-menu .menu-links .list-item {
  width: 100%;
  color: white;
  text-align: end;
  font-size: var(--font-sm);
  font-weight: 400;
  border-bottom: 1px solid black;
  padding: 12px 16px;
}

.neonight-header .profile-menu .menu-links .list-item.danger {
  width: 100%;
  background-color: rgba(221, 54, 54, 0.868);
  color: white;
  text-align: end;
}

.neonight-header .profile-menu .menu-links .list-item.danger:hover {
  opacity: .8;
  background-color: rgba(237, 36, 36, 0.822);
}

.neonight-header .profile-menu .menu-links .list-item:last-of-type {
  border-bottom: none;
}

.neonight-header .profile-menu .menu-links .list-item i {
  -webkit-margin-start: 7px;
          margin-inline-start: 7px;
  opacity: 0.7;
}

.neonight-header .profile-menu .menu-links .list-item:hover {
  opacity: .8;
  background-color: rgba(45, 45, 45, 0.419);
}

.neonight-header .desktop-menu {
  position: absolute;
  z-index: 100;
  top: 80px;
  right: 170px;
  display: none;
  padding: 0 20px 20px;
}

.neonight-header .desktop-menu .menu-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
  background-color: rgba(56, 56, 56, 0.868);
  border-radius: 16px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.533);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.533);
}

.neonight-header .desktop-menu .menu-links .list-item {
  width: 100%;
  color: white;
  font-size: var(--font-sm);
  font-weight: 400;
  border-bottom: 1px solid black;
  padding: 12px 16px;
}

.neonight-header .desktop-menu .menu-links .list-item.danger {
  width: 100%;
  background-color: rgba(221, 54, 54, 0.868);
  color: white;
}

.neonight-header .desktop-menu .menu-links .list-item.danger:hover {
  opacity: .8;
  background-color: rgba(237, 36, 36, 0.822);
}

.neonight-header .desktop-menu .menu-links .list-item:last-of-type {
  border-bottom: none;
}

.neonight-header .desktop-menu .menu-links .list-item i {
  -webkit-margin-end: 7px;
          margin-inline-end: 7px;
  opacity: 0.7;
}

.neonight-header .desktop-menu .menu-links .list-item:hover {
  opacity: .8;
  background-color: rgba(45, 45, 45, 0.419);
}

.neonight-header .language-changer {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.neonight-header .language-changer span {
  font-size: 14px;
  -webkit-margin-end: 3px;
          margin-inline-end: 3px;
}

@media (max-width: 991.98px) {
  .neonight-header .language-changer i {
    font-size: 1.1rem;
  }
}

.neonight-header .language-changer i {
  font-size: 1.3rem;
}

@-webkit-keyframes headerAppear {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes headerAppear {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

[dir="rtl"] .container-header .neonight-header .profile-menu {
  left: 0;
  right: unset;
}

[dir="rtl"] .container-header .neonight-header .profile-menu .menu-links {
  border-radius: 0 16px 16px 16px;
}

[dir="rtl"] .container-header .neonight-header .desktop-menu {
  left: 160px;
  right: unset;
}

[dir="rtl"] .container-header .neonight-header .wrapper .logo {
  background-position: right;
}

.container-newsbar {
  --header-appear-s: 1.1s;
  -webkit-animation: headerAppear var(--header-appear-s) forwards;
          animation: headerAppear var(--header-appear-s) forwards;
  max-width: 863px;
}

.container-newsbar .newsbar {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: rgba(var(--theme-color), 0.04);
  border-radius: 20px;
  direction: ltr;
}
.container-newsbar .newsbar marquee {
  width: 100%;
}

.container-newsbar .newsbar::before {
  content: '';
  display: block;
  position: relative;
  z-index: 10;
  width: 4px;
  height: calc(100% - 20px);
  border-radius: 100px;
  background-color: rgba(var(--theme-color), 1);
  -webkit-box-shadow: 4px 0 10px rgba(var(--theme-color), 1), 6px 0 8px 3px #070707;
          box-shadow: 4px 0 10px rgba(var(--theme-color), 1), 6px 0 8px 3px #070707;
}

.container-newsbar .newsbar::after {
  content: '';
  display: block;
  position: relative;
  z-index: 10;
  width: 4px;
  height: calc(100% - 20px);
  background-color: rgba(var(--theme-color), 1);
  border-radius: 100px;
  -webkit-box-shadow: -4px 0 10px rgba(var(--theme-color), 1), -6px 0 8px 3px #070707;
          box-shadow: -4px 0 10px rgba(var(--theme-color), 1), -6px 0 8px 3px #070707;
}

.container-hero {
  height: 30vh;
  position: relative !important;
  z-index: -1;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media (max-width: 991.98px) {
  .container-hero {
    height: 250px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-hero {
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .container-hero {
    height: 280px;
  }
}

.container-hero .brand-wrapper {
  height: 100%;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  position: absolute;
  z-index: 10;
  bottom: 0;
  padding: 20px 0;
}

@media (max-width: 991.98px) {
  .container-hero .brand-wrapper {
    padding: 10px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-hero .brand-wrapper {
    padding: 40px 0;
  }
}

@media (min-width: 1200px) {
  .container-hero .brand-wrapper {
    padding: 40px 0;
  }
}

.container-hero .brand-wrapper .logo {
  width: 100%;
  max-width: 200px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.container-hero .brand-wrapper .name {
  font-size: var(--font-lg);
  line-height: 1;
}

.container-hero .background-animation {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.container-hero .background-animation .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-hero .background-animation .wrapper .rows {
  margin: 2px 0;
}

.container-hero .background-animation .wrapper .rows #bg-box {
  opacity: 0;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  padding: 5px;
  margin: 0;
  z-index: 1 !important;
}

@media (min-width: 992px) {
  .container-hero .background-animation .wrapper .rows #bg-box {
    padding: 0;
    margin: 5px;
  }
}

.container-hero .background-animation .wrapper .rows #bg-box rect {
  fill: rgba(var(--hero-bg-color), 0.5);
}

.container-slideshow {
  display: none;
  margin-top: calc(var(--layout-margin) * 3);
  margin-bottom: calc(var(--layout-margin) * 3);
}

.container-slideshow .slideshowSwiper {
  padding: 20px 0;
  max-width: 370px;
}

@media (max-width: 991.98px) {
  .container-slideshow .slideshowSwiper {
    max-width: 370px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-slideshow .slideshowSwiper {
    max-width: 863px;
  }
}

@media (min-width: 1200px) {
  .container-slideshow .slideshowSwiper {
    max-width: 863px;
  }
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 26px;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .image-wrapper {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .image-wrapper .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 344px;
  height: 194px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-radius: 22px;
}

@media (min-width: 992px) {
  .container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .image-wrapper .image {
    width: 374px;
    height: 212px;
  }
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .image-wrapper .image .image-bg {
  content: '';
  position: absolute;
  z-index: -1;
  width: 110%;
  height: 110%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: blur(10px) brightness(0.5);
          filter: blur(10px) brightness(0.5);
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: start;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  padding: 12px;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .bottom::before {
  content: '';
  width: 100%;
  height: 100%;
  -webkit-margin-start: -12px;
          margin-inline-start: -12px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent));
  background: linear-gradient(to top, black, transparent);
  -webkit-filter: blur(3px);
          filter: blur(3px);
  border-radius: 20px;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .bottom .header {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: var(--font-md);
  font-weight: 700;
  z-index: 2;
  color: white;
}

.container-slideshow .slideshowSwiper .swiper-wrapper .swiper-slide .slideshow-card .wrapper .bottom .description {
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: var(--font-xs);
  opacity: .5;
  z-index: 2;
  color: white;
}

.container-subscriptionlogin {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  direction: ltr;
}

.container-subscriptionlogin .ios-login {
  background: radial-gradient(64.93% 50% at 50% 100%, rgba(22, 146, 236, 0.8) 0%, rgba(0, 0, 0, 0) 100%), rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(22, 146, 236, 0.12), inset 0px 8px 17px -8px rgba(22, 146, 236, 0.14);
          box-shadow: inset 0px 0px 2px 1px rgba(22, 146, 236, 0.12), inset 0px 8px 17px -8px rgba(22, 146, 236, 0.14);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 26px;
  width: 350px;
  position: relative;
  z-index: 1 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: var(--layout-margin);
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .ios-login {
    width: 350px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionlogin .ios-login {
    width: 400px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionlogin .ios-login {
    width: 400px;
  }
}

.container-subscriptionlogin .ios-login::before {
  content: '';
  display: inline-block;
  width: 80%;
  height: 4px;
  position: absolute;
  z-index: -1 !important;
  bottom: -4px;
  background-color: #97D3FF;
  border-radius: 0 0 74px 74px;
}

.container-subscriptionlogin .ios-login .outside {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: calc(var(--layout-margin) * 1.8);
  direction: ltr;
}

.container-subscriptionlogin .ios-login .outside::before {
  content: '';
  display: inline-block;
  width: 80%;
  height: 4px;
  position: absolute;
  bottom: 0;
  -webkit-margin-start: 17px;
          margin-inline-start: 17px;
  background-color: #97D3FF;
  border-radius: 74px 74px 0 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .ios-login .outside::before {
    -webkit-margin-start: 17px;
            margin-inline-start: 17px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionlogin .ios-login .outside::before {
    -webkit-margin-start: 15px;
            margin-inline-start: 15px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionlogin .ios-login .outside::before {
    -webkit-margin-start: 11px;
            margin-inline-start: 11px;
  }
}

.container-subscriptionlogin .ios-login .outside .icon {
  height: 100%;
  min-width: 100px;
  -webkit-margin-start: -80px;
          margin-inline-start: -80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .ios-login .outside .icon {
    min-width: 108px;
    -webkit-margin-start: -36px;
            margin-inline-start: -36px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionlogin .ios-login .outside .icon {
    min-width: 130px;
    -webkit-margin-start: -55px;
            margin-inline-start: -55px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionlogin .ios-login .outside .icon {
    min-width: 133px;
    -webkit-margin-start: calc(0px - var(--layout-margin) * 1.8 - 30px);
            margin-inline-start: calc(0px - var(--layout-margin) * 1.8 - 30px);
  }
}

.container-subscriptionlogin .ios-login .outside .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-margin-start: calc(var(--layout-margin) * 1.8);
          margin-inline-start: calc(var(--layout-margin) * 1.8);
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .ios-login .outside .wrapper {
    -webkit-margin-start: calc(var(--layout-margin) * 1.8 + 5px);
            margin-inline-start: calc(var(--layout-margin) * 1.8 + 5px);
  }
}

.container-subscriptionlogin .ios-login .outside .wrapper .header {
  font-size: var(--font-lg);
  font-weight: 500;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  line-height: 1;
}

.container-subscriptionlogin .ios-login .outside .wrapper .header span {
  opacity: .6;
  font-size: calc(var(--font-lg) / 1.2);
  font-weight: 400;
}

.container-subscriptionlogin .ios-login .outside .wrapper .buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: var(--layout-margin);
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .ios-login .outside .wrapper .buttons {
    margin-top: 15px;
  }
}

.container-subscriptionlogin .ios-login .outside .wrapper .buttons .login-button {
  color: #000;
  background-color: white;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
}

.container-subscriptionlogin .ios-login .outside .wrapper .buttons .login-button span {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
}

.container-subscriptionlogin .ios-login .outside .wrapper .buttons .packages-button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  color: white;
  background-color: rgba(255, 255, 255, 0.22);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border-radius: 6px;
  margin-top: 8px;
}

.container-subscriptionlogin .ios-login .outside .wrapper .buttons .packages-button span {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
}

.container-subscriptionlogin .android-login {
  background: radial-gradient(64.93% 50% at 50% 100%, rgba(155, 236, 22, 0.8) 0%, rgba(0, 0, 0, 0) 100%), rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: inset 0px 4px 12px 1px rgba(180, 236, 22, 0.05), inset 0px 0px 2px 1px rgba(180, 236, 22, 0.12), inset 0px 8px 17px -8px rgba(22, 146, 236, 0.14);
          box-shadow: inset 0px 4px 12px 1px rgba(180, 236, 22, 0.05), inset 0px 0px 2px 1px rgba(180, 236, 22, 0.12), inset 0px 8px 17px -8px rgba(22, 146, 236, 0.14);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 26px;
  width: 350px;
  position: relative;
  z-index: 1 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: var(--layout-margin);
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .android-login {
    width: 350px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionlogin .android-login {
    width: 400px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionlogin .android-login {
    width: 400px;
  }
}

.container-subscriptionlogin .android-login::before {
  content: '';
  display: inline-block;
  width: 80%;
  height: 4px;
  position: absolute;
  z-index: -1 !important;
  bottom: -4px;
  background-color: #B2FF97;
  border-radius: 0 0 74px 74px;
}

.container-subscriptionlogin .android-login .outside {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: calc(var(--layout-margin) * 1.8);
}

.container-subscriptionlogin .android-login .outside::before {
  content: '';
  display: inline-block;
  width: 80%;
  height: 4px;
  position: absolute;
  bottom: 0;
  -webkit-margin-end: 17px;
          margin-inline-end: 17px;
  background-color: #B2FF97;
  border-radius: 74px 74px 0 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .android-login .outside::before {
    -webkit-margin-end: 17px;
            margin-inline-end: 17px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionlogin .android-login .outside::before {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionlogin .android-login .outside::before {
    -webkit-margin-end: 11px;
            margin-inline-end: 11px;
  }
}

.container-subscriptionlogin .android-login .outside .icon {
  height: 100%;
  min-width: 100px;
  -webkit-margin-end: -80px;
          margin-inline-end: -80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .android-login .outside .icon {
    min-width: 108px;
    -webkit-margin-end: -28px;
            margin-inline-end: -28px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionlogin .android-login .outside .icon {
    min-width: 130px;
    -webkit-margin-end: -30px;
            margin-inline-end: -30px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionlogin .android-login .outside .icon {
    min-width: 133px;
    -webkit-margin-end: calc(0px - var(--layout-margin) * 1.8 - 20px);
            margin-inline-end: calc(0px - var(--layout-margin) * 1.8 - 20px);
  }
}

.container-subscriptionlogin .android-login .outside .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-margin-end: calc(var(--layout-margin) * 1.8);
          margin-inline-end: calc(var(--layout-margin) * 1.8);
}

@media (max-width: 991.98px) {
  .container-subscriptionlogin .android-login .outside .wrapper {
    -webkit-margin-end: calc(var(--layout-margin) * 1.8 + 5px);
            margin-inline-end: calc(var(--layout-margin) * 1.8 + 5px);
  }
}

.container-subscriptionlogin .android-login .outside .wrapper .header {
  font-size: var(--font-lg);
  font-weight: 500;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  line-height: 1;
}

.container-subscriptionlogin .android-login .outside .wrapper .header span {
  opacity: .6;
  font-size: calc(var(--font-lg) / 1.2);
  font-weight: 400;
}

.container-subscriptionlogin .android-login .outside .wrapper .buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: var(--layout-margin);
}

.container-subscriptionlogin .android-login .outside .wrapper .buttons .login-button {
  color: #000;
  background-color: white;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
}

.container-subscriptionlogin .android-login .outside .wrapper .buttons .login-button span {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
}

.container-subscriptionlogin .android-login .outside .wrapper .buttons .packages-button {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 8px;
  color: white;
  background-color: rgba(255, 255, 255, 0.22);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  border-radius: 6px;
  margin-top: 8px;
}

.container-subscriptionlogin .android-login .outside .wrapper .buttons .packages-button span {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
}

.container-productcards {
  padding: 50px 0;
  text-align: center;
}

.container-productcards .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: calc(800px + var(--layout-margin) * 2);
  margin: 0 auto;
}

.container-productcards .layout .product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 170px;
  margin: calc(var(--layout-margin) * 1.5) calc(var(--layout-margin) / 2);
}

@media (max-width: 375px) {
  .container-productcards .layout .product-card {
    max-width: 150px;
    margin: calc(var(--layout-margin) * 1) calc(var(--layout-margin) / 3);
  }
}

@media (min-width: 375.98px) and (max-width: 991.98px) {
  .container-productcards .layout .product-card {
    max-width: 170px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-productcards .layout .product-card {
    max-width: 170px;
    margin: calc(var(--layout-margin) * 1) calc(var(--layout-margin) / .8);
  }
}

@media (min-width: 1200px) {
  .container-productcards .layout .product-card {
    max-width: 170px;
    margin: calc(var(--layout-margin) * 1) calc(var(--layout-margin) / .8);
  }
}

.container-productcards .layout .product-card .image {
  width: 140px;
  height: 140px;
  background-size: cover;
  border-radius: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

@media (max-width: 375px) {
  .container-productcards .layout .product-card .image {
    width: 120px;
    height: 120px;
    border-radius: 22%;
  }
}

.container-productcards .layout .product-card .image::after {
  content: '';
  width: 64%;
  height: 6px;
  position: absolute;
  z-index: -10;
  bottom: -8px;
  border-radius: 200px;
  background-color: rgba(var(--theme-color), 1);
}

@media (max-width: 375px) {
  .container-productcards .layout .product-card .image::after {
    bottom: -7px;
  }
}

.container-productcards .layout .product-card .image::before {
  content: '';
  width: 150px;
  height: 150px;
  display: inline-block;
  position: absolute;
  z-index: -1;
  background: radial-gradient(58.12% 58.12% at 50% 76.88%, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color), 0) 100%), rgba(255, 255, 255, 0.06);
  -webkit-box-shadow: inset 0px 2px 4px rgba(var(--theme-color), 0.31), inset 0px 2px 4px rgba(255, 255, 255, 0.25), inset 0px 1px 4px rgba(255, 255, 255, 0.25);
          box-shadow: inset 0px 2px 4px rgba(var(--theme-color), 0.31), inset 0px 2px 4px rgba(255, 255, 255, 0.25), inset 0px 1px 4px rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(18px);
          backdrop-filter: blur(18px);
  border-radius: 29px;
}

@media (max-width: 375px) {
  .container-productcards .layout .product-card .image::before {
    width: 128px;
    height: 128px;
    border-radius: 22%;
  }
}

.container-productcards .layout .product-card .name {
  margin: calc(var(--layout-margin) * 1.3) 0 var(--layout-margin);
  font-size: var(--font-md);
  text-align: center;
  line-height: 1.1;
  min-width: 170px;
  max-width: 170px;
}

@media (max-width: 991.98px) {
  .container-productcards .layout .product-card .name {
    min-width: 170px;
    max-width: 170px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-productcards .layout .product-card .name {
    min-width: 182px;
    max-width: 182px;
  }
}

@media (min-width: 1200px) {
  .container-productcards .layout .product-card .name {
    min-width: 184px;
    max-width: 184px;
  }
}

.container-productcards .layout .product-card .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px 9px;
  color: white;
  background: radial-gradient(52.82% 150% at 49.62% 150%, rgba(var(--theme-color), 1) 0%, rgba(var(--theme-color), 0.2) 100%), rgba(255, 255, 255, 0.04);
  -webkit-box-shadow: inset 0px 3px 4px rgba(var(--theme-color), 0.12), inset 0px 2px 4px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0px 3px 4px rgba(var(--theme-color), 0.12), inset 0px 2px 4px rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 12px;
}

.container-productcards .layout .product-card .button * {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.container-productcards .layout .product-card .button i {
  opacity: 0;
  -webkit-margin-start: -10px;
          margin-inline-start: -10px;
}

.container-productcards .layout .product-card .button span {
  -webkit-margin-end: -10px;
          margin-inline-end: -10px;
}

.container-productcards .layout .product-card .button:hover i {
  opacity: 1;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.container-productcards .layout .product-card .button:hover span {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.container-subscriptionpackages {
  padding: 40px 0;
}

.container-subscriptionpackages .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-subscriptionpackages .layout .package-card {
  width: 350px;
  margin: var(--layout-margin);
  position: relative;
}

@media (max-width: 991.98px) {
  .container-subscriptionpackages .layout .package-card {
    width: 350px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-subscriptionpackages .layout .package-card {
    width: 400px;
  }
}

@media (min-width: 1200px) {
  .container-subscriptionpackages .layout .package-card {
    width: 400px;
  }
}

.container-subscriptionpackages .layout .package-card .name {
  font-size: calc(var(--font-xxl) * 1.15);
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}

.container-subscriptionpackages .layout .package-card .box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 42px;
  padding: 35px;
}

.container-subscriptionpackages .layout .package-card .box-wrapper #premium-badge {
  position: absolute;
  top: -12px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-margin-end: -46px;
          margin-inline-end: -46px;
}

.container-subscriptionpackages .layout .package-card .box-wrapper::before {
  content: '';
  width: 72%;
  height: 5px;
  position: absolute;
  z-index: -5;
  top: -5px;
  border-radius: 200px 200px 0 0;
}

.container-subscriptionpackages .layout .package-card .box-wrapper::after {
  content: '';
  width: 72%;
  height: 5px;
  position: absolute;
  z-index: -5;
  top: 0;
  border-radius: 0 0 200px 200px;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.container-subscriptionpackages .layout .package-card .box-wrapper .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .details .price {
  font-family: "Sora";
  font-size: calc(var(--font-xxl) * 1.9);
  font-weight: 800;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .details .currency {
  letter-spacing: -0.025em;
  text-shadow: 0px 0px 20px #000000, 0px -2px 16px rgba(0, 0, 0, 0.3), 0px -2px 15px rgba(0, 0, 0, 0.55), 0px -1px 13px rgba(0, 0, 0, 0.75), 0px -4px 10px rgba(0, 0, 0, 0.94);
  font-size: var(--font-md);
  font-weight: 600;
  margin-top: -25px;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .details .period {
  opacity: .6;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .features {
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
  padding: 30px 0;
  margin: 0;
  list-style: none;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .features .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 10px;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .features .list-item span {
  font-size: calc(var(--font-xs) + 2px);
}

.container-subscriptionpackages .layout .package-card .box-wrapper .features .list-item #list-icon {
  min-width: 15px;
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .features .list-item:last-of-type {
  margin-bottom: 0;
}

.container-subscriptionpackages .layout .package-card .box-wrapper .button {
  width: 100%;
  display: block;
  padding: 12px 10px;
  text-align: center;
  font-size: var(--font-md);
  font-weight: 500;
  color: white;
  background-color: rgba(85, 172, 238, 0.25);
  border-radius: 16px;
  -webkit-transition: background-color 300ms ease-in-out;
  transition: background-color 300ms ease-in-out;
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper {
  background: radial-gradient(71.46% 49.27% at 50% -12.47%, rgba(var(--premium-color), 0.3) 0%, rgba(var(--premium-color), 0) 100%), rgba(var(--premium-color), 0.05);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(var(--premium-color), 0.12), inset 0px 8px 17px -8px rgba(var(--premium-color), 0.14);
          box-shadow: inset 0px 0px 2px 1px rgba(var(--premium-color), 0.12), inset 0px 8px 17px -8px rgba(var(--premium-color), 0.14);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper::before {
  background-color: rgba(var(--premium-color), 1);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper::after {
  background-color: rgba(var(--premium-color), 1);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper .details .currency {
  color: rgba(var(--premium-color), 1);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper .features {
  border-top: 1.5px solid rgba(var(--premium-color), 0.3);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper .features .list-item #list-icon #p1, .container-subscriptionpackages .layout .package-card.premium .box-wrapper .features .list-item #list-icon #p2 {
  fill: rgba(var(--premium-color), 1);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper .button {
  background-color: rgba(var(--premium-color), 0.25);
}

.container-subscriptionpackages .layout .package-card.premium .box-wrapper .button:hover {
  background-color: rgba(var(--premium-color), 0.5);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper {
  background: radial-gradient(71.46% 49.27% at 50% -12.47%, rgba(var(--default-color), 0.3) 0%, rgba(var(--default-color), 0) 100%), rgba(var(--default-color), 0.02);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(var(--default-color), 0.12), inset 0px 8px 17px -8px rgba(var(--default-color), 0.14);
          box-shadow: inset 0px 0px 2px 1px rgba(var(--default-color), 0.12), inset 0px 8px 17px -8px rgba(var(--default-color), 0.14);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper::before {
  background-color: rgba(var(--default-color), 1);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper::after {
  background-color: rgba(var(--default-color), 1);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper .details .currency {
  color: rgba(var(--default-color), 1);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper .features {
  border-top: 1.5px solid rgba(var(--default-color), 0.3);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper .features .list-item #list-icon #p1, .container-subscriptionpackages .layout .package-card.default .box-wrapper .features .list-item #list-icon #p2 {
  fill: rgba(var(--default-color), 1);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper .button {
  background-color: rgba(var(--default-color), 0.25);
}

.container-subscriptionpackages .layout .package-card.default .box-wrapper .button:hover {
  background-color: rgba(var(--default-color), 0.5);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper {
  background: radial-gradient(71.46% 49.27% at 50% -12.47%, rgba(var(--basic-color), 0.2) 0%, rgba(var(--basic-color), 0) 100%), rgba(var(--basic-color), 0.02);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(var(--basic-color), 0.12), inset 0px 8px 17px -8px rgba(var(--basic-color), 0.14);
          box-shadow: inset 0px 0px 2px 1px rgba(var(--basic-color), 0.12), inset 0px 8px 17px -8px rgba(var(--basic-color), 0.14);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper::before {
  background-color: rgba(var(--basic-color), 1);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper::after {
  background-color: rgba(var(--basic-color), 1);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper .details .currency {
  color: rgba(var(--basic-color), 1);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper .features {
  border-top: 1.5px solid rgba(var(--basic-color), 0.3);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper .features .list-item #list-icon #p1, .container-subscriptionpackages .layout .package-card.basic .box-wrapper .features .list-item #list-icon #p2 {
  fill: rgba(var(--basic-color), 1);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper .button {
  background-color: rgba(var(--basic-color), 0.25);
}

.container-subscriptionpackages .layout .package-card.basic .box-wrapper .button:hover {
  background-color: rgba(var(--basic-color), 0.5);
}

[dir="rtl"] .container-subscriptionpackages .layout .package-card .box-wrapper #premium-badge {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.container-costumerreviews {
  padding: 40px 0;
}

.container-costumerreviews .costumerreviewsSwiper {
  padding: 20px 0;
  max-width: 370px;
}

@media (max-width: 991.98px) {
  .container-costumerreviews .costumerreviewsSwiper {
    max-width: 370px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-costumerreviews .costumerreviewsSwiper {
    max-width: 863px;
  }
}

@media (min-width: 1200px) {
  .container-costumerreviews .costumerreviewsSwiper {
    max-width: 863px;
  }
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--layout-margin);
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .user-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -15px;
  position: relative;
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .user-wrapper .image {
  position: relative;
  z-index: -2;
  margin-bottom: -6px;
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .user-wrapper .image #img-frame {
  fill: rgba(var(--theme-color), 1);
  -webkit-box-shadow: 0px 0px 5px rgba(var(--theme-color), 1);
          box-shadow: 0px 0px 5px rgba(var(--theme-color), 1);
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .user-wrapper .user-name {
  font-size: var(--font-lg);
  font-weight: 500;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  position: absolute;
  z-index: 10 !important;
  bottom: -5px;
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .wrapper {
  background: radial-gradient(67.05% 59.59% at 50% -12.47%, rgba(var(--theme-color), 0.5) 0%, rgba(var(--theme-color), 0) 100%), rgba(255, 255, 255, 0.02);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(var(--theme-color), 0.12), inset 0px 8px 17px -8px rgba(var(--theme-color), 0.14);
          box-shadow: inset 0px 0px 2px 1px rgba(var(--theme-color), 0.12), inset 0px 8px 17px -8px rgba(var(--theme-color), 0.14);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  padding: var(--layout-margin);
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .wrapper .review {
  margin: calc(var(--layout-margin) * 2) 0;
  text-align: center;
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .stars {
  position: relative;
  z-index: 2;
  margin-top: -12px;
}

.container-costumerreviews .costumerreviewsSwiper .swiper-wrapper .swiper-slide .review-card .stars i {
  margin: 0 2px;
  color: rgba(var(--theme-color), var(--review-star-color-opacity));
  text-shadow: 0px 0px 4px rgba(var(--theme-color), 0.35);
}

.container-card {
  background: radial-gradient(107.88% 42.95% at 50% -2.54%, rgba(var(--theme-color), 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 40px 25px;
  margin: 20px 0;
}

.container-card.center .container-header {
  text-align: center;
}

.container-card.center .container-text {
  text-align: center;
}

.container-card.align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.container-card .container-header {
  margin-bottom: 20px;
}

.container-card.store-app .icon {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 22%;
}

@media (max-width: 991.98px) {
  .container-card.store-app .icon {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-card.store-app .icon {
    width: 90px;
    height: 90px;
  }
}

@media (min-width: 1200px) {
  .container-card.store-app .icon {
    width: 90px;
    height: 90px;
  }
}

.container-card.store-app .version {
  margin: 16px 0;
  opacity: .5;
}

.container-header {
  font-size: var(--font-xl);
  font-weight: 500;
}

.container-header.center {
  text-align: center;
}

.container-text {
  font-size: calc(var(--font-xs) + 2px);
  opacity: 0.8;
  font-weight: 300;
}

.container-text.center {
  text-align: center;
}

.breadcrumb-bar {
  padding: calc(var(--layout-margin) * 2) var(--layout-margin) calc(var(--layout-margin) * 1);
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg width='5' height='14' viewBox='0 0 5 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.776381 0.552789C1.02337 0.429294 1.32371 0.529407 1.4472 0.776396L4.4472 6.7764C4.51758 6.91716 4.51758 7.08285 4.4472 7.22361L1.4472 13.2236C1.32371 13.4706 1.02337 13.5707 0.776381 13.4472C0.529391 13.3237 0.429279 13.0234 0.552774 12.7764L3.44097 7L0.552774 1.22361C0.429279 0.97662 0.529391 0.676284 0.776381 0.552789Z' fill='white'/%3E%3C/svg%3E%0A");
}

[dir="rtl"] .breadcrumb-bar {
  padding: calc(var(--layout-margin) * 2) var(--layout-margin) calc(var(--layout-margin) * 1);
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg width='5' height='14' viewBox='0 0 5 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.22361 0.552789C4.4706 0.676284 4.57071 0.97662 4.44721 1.22361L1.55902 7L4.44721 12.7764C4.57071 13.0234 4.4706 13.3237 4.22361 13.4472C3.97662 13.5707 3.67628 13.4706 3.55279 13.2236L0.552786 7.22361C0.482405 7.08285 0.482405 6.91716 0.552786 6.7764L3.55279 0.776396C3.67628 0.529407 3.97662 0.429294 4.22361 0.552789Z' fill='white'/%3E%3C/svg%3E%0A");
}

.store-apps-list .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.store-apps-list .layout .app-list-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: var(--layout-margin);
  margin: calc(var(--layout-margin) / 2) 0;
  background-color: rgba(var(--theme-color), 0.1);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
}

.store-apps-list .layout .app-list-card .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.store-apps-list .layout .app-list-card .wrapper .icon {
  width: 70px;
  height: 70px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 22%;
}

.store-apps-list .layout .app-list-card .wrapper .details {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.store-apps-list .layout .app-list-card .wrapper .details .version {
  opacity: .6;
}

.store-apps-list .layout .app-list-card .buttons {
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.store-apps-list .layout .app-list-card .buttons .install-button {
  background-color: rgba(45, 181, 33, 0.3);
  color: white;
  border: none;
  padding: 5px 7px 4px;
  margin: 2px;
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.store-apps-list .layout .app-list-card .buttons .duplicate-button {
  background-color: rgba(22, 146, 236, 0.3);
  color: white;
  border: none;
  padding: 5px 7px 4px;
  margin: 2px;
  border-radius: 6px;
}

.button {
  --button-bg-color: rgba(var(--theme-color), 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  background-color: var(--button-bg-color);
  border-radius: 8px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px 14px 8px;
  font-size: calc(var(--font-sm) + 1px);
}

.button:hover {
  color: white;
  opacity: 0.8;
}

.button.icon-button i {
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
  font-size: calc(var(--font-sm) + 2px);
}

.button.primary {
  --button-bg-color: rgba(22, 100, 172, 0.3);
}

.button.secondary {
  --button-bg-color: rgba(226, 227, 229, 0.3);
}

.button.success {
  --button-bg-color: rgba(90, 208, 35, 0.2);
}

.button.info {
  --button-bg-color: rgba(22, 146, 236, 0.25);
}

.button.warning {
  --button-bg-color: rgba(228, 179, 52, 0.25);
}

.button.danger {
  --button-bg-color: rgba(228, 52, 52, 0.2);
}

.button.light {
  --button-bg-color: rgba(254, 254, 254, 0.3);
}

.button.dark {
  --button-bg-color: rgba(122, 122, 122, 0.25);
}

.icon-link {
  --button-bg-color: rgba(var(--theme-color), 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px 8px;
  font-size: calc(var(--font-sm) + 1px);
}

.icon-link i {
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
  font-size: calc(var(--font-sm) + 2px);
}

.icon-link.center {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-wallpapers .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.container-wallpapers .layout .wallpaper-card {
  position: relative;
  max-width: 300px;
  min-height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: rgba(7, 73, 136, 0.568);
  border-radius: 23px;
  margin: var(--layout-margin);
  overflow: hidden;
}

.container-wallpapers .layout .wallpaper-card .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.container-wallpapers .layout .wallpaper-card .image img {
  width: 100%;
  z-index: 3;
  position: relative;
}

.container-wallpapers .layout .wallpaper-card .image .bg-blur {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .8;
  -webkit-filter: blur(10px) brightness(0.8);
          filter: blur(10px) brightness(0.8);
  -webkit-transform: scale(2);
          transform: scale(2);
}

.container-wallpapers .layout .wallpaper-card .download-button {
  position: relative;
  z-index: 4;
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  color: white;
  background-color: rgba(var(--theme-color), 0.6);
  padding: 14px;
  border-radius: 0 0 12px 12px;
  text-align: center;
}

.container-videoexplanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-videoexplanation .header {
  font-size: var(--font-lg);
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

.container-videoexplanation .subheader {
  opacity: .5;
  margin-bottom: 40px;
}

.container-videoexplanation .video-wrapper {
  width: 350px;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(255, 255, 255, 0.079);
  border-radius: 20px;
  padding: 8px;
  background: radial-gradient(64.93% 50% at 50% 100%, rgba(var(--theme-color), 0.8) 0%, rgba(0, 0, 0, 0) 100%), rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(var(--theme-color), 0.12), inset 0px 8px 17px -8px rgba(var(--theme-color), 0.14);
          box-shadow: inset 0px 0px 2px 1px rgba(var(--theme-color), 0.12), inset 0px 8px 17px -8px rgba(var(--theme-color), 0.14);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 26px;
  position: relative;
  z-index: 1 !important;
}

@media (max-width: 991.98px) {
  .container-videoexplanation .video-wrapper {
    width: 350px;
    height: 350px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-videoexplanation .video-wrapper {
    width: 400px;
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .container-videoexplanation .video-wrapper {
    width: 400px;
    height: 400px;
  }
}

.container-videoexplanation .video-wrapper::before {
  content: '';
  display: inline-block;
  width: 80%;
  height: 4px;
  position: absolute;
  z-index: -1 !important;
  bottom: -4px;
  background-color: #97D3FF;
  border-radius: 0 0 74px 74px;
}

.container-videoexplanation .video-wrapper::after {
  content: '';
  display: inline-block;
  width: 80%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background-color: #97D3FF;
  border-radius: 74px 74px 0 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.container-videoexplanation .video-wrapper video {
  border-radius: 22px;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.container-videoexplanation .video-wrapper video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}

.video-overlay-play-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 7px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  cursor: pointer;
  border-radius: 25px;
}

.video-overlay-play-button #playIconBtnCrcle {
  opacity: 0.3;
  fill: rgba(var(--theme-color), 1);
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.video-overlay-play-button:hover #playIconBtn {
  opacity: 1;
}

.video-overlay-play-button:hover #playIconBtnCrcle {
  opacity: 0.4;
}

.video-overlay-play-button #playIcon {
  opacity: 0.4;
  -webkit-box-shadow: 0px -11px 19px rgba(0, 0, 0, 0.95);
          box-shadow: 0px -11px 19px rgba(0, 0, 0, 0.95);
}

.video-overlay-play-button #playIcon path {
  fill: rgba(var(--theme-color), 1);
}

.video-overlay-play-button #headerTxt {
  font-size: 110px;
  font-weight: bold;
  fill: white;
}

.video-overlay-play-button #subTxt {
  font-size: 70px;
  fill: white;
}

.video-wrapper.is-hidden {
  width: auto !important;
}

.video-wrapper.is-hidden .video-overlay-play-button {
  display: none;
}

.container-footer {
  padding: 100px calc(var(--layout-margin) * 2) 50px;
  max-width: calc(1296px - var(--layout-margin) * 2) !important;
}

.container-footer .logo {
  width: 100%;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}

.container-footer .wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  margin-top: 50px;
}

@media (max-width: 991.98px) {
  .container-footer .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
}

.container-footer .wrapper .box {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-margin-end: calc(var(--layout-margin) * 1.5);
          margin-inline-end: calc(var(--layout-margin) * 1.5);
  margin-bottom: calc(var(--layout-margin) * 2);
}

@media (max-width: 991.98px) {
  .container-footer .wrapper .box {
    margin-top: 40px;
  }
}

.container-footer .wrapper .box.brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.container-footer .wrapper .box.brands .follow-box {
  margin-bottom: var(--layout-margin);
}

@media (max-width: 991.98px) {
  .container-footer .wrapper .box.brands .follow-box {
    margin-bottom: calc(var(--layout-margin) * 2);
  }
}

.container-footer .wrapper .box.brands .brand-logos {
  margin-top: calc(var(--layout-margin) * 2);
}

.container-footer .wrapper .box .header {
  font-weight: 500;
  margin-bottom: 15px;
}

.container-footer .wrapper .box .link-list {
  opacity: .7;
  font-weight: 300;
}

.container-footer .wrapper .box .link-list .list-item {
  color: white;
  margin-bottom: 5px;
}

.container-footer .wrapper .box .follow-us i {
  color: white;
  opacity: .85;
  font-size: var(--font-lg);
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}

.maroof-logo {
  width: 75px;
  height: 36px;
  background-size: 90% 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  border-radius: 4px;
}

.payment-logos.row {
  margin: 0;
  margin-top: 10px;
}

.payment-logos span {
  width: 33px;
  height: 22px;
  background-size: 90% 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
  border: 1px solid #d9d9d98e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 8px;
}

.payment-logos span:nth-of-type(1) {
  margin: .1rem;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

.payment-logos span:nth-of-type(2) {
  margin: .1rem;
}

.payment-logos span:nth-of-type(3) {
  margin: .1rem;
}

.payment-logos span:nth-of-type(4) {
  margin: .1rem;
}

.payment-logos span:nth-of-type(5) {
  margin: .1rem;
}

[dir="rtl"] .container-footer .logo {
  background-position: right;
}

.table-calculate-dynamic .container-card .table-responsive #calculatResult table {
  --bs-table-color: #ffffff;
  --bs-table-border-color: #4c4c4c;
}

.tab-content#pills-tabContent{
  padding-top:8px;
  background-color: transparent !important;
  border-radius: 20px;
}
  
#MyCart {
  position: fixed;
  bottom: 145px;
  right: 20px;
  z-index: 99999;
}

#MyCart span {
  color: #000;
  padding-top: 4px;
  text-align: center;
  background-color: #ebebf0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 550;
  position: absolute;
  right: -8px;
  top: -27px;
}

.shoppingBottun {
  background-color: rgba(var(--theme-color), 1);
  color: #fff;
  padding: 20px 33px;
  border-radius: 0.8rem;
}
.shoppingBottun:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7393 18.6553H20.9697C21.3828 18.6553 21.7607 18.3301 21.7607 17.8643C21.7607 17.4072 21.3828 17.082 20.9697 17.082H10.9414C10.5195 17.082 10.2559 16.792 10.1943 16.3438L10.0625 15.4297H21.04C22.3848 15.4297 23.0967 14.6123 23.29 13.2764L23.9492 8.87305C23.9668 8.75879 23.9844 8.60938 23.9844 8.5127C23.9844 7.99414 23.624 7.64258 23.0176 7.64258H8.92871L8.79688 6.69336C8.68262 5.92871 8.375 5.54199 7.39941 5.54199H4.38477C3.94531 5.54199 3.55859 5.92871 3.55859 6.37695C3.55859 6.83398 3.94531 7.2207 4.38477 7.2207H7.13574L8.49805 16.5195C8.69141 17.8467 9.39453 18.6553 10.7393 18.6553ZM22.1562 9.21582L21.6025 13.1182C21.5322 13.5664 21.2949 13.8477 20.8643 13.8477L9.83398 13.8564L9.15723 9.21582H22.1562ZM11.46 23.0674C12.3125 23.0674 12.998 22.3818 12.998 21.5293C12.998 20.6768 12.3125 19.9912 11.46 19.9912C10.6074 19.9912 9.92188 20.6768 9.92188 21.5293C9.92188 22.3818 10.6074 23.0674 11.46 23.0674ZM19.5811 23.0674C20.4336 23.0674 21.1104 22.3818 21.1104 21.5293C21.1104 20.6768 20.4336 19.9912 19.5811 19.9912C18.7285 19.9912 18.0342 20.6768 18.0342 21.5293C18.0342 22.3818 18.7285 23.0674 19.5811 23.0674Z' fill='%23f7f7f5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 10;
  left: 16px;
  bottom: -5px;
  width: 2rem;
  height: 2rem;
  background-size: 2rem 2rem;
}
.shoppingBottun:hover {
  background-color: rgba(var(--theme-color), 0.5);
}
a.shoppingBottun:hover {
  color: #fff;
}

.navbar-light .navbar-brand {
color: #bfc0ae;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: rgb(252 251 251 / 90%);
}

iframe {
width: 100%;
max-width: 640px;
};
.form-floating>label{
  color: #a5a5a5;
}


.widget-page{
  background: #fff; border-radius: 4px;
}
.widget-page h3{
  color: #263a5b;
}
.widget-page p{
  color: #000;
}
.widget-page h1{
  color: #000;
}
.widget-page h2{
  color: #000;
}
.widget-page h4{
  color: #000;
}
.widget-page h5{
  color: #000;
}
.widget-page h6{
  color: #000;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
display: inline-block
}

.resp-sharing-button__link {
text-decoration: none;
color: #fff;
margin: 0.5em
}

.resp-sharing-button {
border-radius: 5px;
transition: 25ms ease-out;
padding: 0.5em 0.75em;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
width: 1em;
height: 1em;
margin-right: 0.4em;
vertical-align: top
}

.resp-sharing-button--small svg {
margin: 0;
vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
stroke: #fff;
fill: none
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
display: inline-block
}

.resp-sharing-button__link {
text-decoration: none;
color: #fff;
margin: 0.5em
}

.resp-sharing-button {
border-radius: 5px;
transition: 25ms ease-out;
padding: 0.5em 0.75em;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
width: 1em;
height: 1em;
margin-right: 0.4em;
vertical-align: top
}

.resp-sharing-button--small svg {
margin: 0;
vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
stroke: #fff;
fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
fill: #fff;
stroke: none
}

.resp-sharing-button--twitter {
background-color: #55acee
}

.resp-sharing-button--twitter:hover {
background-color: #2795e9
}

.resp-sharing-button--pinterest {
background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
background-color: #8c0615
}

.resp-sharing-button--facebook {
background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
background-color: #2d4373
}

.resp-sharing-button--tumblr {
background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
background-color: #222d3c
}

.resp-sharing-button--reddit {
background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
background-color: #3a80c1
}

.resp-sharing-button--google {
background-color: #dd4b39
}

.resp-sharing-button--google:hover {
background-color: #c23321
}

.resp-sharing-button--linkedin {
background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
background-color: #046293
}

.resp-sharing-button--email {
background-color: #777
}

.resp-sharing-button--email:hover {
background-color: #5e5e5e
}

.resp-sharing-button--xing {
background-color: #1a7576
}

.resp-sharing-button--xing:hover {
background-color: #114c4c
}

.resp-sharing-button--whatsapp {
background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
background-color: #507299
}

.resp-sharing-button--vk:hover {
background-color: #43648c
}

.resp-sharing-button--facebook {
background-color: #3b5998;
border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
background-color: #2d4373;
border-color: #2d4373;
}

.resp-sharing-button--twitter {
background-color: #55acee;
border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
background-color: #2795e9;
border-color: #2795e9;
}
.pricing .pricing-middle .list-group-item {
  color: #fff;
}
.resp-sharing-button--tumblr {
background-color: #35465C;
border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
background-color: #222d3c;
border-color: #222d3c;
}

.resp-sharing-button--email {
background-color: #777777;
border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
background-color: #5e5e5e;
border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
background-color: #bd081c;
border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
background-color: #8c0615;
border-color: #8c0615;
}

.resp-sharing-button--whatsapp {
background-color: #25D366;
border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
background-color: #1DA851;
border-color: #1DA851;
}

.resp-sharing-button--telegram {
background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
background-color: #4B97D1;}


.fileuploader .fileuploader-items-list .fileuploader-item {
  padding: 15px !important;
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background: rgba(178, 178, 178, 0.2);
  border: solid 1px rgba(254, 254, 254, 0.231);
  border-radius: 10px;
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns .column-thumbnail {
  position: relative;
  left: unset;
  top: unset;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border-radius: 3px;
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
  line-height: 1;
  padding-left: unset;
  padding-right: unset;
}

.fileuploader .fileuploader-items-list .fileuploader-item .columns .column-title div {
  font-size: var(--font-xs) !important;
  font-weight: 500;
}

.fileuploader .fileuploader-input-caption {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  background: rgba(145, 145, 145, 0.136);
  border: 1px solid rgba(202, 202, 202, 0.36);
  border-radius: 10px;
}

.fileuploader .fileuploader-input-caption span {
  font-size: var(--font-xs);
  font-weight: 400;
}

.fileuploader .fileuploader-input-button {
  display: none;
}

.newsbar {
  display: none;
}
/*# sourceMappingURL=Neonight.css.map */