.raft-ammonia-cta-figma {
  --raft-ammonia-cta-navy: #000026;
  --raft-ammonia-cta-purple: #4f0657;
  --raft-ammonia-cta-coral: #f05252;
  --raft-ammonia-cta-gold: #f6d586;
  background: var(--raft-ammonia-cta-navy);
  box-sizing: border-box;
  color: #fff;
  font-family: "Neue Einstellung", "NeueEinstellung", "Avenir Next", Avenir, Arial, sans-serif;
  overflow: hidden;
  padding: clamp(120px, 7.8125vw, 150px) 0 0;
  width: 100%;
}

.raft-ammonia-cta-figma *,
.raft-ammonia-cta-figma *::before,
.raft-ammonia-cta-figma *::after {
  box-sizing: border-box;
}

.raft-ammonia-cta-figma__shell {
  margin: 0 auto;
  max-width: 1536px;
  width: 80vw;
}

.raft-ammonia-cta-figma__card {
  background: rgba(215, 176, 249, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 24px;
  height: clamp(500px, 34.5833vw, 664px);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.raft-ammonia-cta-figma__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: clamp(25px, 1.6667vw, 32px);
  padding: clamp(50px, 3.3333vw, 64px) 0;
  position: relative;
  width: 52.2786%;
  z-index: 3;
}

.raft-ammonia-cta-figma__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(19px, 1.25vw, 24px);
  margin-left: clamp(50px, 3.3333vw, 64px);
  width: calc(100% - clamp(50px, 3.3333vw, 64px));
}

.raft-ammonia-cta-figma__copy h2 {
  color: #fff;
  font-size: clamp(44px, 3.125vw, 60px);
  font-weight: 700;
  letter-spacing: clamp(-2px, -0.1042vw, -1.6px);
  line-height: 1.25;
  margin: 0;
  max-width: none;
  overflow-wrap: break-word;
}

.raft-ammonia-cta-figma__copy p {
  color: #fff;
  font-size: clamp(16px, 1.1458vw, 22px);
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  overflow-wrap: break-word;
}

.raft-ammonia-cta-figma__divider {
  display: block;
  height: 1px !important;
  max-width: none !important;
  width: 100%;
}

.raft-ammonia-cta-figma__button {
  align-items: center;
  background: linear-gradient(252.7425deg, var(--raft-ammonia-cta-gold) 0%, var(--raft-ammonia-cta-coral) 99.604%);
  border-radius: 12px;
  color: var(--raft-ammonia-cta-navy);
  display: inline-flex;
  font-size: clamp(14px, 0.9375vw, 18px);
  font-weight: 900;
  justify-content: center;
  letter-spacing: clamp(0.4px, 0.026vw, 0.5px);
  line-height: 1.25;
  margin-left: clamp(50px, 3.3333vw, 64px);
  min-height: clamp(48px, 3.28125vw, 63px);
  padding: clamp(16px, 1.0417vw, 20px) clamp(25px, 1.6667vw, 32px);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.raft-ammonia-cta-figma__button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

.raft-ammonia-cta-figma__image-mask {
  height: 110.8434%;
  left: 38.6068%;
  -webkit-mask-image: var(--raft-ammonia-cta-mask);
  mask-image: var(--raft-ammonia-cta-mask);
  -webkit-mask-position: 0.6369% 0;
  mask-position: 0.6369% 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 99.3631% 100%;
  mask-size: 99.3631% 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 61.3281%;
  z-index: 1;
}

.raft-ammonia-cta-figma__main-image {
  display: block;
  height: auto !important;
  left: 0.03%;
  max-width: none !important;
  position: absolute;
  top: -31.45%;
  width: 100%;
}

.raft-ammonia-cta-figma__product-badge {
  align-items: center;
  background: linear-gradient(265.6112deg, var(--raft-ammonia-cta-gold) 0%, var(--raft-ammonia-cta-coral) 99.604%);
  border: 1px solid rgba(79, 6, 87, 0.25);
  border-radius: 50%;
  display: flex;
  height: clamp(219px, 14.4792vw, 278px);
  justify-content: center;
  left: 79.5573%;
  padding: clamp(3px, 0.2083vw, 4px);
  position: absolute;
  top: 5.8675%;
  width: clamp(219px, 14.4792vw, 278px);
  z-index: 4;
}

.raft-ammonia-cta-figma__product-badge-inner {
  align-items: center;
  background-color: #4f0657;
  background-image: radial-gradient(ellipse 297% 297% at 263.85% 40.77%, #f6d586 10%, #f3946c 25%, #f2735f 32.5%, #f05252 40%, #c83f53 47.861%, #a02c55 55.723%, #771956 63.584%, #4f0657 71.446%, #28033f 85.723%, #140232 92.861%, #0a012c 96.431%, #000026 100%);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 0.4167vw, 8px);
  height: 100%;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.raft-ammonia-cta-figma__product-badge-inner > img {
  display: block;
  height: clamp(50px, 3.28125vw, 63px) !important;
  max-width: none !important;
  width: clamp(46px, 3.0729vw, 59px);
}

.raft-ammonia-cta-figma__product-badge-inner strong {
  color: var(--raft-ammonia-cta-coral);
  font-size: clamp(16px, 1.1458vw, 22px);
  font-weight: 500;
  line-height: 1.6;
  width: 88.8889%;
}

.raft-ammonia-cta-figma__product-badge-inner span {
  color: #fff;
  font-size: clamp(14px, 0.9375vw, 18px);
  font-weight: 400;
  line-height: 1.6;
  width: 84.4444%;
}

.raft-ammonia-cta-figma__applications {
  align-items: center;
  display: flex;
  gap: clamp(12px, 0.8333vw, 16px);
  margin-top: 32px;
  min-height: clamp(73px, 4.84375vw, 93px);
  width: 100%;
}

.raft-ammonia-cta-figma__applications-title {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 1 auto;
  gap: clamp(12px, 0.8333vw, 16px);
  min-width: 0;
}

.raft-ammonia-cta-figma__applications-title i {
  align-self: stretch;
  background: linear-gradient(180deg, rgba(240, 82, 82, 0) 0%, #4f0657 50%, #f05252 75%, #f6d586 90%, rgba(246, 213, 134, 0) 100%);
  display: block;
  flex: 0 0 clamp(4px, 0.2604vw, 5px);
}

.raft-ammonia-cta-figma__applications-title strong {
  color: #fff;
  font-size: clamp(15px, 0.9375vw, 18px);
  font-weight: 700;
  letter-spacing: clamp(1px, 0.0656vw, 1.26px);
  line-height: 1.6;
  max-width: 560px;
  text-transform: uppercase;
}

.raft-ammonia-cta-figma__species {
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  flex: 0 0 auto;
  gap: clamp(12px, 0.8333vw, 16px);
  justify-content: center;
  padding-right: clamp(18px, 1.25vw, 24px);
}

.raft-ammonia-cta-figma__species--last {
  border-right: 0;
}

.raft-ammonia-cta-figma__species-photo {
  border: 2px solid var(--raft-ammonia-cta-gold);
  border-radius: 50%;
  flex: 0 0 clamp(73px, 4.84375vw, 93px);
  height: clamp(73px, 4.84375vw, 93px);
  overflow: hidden;
  position: relative;
  width: clamp(73px, 4.84375vw, 93px);
}

.raft-ammonia-cta-figma__species-photo > div {
  height: 168.8172%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.raft-ammonia-cta-figma__species-photo img {
  display: block;
  max-width: none !important;
  position: absolute;
}

.raft-ammonia-cta-figma__species-photo--poultry img {
  height: 100% !important;
  left: 0;
  object-fit: cover;
  top: 0;
  width: 100%;
}

.raft-ammonia-cta-figma__species-photo--dairy img,
.raft-ammonia-cta-figma__species-photo--equine img {
  height: 59.24% !important;
  left: 0;
  top: 0.27%;
  width: 100%;
}

.raft-ammonia-cta-figma__species-photo--equine img {
  top: 0.05%;
}

.raft-ammonia-cta-figma__species-photo--swine img {
  height: 73.77% !important;
  left: -29.93%;
  top: 0.19%;
  width: 124.53%;
}

.raft-ammonia-cta-figma__species-label {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 0.4167vw, 8px);
}

.raft-ammonia-cta-figma__animal-icon {
  height: clamp(36px, 2.3958vw, 46px);
  overflow: hidden;
  position: relative;
  width: clamp(37px, 2.4479vw, 47px);
}

.raft-ammonia-cta-figma__animal-icon > img {
  display: block;
  max-width: none !important;
  position: absolute;
}

.raft-ammonia-cta-figma__animal-icon--poultry > img {
  height: 100% !important;
  inset: 0;
  width: 100%;
}

.raft-ammonia-cta-figma__dairy-body {
  bottom: 16.23%;
  height: auto !important;
  left: 6.85%;
  right: 6.71%;
  top: 15.22%;
  width: 86.44%;
}

.raft-ammonia-cta-figma__dairy-detail {
  bottom: 53.21%;
  height: auto !important;
  left: 59.6%;
  right: 25.58%;
  top: 39.95%;
  width: 14.82%;
}

.raft-ammonia-cta-figma__animal-icon--equine > img {
  height: auto !important;
  left: 8.51%;
  top: 14.99%;
  width: 82.98%;
}

.raft-ammonia-cta-figma__animal-icon--swine {
  height: clamp(36px, 2.3958vw, 46px);
  width: clamp(36px, 2.3958vw, 46px);
}

.raft-ammonia-cta-figma__swine-body {
  height: 76.8937% !important;
  left: 0;
  top: 11.55%;
  width: 100%;
}

.raft-ammonia-cta-figma__swine-detail-1 {
  height: 17.09% !important;
  left: 62.69%;
  top: 35.69%;
  width: 20.64%;
}

.raft-ammonia-cta-figma__swine-detail-2 {
  height: 3.6% !important;
  left: 67.98%;
  top: 42.43%;
  width: 3.6%;
}

.raft-ammonia-cta-figma__swine-detail-3 {
  height: 3.6% !important;
  left: 74.44%;
  top: 42.43%;
  width: 3.6%;
}

.raft-ammonia-cta-figma__swine-detail-4a,
.raft-ammonia-cta-figma__swine-detail-4b {
  height: 4% !important;
  left: 62.62%;
  top: 29.14%;
  width: 4%;
}

.raft-ammonia-cta-figma__swine-detail-4b {
  left: 79.4%;
}

.raft-ammonia-cta-figma__swine-detail-5 {
  height: 4.02% !important;
  left: 24.44%;
  top: 34.72%;
  width: 21.92%;
}

.raft-ammonia-cta-figma__species-label span {
  color: #fff;
  font-size: clamp(15px, 0.9375vw, 18px);
  font-weight: 400;
  letter-spacing: clamp(0.3px, 0.01875vw, 0.36px);
  line-height: 1.6;
  white-space: nowrap;
}