/* screen - credits */

.credits {
  align-items: center;
  background-color: var(--ebony);
  display: flex;
  flex-direction: column;
  height: 2523px;
  width: 1440px;
}

.credits .overlap-group1 {
  align-items: center;
  background-color: var(--haiti);
  background-image: url(../img/anima/mask-group-10.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 162px;
  min-height: 400px;
  padding: 29px 0;
  width: 1440px;
}

.credits .overlap-group3 {
  height: 45px;
  position: relative;
  width: 1280px;
}

.credits .frame-5 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 1280px;
}

.credits .div {
  border: 0px none;
  height: 28px;
  position: relative;
  width: 175.03px;
}

.credits .frame-6 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 4px;
  width: 22px;
}

.credits .frame {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 22.5px;
}

.credits .vector {
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 21px;
}

.credits .ultra-imagesnet {
  left: 30px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
  width: 143px;
}

.credits .frame-4-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.credits .sign-in {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .frame-2-1 {
  background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
}

.credits .navbar {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  left: 448px;
  position: absolute;
  top: 12px;
  z-index: 1;
}

.credits .navbar-link-pricing {
  text-decoration: underline;
}

.credits .frame-container {
  align-items: flex-end;
  display: flex;
  gap: 350px;
  height: 108px;
  margin-right: 1.0px;
  min-width: 1279px;
}

.credits .frame-95 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 628px;
}

.credits .title {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.credits .add-credits-to-your {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: relative;
}

.credits .frame-96 {
  align-items: center;
  border: 2px solid;
  border-color: var(--mulled-wine);
  border-radius: 24px;
  display: flex;
  gap: 24px;
  padding: 24px;
  position: relative;
  width: 301px;
}

.credits .vector-1 {
  height: 24px;
  position: relative;
  width: 27px;
}

.credits .frame-24 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
  position: relative;
}

.credits .current-balance {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
}

.credits .price-1 {
  align-self: stretch;
}

.credits .flex-row {
  align-items: flex-end;
  display: flex;
  gap: 25px;
  margin-top: 102px;
  min-width: 1280px;
}

.credits .frame-1 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid;
  border-color: var(--mulled-wine);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 410px;
}

.credits .frame-99 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.credits .starter-pack {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .price {
  margin-top: -1.00px;
  text-align: center;
  width: fit-content;
}

.credits .line-4 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.credits .frame-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.credits .vector-2 {
  height: 14px;
  position: relative;
  width: 19px;
}

.credits .address {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .x12-seconds-of-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .perfect-for-testing {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .frame-32::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 1000px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.credits .frame-32 {
  align-items: center;
  align-self: stretch;
  border: none;
  border-radius: 1000px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  width: 100%;
}

.credits .select-plan {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.credits .basic-pack {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .x40-ai-images {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .x25-seconds-of-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .great-for-beginners {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .overlap-group2 {
  height: 373px;
  position: relative;
  width: 410px;
}

.credits .frame-99-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 24px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.credits .frame-99-1 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(135deg, rgba(196, 74, 244, 0.1) 0%, rgba(111, 74, 244, 0.1) 100%);
  border: none;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  left: 0;
  padding: 24px;
  position: absolute;
  top: 18px;
  width: 410px;
}

.credits .pro-pack {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .x100-ai-images {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .x62-seconds-of-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .surname {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .most-popular {
  left: 142px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 7px;
  white-space: nowrap;
}

.credits .frame-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  margin-top: 32px;
  min-width: 1280px;
}

.credits .creator-pack {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .x200-ai-images {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .x125-seconds-of-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .for-regular-creators {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .studio-pack {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .x400-ai-images {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .x250-seconds-of-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .for-power-users {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.credits .frame-102 {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid;
  border-color: var(--mulled-wine);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 355px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 410px;
}

.credits .need-more {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.credits .contact-us-for-custo {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 32px;
  opacity: 0.7;
  position: relative;
  text-align: center;
}

.credits .contact-sales {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.credits .frame-110 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 120px;
  position: relative;
  width: 398px;
}

.credits .how-credits-work {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.credits .transparent-pricing {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: relative;
  text-align: center;
}

.credits .frame-container-2 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  height: 235px;
  margin-right: 1.0px;
  margin-top: 40px;
  min-width: 845px;
}

.credits .frame-10 {
  align-items: flex-start;
  border: 2px solid;
  border-color: var(--mulled-wine);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 410px;
}

.credits .frame-104 {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 31px;
  position: relative;
  width: 362px;
}

.credits .image-generation {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.credits .line-4-1 {
  align-self: stretch;
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.credits .frame-10-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  margin-right: -6.00px;
  position: relative;
  width: 368px;
}

.credits .x1024x1024-flux1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .text-1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  opacity: 0.7;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .x512x512-flux1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .x2048x2048-flux1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .vector-4 {
  height: 24px;
  position: relative;
  width: 36px;
}

.credits .video-generation {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.credits .per-second-google-veo {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .x5-second-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .x10-second-video {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.credits .frame-container-3 {
  align-items: center;
  display: flex;
  gap: 280px;
  height: 106px;
  margin-left: 0.45px;
  margin-top: 120px;
  min-width: 1280px;
}

.credits .frame-108 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 627px;
}

.credits .secure-payment {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.credits .all-payments-are-pro {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: relative;
}

.credits .frame-109 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  position: relative;
}

.credits .div-1 {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 57.2px;
}

.credits .frame-3 {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}

.credits .frame-4 {
  border: 0px none;
  height: 18px;
  position: relative;
  width: 20.25px;
}

.credits .vector-3 {
  height: 16px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}

.credits .visa {
  left: 28px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: -1px;
  white-space: nowrap;
  width: 28px;
}

.credits .div-2 {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 104.48px;
}

.credits .mastercard {
  left: 28px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: -1px;
  white-space: nowrap;
  width: 76px;
}

.credits .div-3 {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 66.34px;
}

.credits .amex {
  left: 28px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: -1px;
  white-space: nowrap;
  width: 38px;
}

.credits .div-4 {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 73.42px;
}

.credits .pay-pal {
  left: 28px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: -1px;
  white-space: nowrap;
  width: 45px;
}

.credits .overlap-group {
  height: 438px;
  margin-top: 120px;
  position: relative;
  width: 1440px;
}

.credits .rectangle-4 {
  background: linear-gradient(179deg, rgba(30, 17, 59, 1) 0%, rgba(30, 17, 59, 0) 100%);
  height: 369px;
  left: 0;
  position: absolute;
  top: 69px;
  width: 1440px;
}

.credits .pay-only-for-what-yo {
  left: 931px;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.8;
  position: absolute;
  top: 219px;
  white-space: nowrap;
}

.credits .frame-32-1 {
  align-items: center;
  background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 32px;
  display: flex;
  justify-content: space-between;
  left: 189px;
  padding: 32px;
  position: absolute;
  top: 0;
  width: 1062px;
}

.credits .frame-6-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  position: relative;
}

.credits .frame-2-2 {
  background-color: var(--white);
  border: 1px solid;
}

.credits .start-creating-free {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(135deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-fill-color: transparent;
  width: fit-content;
}

.credits .frame-3-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 1000px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.credits .div-5 {
  align-items: flex-start;
  border: 0px none;
  display: flex;
  gap: 8px;
  height: 28px;
  left: 80px;
  min-width: 175px;
  position: absolute;
  top: 218px;
}

.credits .frame-7 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 20px;
  justify-content: center;
  position: relative;
  width: 22px;
}

.credits .line-1 {
  left: 80px;
  position: absolute;
  top: 277px;
  width: 1280px;
}

.credits .line-3 {
  left: 80px;
  position: absolute;
  top: 365px;
  width: 1280px;
}

.credits .frame-2-3 {
  align-items: center;
  border-radius: 1000px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.credits .line {
  height: 1px;
  object-fit: cover;
}

.credits .navbar-link {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
  z-index:1;
}

.credits .navbar-link-inner {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.credits .navbar-link-inner:hover, .home .navbar-link-inner.active {
    /*color: #c44af4;*/
    text-decoration: underline;
}

.credits .price-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.credits .select-plan-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}