.single-blog-info {
  padding: 4rem 0 2rem;
  background: rgba(126, 140, 168, 0.1);
}
.single-blog-info .container {
  position: relative;
  display: flex;
  gap: 4.62rem;
}
.single-blog-info-background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.single-blog-info-background img {
  width: 34.39169rem;
  height: 46.625rem;
  object-fit: cover;
}
.single-blog-info-content {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.single-blog-info-header {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.single-blog-info-header-image {
  width: 5rem;
  height: 5rem;
}
.single-blog-info-header-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.single-blog-info-header-text {
  display: flex;
  flex-direction: column;
}
.single-blog-info-header-date p span,
.single-blog-info-header-author p span {
  color: #0a2457;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 700;
  font-family: "Gentium Book Plus";
}
.single-blog-info-header-date p span {
  margin-right: 3.31rem;
}
.single-blog-info-header-author p span {
  margin-right: 2rem;
}
.single-blog-info-header-date p,
.single-blog-info-header-author p {
  color: rgba(10, 36, 87, 0.3);
  font-size: 1rem;
  line-height: 100%;
  font-weight: 500;
}
.single-blog-info-description {
  margin: 3.5rem 0 1.8rem;
}
.single-blog-info-description p {
  color: #0a2457;
  font-family: "Gentium Book Plus";
  font-size: 1.625rem;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: -0.07rem;
}
.single-blog-info-full-description p {
  color: #010a44;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  text-align: justify;
}
.single-blog-info-full-description p span {
  font-weight: 700;
}
.single-blog-info-image {
  width: 50%;
  height: 18rem;
  border-radius: 0.3125rem;
  border: 0.25rem solid rgba(10, 36, 87, 0.1);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.07);
}
.single-blog-info-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3125rem;
}
.single-blog-content {
  background: rgba(126, 140, 168, 0.1);
  padding-bottom: 4rem;
}
/* .single-blog-content .container {
  display: flex;
  gap: 4.62rem;
} */
/* .single-blog-content-left,
.single-blog-content-right {
  width: 50%;
} */
.single-blog-content .container .single-blog-content-left p:last-child,
.single-blog-content .container .single-blog-content-right p:last-child {
  margin-bottom: 0;
}
.single-blog-content .container h3 {
  color: #010a44;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
.single-blog-content .container h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
  background-color: #010a44;
  border-radius: 50%;
  width: 0.313rem;
  height: 0.313rem;
}
.single-blog-content .container p {
  color: #010a44;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 2rem;
  text-align: justify;
}
.single-blog-content .container strong {
  font-weight: 700;
}
.single-blog-related {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.single-blog-related-title {
  margin-bottom: 2rem;
}
.single-blog-related-title p {
  color: #153164;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 600;
}

/* .single-blog-info {
  padding: 3.75rem 0;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  background-color: #f3f4f7;
}

.single-blog-info-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 76.875rem;
}

.single-blog-info-user {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.single-blog-info-mid img {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: cover;
  border-radius: 50%;
}

.single-blog-info-left {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.single-blog-info-left span,
.single-blog-info-right span {
  color: #153164;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;

  font-family: "Gentium Book Plus";
  font-style: italic;
}

.single-blog-info-left p,
.single-blog-info-right p {
  color: #153164;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 500;
}

.single-blog-info-description p {
  color: #153164;
  font-size: 2.5rem;
  line-height: 3.75rem;
  font-weight: 400;
  text-align: center;

  font-family: "Gentium Book Plus";
  font-style: italic;
}

.single-blog-content {
  background-color: #f3f4f7;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 15rem 2rem;
}

.single-blog-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.single-blog-content ul,
.single-blog-content ol {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1.5rem;
  margin-left: 1rem;
  margin-bottom: 2rem;
}

.single-blog-content li,
.single-blog-content p {
  margin-bottom: 2rem;
  color: #153164;
  text-align: justify;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2.1875rem;
  list-style-type: inherit;
}

.single-blog-content li {
  margin-bottom: 0;
}

.single-blog-content ul ul,
.single-blog-content ul ol,
.single-blog-content ol ol,
.single-blog-content ol ul {
  margin-bottom: 0;
}

.single-blog-content-view {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: flex-end;
}

.single-blog-content-view p {
  color: #144ddd80;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  margin-bottom: 0;
}

.single-blog-content-view img {
  width: 0.875rem;
  height: 0.875rem;
  object-fit: contain;
  margin-bottom: 0;
} */