body {
  font-family: 'Rubik', sans-serif;
}
.display-1 {
  font-family: 'MinecraftTen-VGORe';
  font-size: 4.6rem;
  line-height: 1.1;
}
.display-1 > .mbr-iconfont {
  font-size: 5.75rem;
}
.display-2 {
  font-family: 'Rubik', sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}
.display-2 > .mbr-iconfont {
  font-size: 3.75rem;
}
.display-4 {
  font-family: 'Rubik', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
}
.display-4 > .mbr-iconfont {
  font-size: 1.375rem;
}
.display-5 {
  font-family: 'MinecraftTen-VGORe';
  font-size: 1.4rem;
  line-height: 1.5;
}
.display-5 > .mbr-iconfont {
  font-size: 1.75rem;
}
.display-7 {
  font-family: 'Rubik', sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
}
.display-7 > .mbr-iconfont {
  font-size: 1.5rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
  .display-1 {
    font-size: 3.68rem;
  }
}
@media (max-width: 768px) {
  .display-1 {
    font-size: 3.22rem;
    font-size: calc( 2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-2 {
    font-size: 2.4rem;
    font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.3 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-4 {
    font-size: 0.88rem;
    font-size: calc( 1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-5 {
    font-size: 1.12rem;
    font-size: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-7 {
    font-size: 0.96rem;
    font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
  }
}
/* Buttons */
.btn {
  padding: 0.6rem 2rem;
  border-radius: 0px;
}
.btn-sm {
  padding: 0.6rem 1.2rem;
  border-radius: 0px;
}
.btn-md {
  padding: 0.6rem 1.2rem;
  border-radius: 0px;
}
.btn-lg {
  padding: 1rem 2.6rem;
  border-radius: 0px;
}
.bg-primary {
  background-color: #1be964 !important;
}
.bg-success {
  background-color: #40b0bf !important;
}
.bg-info {
  background-color: #b9abe5 !important;
}
.bg-warning {
  background-color: #ffe161 !important;
}
.bg-danger {
  background-color: #212428 !important;
}
.btn-primary,
.btn-primary:active {
  background-color: #1be964 !important;
  border-color: #1be964 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #1be964 !important;
  border-color: #1be964 !important;
  box-shadow: #1be964 2px 2px 20px 0px;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #0f9e42 !important;
  border-color: #0f9e42 !important;
}
.btn-secondary,
.btn-secondary:active {
  background-color: #8364e2 !important;
  border-color: #8364e2 !important;
  color: #ffffff !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  color: #ffffff !important;
  background-color: #8364e2 !important;
  border-color: #8364e2 !important;
  box-shadow: #8364e2 2px 2px 20px 0px;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #4e26ca !important;
  border-color: #4e26ca !important;
}
.btn-info,
.btn-info:active {
  background-color: #b9abe5 !important;
  border-color: #b9abe5 !important;
  color: #ffffff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  color: #ffffff !important;
  background-color: #b9abe5 !important;
  border-color: #b9abe5 !important;
  box-shadow: #b9abe5 2px 2px 20px 0px;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #8269d1 !important;
  border-color: #8269d1 !important;
}
.btn-success,
.btn-success:active {
  background-color: #40b0bf !important;
  border-color: #40b0bf !important;
  color: #ffffff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
  color: #ffffff !important;
  background-color: #40b0bf !important;
  border-color: #40b0bf !important;
  box-shadow: #40b0bf 2px 2px 20px 0px;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #2a747e !important;
  border-color: #2a747e !important;
}
.btn-warning,
.btn-warning:active {
  background-color: #ffe161 !important;
  border-color: #ffe161 !important;
  color: #ffffff !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  color: #ffffff !important;
  background-color: #ffe161 !important;
  border-color: #ffe161 !important;
  box-shadow: #ffe161 2px 2px 20px 0px;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #ffd10a !important;
  border-color: #ffd10a !important;
}
.btn-danger,
.btn-danger:active {
  background-color: #212428 !important;
  border-color: #212428 !important;
  color: #ffffff !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
  color: #ffffff !important;
  background-color: #212428 !important;
  border-color: #212428 !important;
  box-shadow: #212428 2px 2px 20px 0px;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-white {
  color: #1be964 !important;
  background-color: white;
}
.btn-white,
.btn-white:active {
  background-color: white !important;
  border-color: white !important;
  color: #000000 !important;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
  color: #000000 !important;
  background-color: white !important;
  border-color: white !important;
  box-shadow: white 2px 2px 20px 0px;
}
.btn-white.disabled,
.btn-white:disabled {
  color: #000000 !important;
  background-color: #d4d4d4 !important;
  border-color: #d4d4d4 !important;
}
.btn-white:hover,
.btn-white:active {
  color: #1be964 !important;
  box-shadow: #1be964 2px 2px 20px 0px;
}
.btn-black,
.btn-black:active {
  background-color: #232323 !important;
  border-color: #232323 !important;
  color: #ffffff !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
  color: #ffffff !important;
  background-color: #232323 !important;
  border-color: #232323 !important;
  box-shadow: #232323 2px 2px 20px 0px;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #1be964;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  color: #0f9e42 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #1be964 !important;
  border-color: #1be964 !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #8364e2;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  color: #4e26ca !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #8364e2 !important;
  border-color: #8364e2 !important;
}
.btn-info-outline,
.btn-info-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #b9abe5;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
  color: #8269d1 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #b9abe5 !important;
  border-color: #b9abe5 !important;
}
.btn-success-outline,
.btn-success-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #40b0bf;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
  color: #2a747e !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #40b0bf !important;
  border-color: #40b0bf !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #ffe161;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
  color: #ffd10a !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #614f00 !important;
  background-color: #ffe161 !important;
  border-color: #ffe161 !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #212428;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #ffffff !important;
  background-color: #212428 !important;
  border-color: #212428 !important;
}
.btn-black-outline,
.btn-black-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #232323;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
  color: #000000 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
  color: #ffffff !important;
  background-color: #232323 !important;
  border-color: #232323 !important;
}
.btn-white-outline,
.btn-white-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #fafafa;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
  color: #cfcfcf !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.btn-white-outline.disabled,
.btn-white-outline:disabled {
  color: #7a7a7a !important;
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.text-primary {
  color: #1be964 !important;
}
.text-secondary {
  color: #8364e2 !important;
}
.text-success {
  color: #40b0bf !important;
}
.text-info {
  color: #b9abe5 !important;
}
.text-warning {
  color: #ffe161 !important;
}
.text-danger {
  color: #212428 !important;
}
.text-white {
  color: #fafafa !important;
}
.text-black {
  color: #232323 !important;
}
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
  color: #0e903c !important;
}
a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
  color: #4923bd !important;
}
a.text-success:hover,
a.text-success:focus,
a.text-success.active {
  color: #266a73 !important;
}
a.text-info:hover,
a.text-info:focus,
a.text-info.active {
  color: #785dcd !important;
}
a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
  color: #facb00 !important;
}
a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
  color: #000000 !important;
}
a.text-white:hover,
a.text-white:focus,
a.text-white.active {
  color: #fafafa !important;
}
a.text-black:hover,
a.text-black:focus,
a.text-black.active {
  color: #000000 !important;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  position: relative;
  background-image: transparent;
  background-size: 10000px 2px;
  background-repeat: no-repeat;
  background-position: 0px 1.2em;
  background-position: -10000px 1.2em;
}
.nav-tabs .nav-link.active {
  color: #1be964;
}
.nav-tabs .nav-link:not(.active) {
  color: #232323;
}
.alert-success {
  background-color: #70c770;
}
.alert-info {
  background-color: #b9abe5;
}
.alert-warning {
  background-color: #ffe161;
}
.alert-danger {
  background-color: #212428;
}
.mbr-gallery-filter li.active .btn {
  background-color: #1be964;
  border-color: #1be964;
  color: #ffffff;
}
.mbr-gallery-filter li.active .btn:focus {
  box-shadow: none;
}
a,
a:hover {
  color: #1be964;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #d5fbe2;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #a0d8df;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #d3d6db;
}
/* Scroll to top button*/
.scrollToTop_wraper {
  display: none;
}
.form-control {
  font-family: 'Rubik', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 400;
}
.form-control > .mbr-iconfont {
  font-size: 1.375rem;
}
.form-control:hover,
.form-control:focus {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
  border-color: #1be964 !important;
}
.form-control:-webkit-input-placeholder {
  font-family: 'Rubik', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 400;
}
.form-control:-webkit-input-placeholder > .mbr-iconfont {
  font-size: 1.375rem;
}
blockquote {
  border-color: #1be964;
}
/* Forms */
.jq-selectbox li:hover,
.jq-selectbox li.selected {
  background-color: #1be964;
  color: #ffffff;
}
.jq-number__spin {
  transition: 0.25s ease;
}
.jq-number__spin:hover {
  border-color: #1be964;
}
.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
  transition: 0.4s;
  border-top-color: #353535;
  border-bottom-color: #353535;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
  border-top-color: #1be964;
  border-bottom-color: #1be964;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  color: #000000 !important;
  background-color: #1be964 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #ffffff !important;
  background: #8364e2 !important;
  box-shadow: none !important;
}
.lazy-bg {
  background-image: none !important;
}
.lazy-placeholder:not(section),
.lazy-none {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}
iframe.lazy-placeholder,
.lazy-placeholder:after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background: transparent no-repeat center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%231be964' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
section.lazy-placeholder:after {
  opacity: 0.5;
}
body {
  overflow-x: hidden;
}
a {
  transition: color 0.6s;
}
.cid-uV1h9qw51y {
  padding-top: 8rem;
  padding-bottom: 10rem;
  background-image: url("../../../assets/images/67057-minecraft-story-mode-hd-wallpaper.jpeg");
}
.cid-uV1h9qw51y .mbr-text,
.cid-uV1h9qw51y .mbr-section-btn {
  color: #c1ffd7;
}
.cid-uV1h9qw51y .mbr-fallback-image.disabled {
  display: none;
}
.cid-uV1h9qw51y .underline {
  text-decoration: underline;
  text-decoration-color: #1be964;
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
}
.cid-uV1h9qw51y .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uV1h9qw51y .mbr-section-title {
  color: #ffffff;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.cid-uV1h9qw51y .title2 {
  background: linear-gradient(90deg, #00ff88, #00ffcc, #00e676, #00ff88);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.cid-uV1h9qw51y .btn-custom {
  --from: rgba(37, 99, 235, 0.35);
  --to: rgba(15, 23, 42, 0.35);
  --border1: rgba(255, 255, 255, 0.25);
  --border2: rgba(255, 255, 255, 0.08);
  --text: #eaf2ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .75rem 1.25rem;
  border-radius: .6rem;
  font-weight: 700;
  line-height: 1;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  color: var(--text);
  background: linear-gradient(180deg, var(--from), var(--to));
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.2s ease;
  position: relative;
}
.cid-uV1h9qw51y .btn-custom::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(180deg, var(--border1), var(--border2));
  -webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.cid-uV1h9qw51y .btn-custom:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.cid-uV1h9qw51y .btn-custom:active {
  transform: translateY(0);
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.cid-uV1h9qw51y .btn-custom:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25), 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.cid-uV1h9qw51y .mbr-section-subtitle {
  color: #1be964;
  background: rgba(0, 60, 30, 0.6);
  padding: 6px 14px;
  border: 2px solid rgba(30, 120, 60, 0.8);
  border-radius: 10px;
  text-shadow: 1px 1px 0 #000;
  display: inline-block;
  font-weight: bold;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cid-uV1h9qw51y .mbr-section-subtitle:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.cid-uV1lxFw2Ka {
  padding-top: 2rem;
  padding-bottom: 0rem;
  background-color: #052d13;
}
.cid-uV1lxFw2Ka .mbr-iconfont {
  display: block;
  font-size: 2.5rem;
  color: #1be964;
  margin-bottom: 0.5rem;
}
.cid-uV1lxFw2Ka .card-icon {
  width: auto;
  height: 32px;
}
.cid-uV1lxFw2Ka .main-title {
  position: relative;
  width: fit-content;
  display: inline-block;
  color: #160830;
}
.cid-uV1lxFw2Ka .main-title:before {
  content: "";
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background: currentColor;
  position: absolute;
}
.cid-uV1lxFw2Ka .card-wrapper {
  transition: all 0.3s;
  background-color: #0a461f;
  border-radius: 10px;
  border: 1px solid rgba(192, 236, 255, 0.05);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}
.cid-uV1lxFw2Ka .card-wrapper:hover {
  transform: translate(0px, -3px);
}
.cid-uV1lxFw2Ka .card-title,
.cid-uV1lxFw2Ka .card-box {
  color: #9bffbe;
  text-align: center;
}
.cid-uV1lxFw2Ka .main-title,
.cid-uV1lxFw2Ka .title-col {
  text-align: center;
  color: #ffffff;
}
.cid-uV1lxFw2Ka .card-text {
  color: #c1ffd7;
}
.cid-uV1lxFw2Ka .mbr-fallback-image.disabled {
  display: none;
}
.cid-uV1lxFw2Ka .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
#generator {
  /* Added new layout for top row with text input and template selector */
  /* Updated color controls to put all elements in a single row */
  /* Updated gradient-controls to display colors side by side */
  /* Responsive Design */
  /* Focus visible for better accessibility */
}
#generator * {
  box-sizing: border-box;
}
#generator body {
  margin: 0;
  padding: 0;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Removed background color from body since it's now on the section */
  color: #eee;
  min-height: 100vh;
  /* Removed padding to make it more compact */
}
#generator .rank-generator-section {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Removed min-height: 100vh to eliminate excessive vertical space */
  padding: 2rem 0;
}
#generator .container {
  background: #0a461f;
  border: 1px solid #7bb954;
  /* Reduced border-radius for more compact look */
  border-radius: 12px;
  /* Reduced padding for compactness */
  padding: 1.5rem;
  width: 90%;
  /* Restored original max-width */
  max-width: 1290px;
  text-align: center;
  box-shadow: 0 0 30px #7bb95442;
}
#generator h1 {
  /* Reduced font size for compactness */
  font-size: 1.25rem;
  font-weight: 600;
  color: #9bffbe;
  /* Reduced margin for compactness */
  margin: 0 0 1.5rem 0;
  text-align: center;
  letter-spacing: -0.025em;
}
#generator .form-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Reduced gap for compactness */
  gap: 1rem;
  /* Reduced margin for compactness */
  margin-bottom: 1.5rem;
}
#generator .form-row-top {
  display: flex;
  gap: 1rem;
  width: 100%;
  max-width: 600px;
  justify-content: center;
}
#generator .form-row-top .form-group {
  flex: 1;
  min-width: 200px;
}
#generator .form-group {
  display: flex;
  flex-direction: column;
}
#generator .form-group label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #9bffbe;
  /* Reduced margin for compactness */
  margin-bottom: 0.375rem;
  letter-spacing: 0.025em;
}
#generator input[type="text"],
#generator select {
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  /* Reduced padding for compactness */
  padding: 0.625rem 0.875rem;
  background: #052d13;
  color: #9bffbe;
  border: 1px solid #7bb954;
  border-radius: 6px;
  transition: all 0.2s ease;
  outline: none;
}
#generator input[type="text"]:focus,
#generator select:focus {
  border-color: #9bffbe;
  box-shadow: 0 0 0 3px rgba(155, 255, 190, 0.1);
}
#generator input[type="text"]::placeholder {
  color: rgba(155, 255, 190, 0.5);
}
#generator .color-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#generator input[type="color"] {
  width: 2.5rem;
  height: 2.25rem;
  border: 1px solid #7bb954;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
#generator input[type="color"]:hover {
  border-color: #9bffbe;
}
#generator .color-preview {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid rgba(155, 255, 190, 0.3);
}
#generator .checkbox-group {
  justify-content: center;
}
#generator .checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 500;
  /* Reduced padding for compactness */
  padding: 0.25rem 0;
}
#generator input[type="checkbox"] {
  width: 1.125rem;
  height: 1.125rem;
  accent-color: #7bb954;
  cursor: pointer;
}
#generator .color-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  max-width: 600px;
  flex-wrap: wrap;
}
#generator .gradient-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#generator .gradient-colors {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
#generator .canvas-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Reduced gap for compactness */
  gap: 1rem;
  /* Reduced margin and padding for compactness */
  margin: 1.5rem 0;
  padding: 1.5rem;
  background: rgba(5, 45, 19, 0.3);
  border-radius: 8px;
  border: 1px solid rgba(123, 185, 84, 0.2);
}
#generator canvas {
  display: block;
  image-rendering: pixelated;
  background: transparent;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#generator .primary-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  /* Reduced padding for compactness */
  padding: 0.625rem 1.25rem;
  background: linear-gradient(135deg, #7bb954 0%, #62a13a 100%);
  color: #000;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#generator .primary-btn:hover {
  background: linear-gradient(135deg, #62a13a 0%, #4d8a2e 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
#generator .primary-btn:active {
  transform: translateY(0);
}
#generator .snippet-section {
  /* Reduced margin for compactness */
  margin-top: 1.5rem;
}
#generator .snippet-section label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #9bffbe;
  /* Reduced margin for compactness */
  margin-bottom: 0.5rem;
  letter-spacing: 0.025em;
}
#generator .textarea-wrapper {
  position: relative;
}
#generator #snippet {
  width: 100%;
  /* Reduced height for compactness */
  height: 180px;
  background: #052d13;
  color: #00ffcc;
  border: 1px solid #7bb954;
  border-radius: 6px;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.4;
  /* Reduced padding for compactness */
  padding: 0.75rem;
  resize: vertical;
  transition: border-color 0.2s ease;
  outline: none;
}
#generator #snippet:focus {
  border-color: #9bffbe;
  box-shadow: 0 0 0 3px rgba(155, 255, 190, 0.1);
}
#generator .secondary-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  /* Reduced padding for compactness */
  padding: 0.5rem 0.875rem;
  background: rgba(123, 185, 84, 0.1);
  color: #9bffbe;
  border: 1px solid #7bb954;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  /* Reduced margin for compactness */
  margin-top: 0.5rem;
}
#generator .secondary-btn:hover {
  background: rgba(123, 185, 84, 0.2);
  border-color: #9bffbe;
}
#generator .secondary-btn:active {
  transform: scale(0.98);
}
@media (max-width: 768px) {
  #generator {
    /* Updated responsive design to handle single row layout */
  }
  #generator .container {
    padding: 1rem;
  }
  #generator .form-row-top {
    flex-direction: column;
    gap: 0.75rem;
  }
  #generator .color-controls {
    flex-direction: column;
    gap: 1rem;
  }
  #generator h1 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
  #generator .canvas-section {
    padding: 1rem;
  }
}
#generator *:focus-visible {
  outline: 2px solid #9bffbe;
  outline-offset: 2px;
}
.cid-uVdqeL8Jmj {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: #052d13;
}
.cid-uVdqeL8Jmj .social-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.cid-uVdqeL8Jmj .btn-social,
.cid-uVdqeL8Jmj .mbr-section-title {
  color: #57468b;
}
.cid-uVdqeL8Jmj .soc-item {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin: 0 5px;
  background: #403f83;
}
.cid-uVdqeL8Jmj .soc-item span {
  font-size: 20px;
  color: #ffffff !important;
  transition: all 0.3s;
}
.cid-uVdqeL8Jmj .soc-item:hover {
  background: #ffffff;
}
.cid-uVdqeL8Jmj .soc-item:hover span {
  color: #403f83 !important;
}
@media (max-width: 992px) {
  .cid-uVdqeL8Jmj .align-left,
  .cid-uVdqeL8Jmj .align-right {
    text-align: center;
  }
  .cid-uVdqeL8Jmj .social-list {
    justify-content: center;
  }
  .cid-uVdqeL8Jmj .mb-0 {
    padding-bottom: 1rem;
  }
}
.cid-uVdqeL8Jmj .mbr-text {
  color: #ffffff;
  text-align: center;
}
.cid-uVdqeL8Jmj P {
  text-align: center;
}

/* ZygaBuster | 299135 | 1766864127 | ba79d30f8249cca1ac6db3f5784fdd04 */