.blog-sub-form-wrapper {
	padding: 5px 0 45px 0; 
}

.blog-sub-form__border {
	gap: 10%;
	grid-gap: 10%;
	display: flex;
	justify-content: space-between;
	background-color: #444444;
}

.blog-sub-form__left {
	padding: 86px 0 163px 57px;
	width: 36.7%;
}

.blog-sub-form__left h2 {
	margin: 0 0 15px 0;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.9px;
	color: #fff;
}

.blog-sub-form__left p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.42px;
	color: #fff;
	/* 	width: 310px; */
}

.blog-sub-form__right {
	padding: 48px 41px 34px 0;
	width: 63.3%;
}

.blog-sub-form-right__title h3 {
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 0;
}

{# BLOG HUBSPOT FORM  #}

form {
	position: relative; 
}

ul {
	list-style-type: none; 
}

.blog-sub-form-wrapper .input ul.inputs-list {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-gap: 10px 0;
	gap: 10px 0;
	padding: 0;
	margin: 13px 0 34px;
}

.blog-sub-form-wrapper .input ul.inputs-list > li:last-child {
	grid-column: span 2;
}

{# tags #}

.blog-sub-form-wrapper li.hs-form-checkbox > label > span {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.48px;
	color: #fff;
	margin-left: 5px;
	user-select: none;
}

{# Tags input #}
.blog-sub-form-wrapper li.hs-form-checkbox > label > input:checked:before {
	opacity: 1;
}

.blog-sub-form-wrapper li.hs-form-checkbox > label > input:before {
	display: inline-block;
	transition: all 0.1s;
	opacity: 0;
	transform: scale(0.5, 0.5);
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNi42ODgiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzNi42ODggMzAiPjxwYXRoIGQ9Ik0wLDBIMzBWMzBIMFoiIGZpbGw9IiNkNzUxMmYiLz48cGF0aCBkPSJNMTA0MDkuNTI5LDIxOTcuMTY5bDkuMDcsOC42NjksMjAuOTMtMjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQwMy41MzEgLTIxODIuODM4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
	height: 0;
	width: 0;
}

{# Email address #}
.blog-sub-form-wrapper .hs-email > label > span {
	font-size: 16px;
	margin: 0px 0 6px 0;
	line-height: 25px;
	color: #fff;
	width: 100%;
}

{# Email input field #}
.blog-sub-form-wrapper input[type="email"] {
	width: calc(100% - 175px); /* 160px is the width of the button and 15px is the space between them */
	height: 40px;
	box-sizing: border-box;
	border: 0;
	padding: 0 0 0 10px;
	margin: 0;
}

{# Email error message #}
.blog-sub-form-wrapper .hs-email label.hs-error-msg {

}

.blog-sub-form-wrapper ul.hs-error-msgs {
	background-color: #b02524;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin: 0 8px 0 0;
	padding: 5px 10px;
	width: calc(100% - 175px);
}

{# Integrity text #}
.blog-sub-form-wrapper .hs-richtext.hs-main-font-element {
	color: #fff; 
	font-size: 12px;
	line-height: 18px;
	margin-top: 5px;
	height: 72px;
}
.blog-sub-form-wrapper .hs-richtext.hs-main-font-element span:hover{
	cursor: pointer;
}

{# Subscribe box #}

div[data-reactid=".hbspt-forms-1.5.1"] {
	max-width:  161px;
	height: 40px;
}

{# Subscribe wrapper #}
div[data-reactid=".hbspt-forms-0.5"] {
	position: absolute;
	right: 0;
	bottom: 77px;
}

{# Subscribe button #}

.blog-sub-form-wrapper input[type="submit"] {
	border: none;
	background-color: #D7512F;
	color: #fff;
	padding: 8px 34px;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	max-height: 40px;
	width: 160px;
}

.blog-sub-form-wrapper input[type="submit"]:hover {
	cursor: pointer;
}

/* Submit Message */
.blog-sub-form__form .submitted-message {
	color: #D7512F;
	font-weight: 600;
	font-size: 18px;
}

@media screen and (max-width: 900px) {
	.blog-sub-form-wrapper {
		padding: 0;
		margin: 0;
		background-color: #fff;
	}

	.blog-sub-form__border {
		display: block;
		background-color: #fff;
		border: 1px solid #D7512F;
	}

	.blog-sub-form__left {
		width: 100%;
		text-align: center;
	}

	.blog-sub-form__left h2 {
		font-size: 20px;
		line-height: 16px;
		letter-spacing: -0.03em;
		text-align: center;
		color: #222;
	}

	.blog-sub-form__left p {
		color: #222; 
	}

	.blog-sub-form__left {
		max-width:  100%;
		padding: 23px 17px 15px 17px;
		box-sizing: border-box;
	}

	.blog-sub-form__right {
		padding: 0px 17px 33px 17px;
		width: 100%;
		box-sizing: border-box;
	}

	.blog-sub-form-right__title h3 {
		font-size: 13px;
		line-height: 18px;
		letter-spacing: -0.01em;
		color: #222;
	}

	{# tags #}

	.blog-sub-form-wrapper li.hs-form-checkbox	> label > span {
		color: #222;
	}

	.input ul[data-reactid=".hbspt-forms-0.1:$0.$blog_post_form.0"] {
		grid-template-columns: 1fr 1fr;
		max-width: fit-content;
		grid-gap: 10px 32px;
	}

	{# Email adress #}
  .blog-sub-form-wrapper .hs-email > label > span {
		color: #222; 
	}

	{# Email input field #}
	.blog-sub-form-wrapper input[type="email"] {
		border: 1px solid #222;
		width: 100%;
	}

	{# Integrity text #} 
  .blog-sub-form-wrapper .hs-richtext.hs-main-font-element {
		margin-bottom: 20px;
		color: #222;
	}

	{# Subscribe wrapper #}
	div[data-reactid=".hbspt-forms-0.5"] {
		position: initial; 
		max-width:100%;
	}

	input[data-reactid=".hbspt-forms-0.5.1.0"] {
		width: 100%; 
	}
}

@media screen and (max-width: 400px) {
	.input ul[data-reactid=".hbspt-forms-0.1:$0.$blog_post_form.0"] {
		display: block;
	}
	.input ul[data-reactid=".hbspt-forms-0.1:$0.$blog_post_form.0"] > li {
		margin-bottom: 10px;
	}
}