@import '../../../../themes/recast2025/style.css';

/* Main Widget Container */
.s-block-widget {
	margin: 0 auto;
  padding: var(--margins-base-vert, 100px) var(--margins-base-hori, 100px);
}

.s-block-widget__wrapper {
  display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-base);
  max-width: var(--maxwidth-maxwidth-m, 1200px);
  margin: 0 auto;
}

/* Header Section */
.s-block-widget__header {
	max-width: var(--global-maxwidth-maxwidth-s);
	display: flex;
	flex-direction: column;
	gap: var(--gap-m, 24px);
	align-items: center;
	text-align: center;
}

.s-block-widget__main-heading {
	margin: 0;
	color: var(--neutrals-black, #161f5b);
}

.s-block-widget__main-heading span {
	color: var(--primary-recast-blue, #0372ff);
}

.s-block-widget__main-description {
	font-weight: 300;
	color: var(--neutrals-black, #161f5b);
}

.s-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  border: var(--stroke-width, 2px) solid var(--neutrals-grey-1, #E1E9F9);
  background: var(--neutrals-white, #FFF);
}

.s-block__image {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex: 0 0 50%;
  align-self: stretch;
}
.s-block__image img {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
}
.s-block__content {
  display: flex;
  padding: var(--margins-l, 48px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--gap-m, 24px);
  flex: 1 0 0;
}
.s-block_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs, 16px);
  align-self: stretch;
}
.s-block__title {
  color: var(--neutrals-black, #161F5B);
}
.s-block__divider {
  width: 40px;
  height: 3px;
  background: #e74c3c;
  margin-bottom: 8px;
}
.s-block__body {
  color: var(--Neutrals-Black, #161F5B);
}

.s-block__body a {
  color: var(--primary-recast-blue, #0372FF);
  font-weight: 600;
  text-decoration: none;
}

.s-block__cta {
  display: inline-block;
}
.s-block--swap {
  flex-direction: row-reverse;
}

@media (max-width: 600px) {
  .s-block {
    flex-direction: column;
  }
}

@media (max-width: 820px) {
  .s-block {
    flex-direction: column;
  }
  .s-block__content {
    background-color: var(--neutrals-white);
  }
  .s-block__image {
    width: 100%;
  }
}