.solution-cards {
  background: linear-gradient(180deg, #010520 50%, #050b32 93.19%);
  padding: 110px 20px;
}

.solution-cards .container {
  margin: 0 auto;
  max-width: 1308px;
}

.solution-heading {
  margin: 0 0 64px 0;
  font-family: "Geist";
  font-weight: 600;
  font-size: 54px;
  line-height: 125%;
  text-align: center;
}

.solution-grid {
  display: grid;
  gap: 40px;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
}

.solution-card {
  background: #ffffff0d;
  position: relative;
}

.solution-card:before {
  content: url(/wp-content/uploads/2025/08/Ellipse-28-2.png);
  position: absolute;
  top: 0;
  right: 0;
}

.card-content {
  padding: 48px 32px;
}

.card-tags .tag {
  font-family: "IBM Plex Sans";
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  padding: 4px 12px;
}

.card-tags {
  display: flex;
  gap: 24px;
}

.card-tags .tag:nth-child(1) {
  background: #8345d34d;
}
.card-tags .tag:nth-child(2) {
  background: #45d35133;
}
.card-tags .tag:nth-child(3) {
  background: #d348454d;
}

.card-content h3 {
  font-family: "Geist";
  font-weight: 600;
  font-size: 38px;
  line-height: 125%;
  margin: 0 0 16px 0;
}

.card-content p {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  margin: 0 0 24px 0;
}

.read-more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #f7ff68;
}

.card-image {
  max-height: 360px;
  height: 100%;
}

.card-image img
{
  display: block;
  width: 100%;
}
.card-image img.card-image-desk
{
	display:block;
}
.card-image img.card-image-mob
{
	display:none;
}
@media(max-width:767px)
{
	.solution-cards
	{
		padding: 40px 32px;
	}
	.solution-heading
	{
		margin: 0 0 15px 0;
		font-weight: 500;
		font-size: 32px;
	}
	.solution-grid
	{
		display: flex;
		gap: 16px;
		flex-direction: column;
	}
	.solution-card
	{
		overflow: hidden;
	}
	.solution-card::before
	{
		width: 80%;
	}
	.card-content
	{
		padding: 20px;
	}
	.card-tags
	{
		gap: 5.46px;
	}
	.card-tags .tag
	{
		font-weight: 400;
		font-size: 14px;
	}
	.card-content h3
	{
		font-size: 28px;
		margin: 16px 0 3.64px 0;
	}
	.card-content p
	{
		margin: 0 0 16px 0;
	}
	.read-more
	{
		font-size: 15px;
	}
	.card-image img.card-image-desk
	{
		display:none;
	}
	.card-image img.card-image-mob
	{
		display:block;
	}
}