@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;300;400;500;700;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Jersey+10&display=swap");@import url("https://fonts.cdnfonts.com/css/sansation");@import url("https://fonts.googleapis.com/css2?family=Audiowide&display=swap");







@font-face {
  font-family: "Rubik One";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/rubik-one@latest/latin-400-normal.woff2)
      format("woff2"),
    url(https://cdn.jsdelivr.net/fontsource/fonts/rubik-one@latest/latin-400-normal.woff)
      format("woff"),
    url(https://cdn.jsdelivr.net/fontsource/fonts/rubik-one@latest/latin-400-normal.ttf)
      format("truetype");
}
[v-cloak] {
  display: none !important;
}


/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-leading: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}

@layer theme {
  :root, :host {
    --color-white: #fff;
    --spacing: .25rem;
    --font-Inter: "Inter", sans-serif;
  }
}

@layer base, components;

@layer utilities {
  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
}

.partnership-main-outer-container {
  background-image: url("../../images/7c43a739a37d.webp");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.partnership-banner-container {
  align-items: center;
  gap: calc(var(--spacing) * 8);
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  padding: 10px;
  display: flex;
  position: relative;
}

@media (min-width: 40rem) {
  .partnership-banner-container {
    padding: 10px;
  }
}

@media (min-width: 48rem) {
  .partnership-banner-container {
    padding: 20px;
  }
}

@media (min-width: 64rem) {
  .partnership-banner-container {
    padding: 40px;
  }
}

.partnership-header {
  justify-content: space-between;
  gap: calc(var(--spacing) * 4);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 64rem) {
  .partnership-header {
    flex-direction: row;
  }
}

.partnership-title {
  width: 100%;
  font-family: var(--font-Inter);
  --tw-font-weight: 800;
  color: var(--color-white);
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-style: italic;
  font-weight: 800;
  display: flex;
}

@media (min-width: 40rem) {
  .partnership-title {
    font-size: 50px;
  }
}

@media (min-width: 64rem) {
  .partnership-title {
    font-size: 75px;
  }
}

.partnership-title-top {
  text-align: center;
  color: #000;
  width: 100%;
}

@media (min-width: 40rem) {
  .partnership-title-top {
    text-align: center;
  }
}

.partnership-title-bottom {
  text-align: center;
  color: #f47b20;
  width: 100%;
  margin-top: -20px;
}

.partnership-grid {
  gap: calc(var(--spacing) * 4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  display: grid;
}

@media (min-width: 40rem) {
  .partnership-grid {
    gap: calc(var(--spacing) * 2);
  }
}

@media (min-width: 48rem) {
  .partnership-grid {
    gap: calc(var(--spacing) * 4);
  }
}

@media (min-width: 64rem) {
  .partnership-grid {
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.partner-card {
  border-radius: 20px;
  align-items: center;
}

.partner-card-content {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-style: var(--tw-border-style);
  --tw-shadow: 2px 3px 10px 0 var(--tw-shadow-color, #0000004d);
  height: 100%;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  background-color: #ffffff4d;
  border-width: 1px;
  border-color: #ffffff80;
  border-radius: 15px;
  flex-direction: column;
  padding: 10px;
  display: flex;
}

@media (min-width: 48rem) {
  .partner-card-content {
    border-radius: 30px;
    padding: 20px;
  }
}

.partner-card-logo {
  height: 30px;
  margin-bottom: 10px;
  display: flex;
}

@media (min-width: 48rem) {
  .partner-card-logo {
    height: 40px;
  }
}

.partner-card-logo-img {
  object-fit: contain;
  width: 100px;
}

@media (min-width: 40rem) {
  .partner-card-logo-img {
    width: 100px;
  }
}

@media (min-width: 64rem) {
  .partner-card-logo-img {
    width: 140px;
  }
}

.partner-card-info {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  width: 100%;
  height: 50px;
  font-family: var(--font-Inter);
  --tw-leading: 35px;
  --tw-font-weight: 600;
  color: #000;
  --tw-shadow: 2px 3px 10px 0 var(--tw-shadow-color, #0000004d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #ffffff4d;
  border-width: 1px;
  border-color: #ffffff80;
  border-radius: 10px;
  flex-direction: row;
  padding: 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

@media (min-width: 40rem) {
  .partner-card-info {
    font-size: 10px;
  }
}

@media (min-width: 48rem) {
  .partner-card-info {
    height: 70px;
    padding: 15px;
    font-size: 16px;
  }
}

.partner-card-info-list {
  gap: calc(var(--spacing) * 1);
  flex-direction: column;
  display: flex;
}

.partner-card-info-list-row {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  display: flex;
}

@media (min-width: 48rem) {
  .partner-card-info-list-row {
    gap: calc(var(--spacing) * 2);
  }
}

.partner-card-icon {
  margin-right: calc(var(--spacing) * 2);
  object-fit: contain;
  width: 30px;
}

@media (min-width: 40rem) {
  .partner-card-icon {
    width: 40px;
  }
}

@media (min-width: 48rem) {
  .partner-card-icon {
    margin-right: calc(var(--spacing) * 4);
  }
}

@media (min-width: 64rem) {
  .partner-card-icon {
    width: 50px;
  }
}

.partner-card-label {
  text-align: left;
  --tw-leading: 12px;
  line-height: 12px;
}

@media (min-width: 48rem) {
  .partner-card-label {
    --tw-leading: 20px;
    line-height: 20px;
  }
}

.partner-card-info-small-font {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  width: 100%;
  height: 70px;
  font-family: var(--font-Inter);
  --tw-leading: 35px;
  --tw-font-weight: 600;
  color: #000;
  --tw-shadow: 2px 3px 10px 0 var(--tw-shadow-color, #0000004d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #ffffff4d;
  border-width: 1px;
  border-color: #ffffff80;
  border-radius: 10px;
  flex-direction: row;
  padding: 15px;
  font-size: 10px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

@media (min-width: 40rem) {
  .partner-card-info-small-font {
    font-size: 10px;
  }
}

@media (min-width: 48rem) {
  .partner-card-info-small-font {
    font-size: 14px;
  }
}

.partner-card-value {
  text-align: left;
  --tw-leading: 1;
  --tw-font-weight: 800;
  color: #d46a00;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

@media (min-width: 40rem) {
  .partner-card-value {
    font-size: 16px;
  }
}

@media (min-width: 48rem) {
  .partner-card-value {
    font-size: 20px;
  }
}

@media (min-width: 64rem) {
  .partner-card-value {
    font-size: 22px;
  }
}

.partner-card-value-small-font {
  text-align: center;
  --tw-font-weight: 800;
  color: #d46a00;
  padding-inline: 0;
  font-size: 12px;
  font-weight: 800;
}

@media (min-width: 40rem) {
  .partner-card-value-small-font {
    padding-inline: 0;
    font-size: 13px;
  }
}

@media (min-width: 48rem) {
  .partner-card-value-small-font {
    padding-inline: 0;
    font-size: 18px;
  }
}

@media (min-width: 64rem) {
  .partner-card-value-small-font {
    padding-inline: 0;
    font-size: 20px;
  }
}

.partner-card-info-seperator {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: #ff800000;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-via: #b15900;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-to: #ff800000;
  width: 100%;
  height: 1px;
}

.partner-card-highlight {
  height: 30px;
  font-family: var(--font-Inter);
  --tw-font-weight: 600;
  color: #ffb001;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

@media (min-width: 40rem) {
  .partner-card-highlight {
    height: auto;
    font-size: 10px;
  }
}

@media (min-width: 64rem) {
  .partner-card-highlight {
    font-size: 16px;
  }
}

.partner-card-highlight-icon {
  font-size: 12px;
}

@media (min-width: 40rem) {
  .partner-card-highlight-icon {
    font-size: 12px;
  }
}

@media (min-width: 64rem) {
  .partner-card-highlight-icon {
    font-size: 36px;
  }
}

.partner-card-buttons {
  justify-content: flex-end;
  gap: calc(var(--spacing) * 2);
  flex-direction: column;
  flex: 1;
  width: 100%;
  margin-top: 15px;
  display: flex;
}

@media (min-width: 64rem) {
  .partner-card-buttons {
    gap: calc(var(--spacing) * 2);
  }
}

.partner-card-buttons-gradient-border {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: #fff;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: #999;
  --tw-shadow: 2px 5px 8px var(--tw-shadow-color, #0006);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 28px;
  padding: 1px;
  position: relative;
}

.partner-card-btn-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.partner-card-btn-yellow {
  cursor: pointer;
  border-style: var(--tw-border-style);
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: #ffb706;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-to: #ff4019;
  width: 100%;
  height: 30px;
  font-family: var(--font-Inter);
  --tw-font-weight: 700;
  color: #fff;
  border-width: 0;
  border-radius: 28px;
  padding: 4px;
  font-size: 14px;
  font-weight: 700;
}

@media (min-width: 48rem) {
  .partner-card-btn-yellow {
    height: 40px;
  }
}

@media (min-width: 64rem) {
  .partner-card-btn-yellow {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #ff8000);
    height: 50px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    padding: 8px;
    font-size: 20px;
  }
}

.partner-card-btn-blue {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style);
  width: 100%;
  height: 30px;
  font-family: var(--font-Inter);
  --tw-leading: 1;
  --tw-font-weight: 700;
  color: #fff;
  --tw-shadow: 0 0 7px var(--tw-shadow-color, #25a3e1);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #25a3e1;
  border-width: 0;
  border-radius: 28px;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

@media (min-width: 48rem) {
  .partner-card-btn-blue {
    height: 40px;
    font-size: 16px;
  }
}

@media (min-width: 64rem) {
  .partner-card-btn-blue {
    --tw-shadow: 0 0 13px var(--tw-shadow-color, #25a3e1);
    height: 50px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    padding-inline: 25px;
    font-size: 20px;
  }
}

.partner-telegrame-icon {
  font-size: 12px;
}

@media (min-width: 48rem) {
  .partner-telegrame-icon {
    font-size: 20px;
  }
}

@media (min-width: 64rem) {
  .partner-telegrame-icon {
    font-size: 24px;
  }
}

.partner-withdrawal-icon {
  width: 28px;
  padding-right: 10px;
}

@media (min-width: 40rem) {
  .partner-withdrawal-icon {
    padding-right: 5px;
  }
}

@media (min-width: 48rem) {
  .partner-withdrawal-icon {
    padding-right: 10px;
  }
}

@media (min-width: 64rem) {
  .partner-withdrawal-icon {
    padding-right: 10px;
  }
}

.partner-card-special-info {
  text-align: center;
  --tw-font-weight: 800;
  color: #ffb001;
  font-weight: 800;
}

@media (min-width: 40rem) {
  .partner-card-special-info {
    font-size: 10px;
  }
}

@media (min-width: 48rem) {
  .partner-card-special-info {
    font-size: 12px;
  }
}

@media (min-width: 64rem) {
  .partner-card-special-info {
    font-size: 16px;
  }
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}