/* Blog post */

.blog-post {
	margin: 0 auto;
	max-width: 960px;
}

.blog-post__meta {
	margin-bottom: 1.4rem;
}

.blog-post__meta a {
	text-decoration: underline;
}

.blog-post__timestamp {
	display: block;
}

.blog-post__tags svg {
	height: auto;
	margin-right: 0.35rem;
	width: 15px;
}

.blog-post__tag-link {
	font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
	background-color: #F8FAFC;
}

.blog-related-posts h2 {
	text-align: center;
}

.blog-related-posts__list {
	display: flex;
	flex-wrap: wrap;
}

.blog-related-posts__post {
	flex: 0 0 100%;
	padding: 1rem;
}

._hsBlogPostTags_1hg5v_3 {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap !important;
	gap: 8px;
	min-height: 100px;
	padding: 20px 24px;
	margin: 0 !important;
}

a._hsBlogPostTag_1hg5v_3 {
	align-items: center;
	border: 1px solid #bfbed6;
	color: #71717a;
	display: flex;
	flex-direction: row;
	font-family: Golos Text !important;
	font-size: 10.24px;
	font-style: normal;
	font-weight: 600 !important;
	height: 24px;
	justify-content: center;
	letter-spacing: -.03em;
	line-height: 120%;
	margin: 0 !important;
	padding: 6px 10px;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: .3s ease;
}

a._hsBlogPostTag_1hg5v_3:hover {
	background: #fee35c;
	color: #000;
}

._hsBlogPostButtonWrapper_1hg5v_163 a._hsBlogPostButton_1hg5v_163.button {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 0px 8px;
	gap: 20px;
	height: 30px;
	margin: 0 !important;
	width: auto !important;
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #000000;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #000000;
}

._hsBlogPostButtonWrapper_1hg5v_163 a._hsBlogPostButton_1hg5v_163.button:before {
	position: relative;
	order: 2;
	top: 0;
	right: 0;
}

._hsBlogPostButtonWrapper_1hg5v_163 a._hsBlogPostButton_1hg5v_163.button:hover {
	color: #fdd402;
	border-color: #fdd402;
}

.laas-blog-page .dnd_area-row-0-max-width-section-centering {
	background: url(https://www.softway.com/hubfs/LAAS%20Website%20V1/blogBG.png) !important;
	background-repeat: no-repeat !important;
	background-color: #fff !important;
	background-size: cover !important;
	background-position: bottom center !important;
	padding: 133px 20px 197px !important;
}

.laas-blog-page .dnd_area-row-0-max-width-section-centering h1 {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 61.04px;
	line-height: 120%;
	text-align: center;
	letter-spacing: -0.04em;
	color: #000000;
	margin: 0 0 8px;
}

.laas-blog-page .dnd_area-row-0-max-width-section-centering p {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 135%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #71717A;
	margin: 0 auto 25px;
}

.laas-blog-page .dnd_area-row-1-vertical-alignment.dnd-section {
	padding: 96px 20px;
	background: #fafafa;
}

article._hsBlogPost_1hg5v_2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	background: #FFFFFF;
}

article._hsBlogPost_1hg5v_2 [data-hs-island="true"]:first-child {
	display: flex;
	flex-direction: column;
	padding: 24px;
	height: 340px;
	background: #FFD300;
}

._hsBlogPostListingContent_1hg5v_80 {
	display: flex;
	flex-direction: column;
}

article._hsBlogPost_1hg5v_2 [data-hs-island="true"] h2 {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	letter-spacing: -0.04em;
	color: #000000;
}

article._hsBlogPost_1hg5v_2 [data-hs-island="true"] h2 a {
	color: #000000;
}

[data-testid="author-wrapper"] {
	margin: 0 !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 24px;
	gap: 12px;
	height: 104px;
	background: #FFE35C;
	margin-top: -104px !important;
	position: relative;
}

[data-testid="author-wrapper"] ._hsBlogPostAuthorImageWrapper_1hg5v_122 {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

[data-testid="author-wrapper"] ._hsBlogPostAuthorImageWrapper_1hg5v_122 img {
	width: 160px;
}

[data-testid="author-name"] {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 135%;
	letter-spacing: -0.03em;
	color: #000000 !important;
	text-decoration: none;
	margin: 0 !important;
}

._hsBlogPostButtonWrapper_1hg5v_163 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 0px 32px;
	gap: 10px;
	margin: 0 auto;
	border-top: 1px solid #E4E4E7;
	width: calc(100% - 48px);
}

@media screen and (min-width: 768px) {
	.blog-related-posts__post {
		flex: 0 0 calc(100% / 2);
	}
}

@media screen and (min-width: 1000px) {
	.blog-related-posts__post {
		flex: 0 0 calc(100% / 3);
	}
}

.blog-related-posts__image {
	height: auto;
	max-width: 100%;
}

.blog-related-posts__title {
	margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
	margin: 0 auto;
	max-width: 680px;
}

.blog-comments .hs-submit {
	text-align: center;
}

.blog-comments .comment-reply-to {
	border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
	background-color: transparent;
	text-decoration: underline;
}

.laas-blog-post {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 160px 96px;
	background-color: #FAFAFA;
	background-image: url(https://www.softway.com/hubfs/LAAS%20Website%20V1/blogBG.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center -3%;
	padding: 0;
}

.blog-post--banner {
	padding: 48px 0 210px;
	text-align: center;
}

.blog-post--banner h1 {
	max-width: 868px;
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 48.83px;
	line-height: 120%;
	text-align: center;
	letter-spacing: -0.04em;
	color: #000000;
	margin: 0 auto 20px;
}

.blog-post__tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

a.blog-post__tag-link {
	align-items: center;
	border: 1px solid #bfbed6;
	color: #71717a;
	display: flex;
	flex-direction: row;
	font-family: Golos Text !important;
	font-size: 10.24px;
	font-style: normal;
	font-weight: 600 !important;
	height: 24px;
	justify-content: center;
	letter-spacing: -.03em;
	line-height: 120%;
	margin: 0 !important;
	padding: 6px 10px;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: .3s ease;
}

.blog-post__body {
	display: flex;
	flex-direction: column;
}

.blog-post__body img {
	width: 100% !important;
}

.blog-post__body p {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #27272A;
}

.blog-post__body ul {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #27272A;
	list-style: disc !important;
	padding-left: 30px;
}

.blog-post__body ul li::marker {
	color: #DFB900;
}

.blog-post__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 32px 0 0;
	margin: 32px 0px 0px;
	border-top: 1px solid #E4E4E7;
}

.blog-post__meta--author {
	display: flex;
	align-items: center;
	gap: 24px;
}

.blog-post__meta--author img {
	width: 120px;
	height: 120px;
	border-radius: 250px;
}

.blog-post__meta--author a {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 135%;
	letter-spacing: -0.03em;
	color: #27272A;
	text-decoration: none;
}

.blog-post__timestamp {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #71717A;
}

.blog-related-posts__post {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;
	background: #FFFFFF;
	flex: none;
	width: calc(33.33% - 22px);
}

.blog-related-posts__list {
	gap: 32px;
}

.blog-related-posts__post--top {
	display: flex;
	height: 340px;
	background: #FFD300;
	flex-direction: column;
	padding: 24px 0 0;
	justify-content: space-between;
}

.blog-related-posts__post--top h3 {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;!i;!;
	font-size: 25px;
	line-height: 130%;
	letter-spacing: -0.04em;
	color: #000000;
	padding: 0 24px;
}

.blog-related-posts__post--top h3 a {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 25px;
	line-height: 130%;
	letter-spacing: -0.04em;
	color: #000000;
}

.blog-related-posts__post--author {
	justify-content: space-between;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 24px;
	height: 104px;
	background: #FFE35C;
	position: relative;
}

.blog-related-posts__post--author a {
	order: 1;
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 135%;
	letter-spacing: -0.03em;
	color: #000000;
	text-decoration: none;
}

.blog-related-posts__post--author img {
	order: 2;
	width: 160px;
	height: 160px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.blog-related-posts__content {
	display: flex;
	flex-direction: column;
	padding: 24px;
	width: 100%;
	gap: 32px;
}

.blog-related-posts__content .blog-post__tags {
	justify-content: flex-start;
	height: 56px;
	align-items: flex-start;
}

.blog-related-posts h2 {
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 500;
	font-size: 48.83px;
	line-height: 120%;
	letter-spacing: -0.04em;
	color: #000000;
	text-align: left;
}

.blog-related-posts h2 span {
	color: #71717A;
}

.blog-related-posts__link {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 0px 8px;
	gap: 20px;
	height: 30px;
	border-bottom: 1px solid #000000;
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #000000 !important;
	text-decoration: none !important;
}

.blog-related-posts__link:after {
	background-image: url(//7169947.fs1.hubspotusercontent-na1.net/hubfs/7169947/raw_assets/public/softway-theme-v3/images/button-arrow.svg);
	background-repeat: no-repeat;
	content: "";
	height: 12px;
	transition: right .2s ease-out;
	width: 8px;
}

.blog-related-posts--head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 64px;
}

.blog-related-posts--head h2 {
	margin: 0;
}

.blog-related-posts--head a {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 0px 8px;
	gap: 48px;
	height: 30px;
	border-bottom: 1px solid #000000;
	font-family: 'Golos Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #000000;
	text-decoration: none;
}

.blog-related-posts--head a:after {
	background-image: url(//7169947.fs1.hubspotusercontent-na1.net/hubfs/7169947/raw_assets/public/softway-theme-v3/images/button-arrow.svg);
	background-repeat: no-repeat;
	content: "";
	height: 12px;
	transition: right .2s ease-out;
	width: 8px;
}

.blog-related-posts__action {
	display: flex;
}

.blog-related-posts {
	width: 100%;
	background: #fff;
}

@media screen and (max-width: 993px) {
	.blog-related-posts__post {
		width: calc(50% - 22px);
	}

	.laas-blog-post {
		padding: 0;
		background: none;
	}

	.blog-post--banner {
		padding: 30px 0 40px;
	}
}

@media screen and (max-width: 768px) {
	article._hsBlogPost_1hg5v_2 [data-hs-island=true]:first-child {
		height: auto;
		position: relative;
		flex-direction: column;
		padding-bottom: 150px;
	}

	article._hsBlogPost_1hg5v_2 [data-hs-island=true] h2 {
		font-size: 32px !important;
		line-height: 42px !important;
	}
	.blog-post__meta {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}

	article.blog-post {
		padding: 80px 0 0;
	}

	.laas-blog-post {
		background-position: center 5%;
	}

	.blog-related-posts__post {
		width: 100%;
	}

	.blog-related-posts__post--top {
		height: auto;
		gap: 50px;
	}

	.blog-related-posts__post--top h3 {
		margin: 0;
		line-height: 25px !important;=
	}
}