@media (max-width: 991px) {
	#mobile-title {
		display: none;
	}
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.article_content {
	max-width: 900px;
}

.article-content img {
	max-width: 800px;
	width: 100%;
	height: auto;
}

.article-content video {
	max-width: 480px;
}

.premium-banner {
	display: none;
}

a:hover {
	text-decoration: none;
}

ol {
	width: 100%;
}

.article-content ol {
	list-style: inherit;
	list-style-type: decimal;
}

#block-contain {
	display: block;
	column-count: 3;
	column-gap: 0;
	column-width: 280px;
}

/* large */
@media all and (min-width: 992px) and (max-width: 1200px) {
	#block-contain {
		column-count: 2;
	}
}

/* medium */
@media all and (min-width: 768px) and (max-width: 992px) {
	.article-content img {
		max-width: 700px;
	}

	#block-contain {
		column-count: 2;
	}
}

/* small */
@media all and (min-width: 576px) and (max-width: 767px) {
	.article-content img {
		max-width: 600px;
	}

	#block-contain {
		column-count: 2;
	}
}

/* Extra small */
@media all and (max-width: 575px) {
	.article-content img {
		max-width: 300px;
	}

	#block-contain {
		column-count: 1;
	}
}

.tab-content .h1,
.tab-content .h2,
.tab-content .h3,
.tab-content .h4,
.tab-content .h5,
.tab-content .h6,
.tab-content h1,
.tab-content h2,
.tab-content h3,
.tab-content h4,
.tab-content h5,
.tab-content h6 {
	margin-bottom: 0.5rem;
	line-height: 1.2;
	margin-top: 0;
}

.card-body {
	padding: 20px !important;
}

.tab-content h3 {
	font-size: 28px !important;
}

body {
	background: var(--primary-background);
}

h3.card-title {
	font-size: 24px !important;
	color: #333;
}

.card-desc {
	font-size: 19px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 35px;
	margin-top: 18px;
	color: #333;
}

a.card-read {
	font-size: 19px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 114px;
}

a.card-read span {
	position: relative;
	top: 2px;
	left: 2px;
}

.left_sidebar {
	margin: 0 0 -100px;
	background: white;
	z-index: 2;
	box-shadow: 0px 0px 20px 0px rgba(158, 158, 169, 0.75);
	padding: 0;
}

.right_nav_tiitle {
	padding-left: 50px;
	font-size: 28px;
	font-weight: bold;
}

.right_header_cont .row {
	align-items: center;
}

.right_header_cont {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.date_header {
	padding-top: 5px;
}

.date_header span {
	font-weight: 300;
	margin-right: 20px;
	font-size: 18px;
	color: #9297a8;
}

.title_right_head {
	font-size: 20px;
}

/* sidebar */
.nav_sidebar {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 35px;
}

.nav_sidebar .nav {
	justify-content: center;
}

.nav_sidebar ul li a {
	font-size: 16px;
	color: var(--medium-font);
}

.nav-link.active {
	font-weight: bold;
	color: black;
	border-bottom: 4px solid #107fea;
	padding: 0;
	margin: 0.5rem 1rem;
	padding-bottom: 10px;
}

/* CARDS */
.content_target {
	padding-left: 35px;
	margin-top: 60px;
}

/*#block-contain {*/
/*!*display: flex;*!*/
/*!*flex-flow: column wrap;*!*/
/*!*max-width:100%;*!*/
/*!*flex-wrap: wrap;*!*/
/*display: -ms-flexbox;*/
/*-ms-flex-direction: column;*/
/*-ms-flex-wrap: wrap;*/
/*display: flex;*/
/*flex-direction: column;*/
/*flex-wrap: wrap;*/
/*height: 100vw;*/
/*font-size: 0;*/
/*}*/

/*#block-contain > div {*/
/*}*/

.block {
	/*padding-bottom: 40px;*/
	/*min-width: 380px!important;*/
	flex: 1 0 auto !important;
	overflow: hidden;
}

.button_blue {
	border: 2px solid #107fea;
	background: #107fea;
	text-decoration: none;
	border-radius: 50px;
	color: white;
	text-align: center;
	display: block;
	font-size: 26px;
}

.button_blue:hover {
	color: #107fea;
	text-decoration: none;
	border: 2px solid #107fea;
	border-radius: 50px;
	display: block;
	text-align: center;
	background: transparent;
	box-shadow: none;
}

.improve_button {
	box-shadow: 0px 13px 35px 0px rgba(16, 127, 234, 0.55);
	width: 235px;
	line-height: 45px;
	font-weight: normal;
	margin: 0 auto;
	margin-top: 0;
}

/*.more_block {
    position: relative;
    bottom: 50px;
}*/

p.more_text {
	text-align: center;
	margin-top: 90px;
	font-size: 21px;
}

.content_target .col-md-12 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg_card {
	height: 270px !important;
	width: 100%;
	max-width: 463px;
	border-radius: 10px 10px 0 0;
	position: relative;
	background: url('../card_img.html') no-repeat;
	background-size: cover !important;
}

.card-text {
	padding-top: 10px;
	font-weight: 400;
	font-size: 18px;
	color: var(--dark-font);
}

.card_target {
	border-radius: 10px;
	max-width: 463px;
	border: none;
	justify-content: center;
	margin-bottom: 0 !important;
}

.card_target:hover {
	box-shadow: 0px 0px 20px 0px rgba(158, 158, 169, 0.75);
	cursor: pointer;
}

.card_target:hover a {
	color: #007bff;
}

.card-bottom {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 15px;
	margin-top: 30px;
	border-top: 1px solid #e2e5ee;
	width: calc(100% + 40px);
	position: relative;
	left: -20px;
	color: #999eae;
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 0px;
	padding-top: 20px;
}

.card-bottom span {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.card-bottom span svg {
	height: 15px;
	margin-right: 5px;
	fill: #999eae;
	position: relative;
	bottom: 2px;
}

.card-bottom span:nth-child(2) {
	border-right: 1px solid #b6bac5;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b6bac5;
}

.header_left {
	padding-left: 15px;
}

.header_bg {
	/*background-image: url('../img/article_image.png');*/
	background-position: center center;
	height: 420px;
	background-size: cover;
	background-repeat: no-repeat;
}

.article_content_wrap {
	position: relative;
}

.header_bg + .article_content_wrap {
	bottom: 190px;
}

.article_content {
	background: #fff;
	min-height: 100px;
	margin: 0 auto;
	border-radius: 5px;
	padding: 0 70px 48px;
}

.article_top_panel {
	display: flex;
	padding: 22px 56px;
	align-items: center;
	justify-content: space-between;
	margin: 0 -70px;
	font-size: 20px;
	font-weight: 600;
	background-color: var(--dark-header);
	border-radius: 8px 8px 0 0;
}

.row.article-meta span {
	color: #9297a8;
	font-size: 18px;
	line-height: 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.article-meta span svg {
	height: 15px;
	margin-right: 5px;
	fill: #999eae;
	position: relative;
	bottom: 2px;
}

.article-meta span:nth-child(2) {
	border-right: 1px solid #b6bac5;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b6bac5;
	margin-right: 10px;
	margin-left: 10px;
}

.row.article-content p,
.row.article-content li {
	font-size: 18px;
	font-weight: 300;
	color: var(--medium-font);
	line-height: 30px;
	margin-bottom: 40px;
	width: 100%;
}
.row.article-content p {
	margin-bottom: 18px;
}

.row.article-content li {
	margin-bottom: 20px;
	list-style-type: disc;
}

.row.article-content h1,
.row.article-content h2,
.row.article-content h3,
.row.article-content h4,
.row.article-content h5,
.row.article-content h6 {
	margin-bottom: 32px;
	display: block !important;
	width: 100% !important;
	line-height: 1;
	margin-top: 54px;
}

.row.article-content h1 {
	font-size: 48px;
	font-weight: 600;
}

.row.article-content h2 {
	font-size: 30px;
	margin-bottom: 22px;
}

.row.article-content h2 {
	margin-bottom: 18px;
}

.row.other_posts {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #e2e5ee;
	margin-bottom: 120px;
}

.row.other_posts .post {
	min-width: 245px;
	width: 245px;
	margin: 0 10px;
	margin-bottom: 30px;
}

.post img {
	width: 100%;
	height: 130px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 15px;
}

h3.post_title {
	font-size: 19px;
	line-height: 26px;
}

.post .post_meta {
	display: flex;
	align-items: center;
	justify-content: space-around;
	color: #999eae;
	font-size: 12px;
	line-height: 18px;
}

.post .post_meta span {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.post .post_meta span svg {
	height: 15px;
	margin-right: 5px;
	fill: #999eae;
	position: relative;
	bottom: 2px;
}

.post .post_meta span:nth-child(2) {
	border-right: 1px solid #b6bac5;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-left: 1px solid #b6bac5;
}

.row.article-meta {
	display: none;
	/*display: flex;*/
	align-items: center;
	padding-bottom: 40px;
	justify-content: flex-start;
	margin-bottom: 40px;
	border-bottom: 1px solid #e2e5ee;
}

.article_top_panel a {
	line-height: 20px;
	color: #9297a8;
}

.article_top_panel a:hover {
	color: #007bff;
}

.comments {
	text-align: center;
}

.comments img {
	width: 100%;
}

@media all and (max-width: 1000px) {
	.block {
		min-width: 100% !important;
		width: 100% !important;
	}

	.card.card_target,
	.bg_card {
		max-width: 100%;
	}

	.bg_card {
		background-size: cover;
		/*background-position: center center; */
	}
}

@media all and (max-width: 978px) {
	.date_header span {
		font-size: 14px;
	}

	.title_right_head {
		font-size: 16px;
	}

	.right_nav_tiitle {
		font-size: 24px;
		text-align: center;
	}

	.right_header_cont {
		justify-content: center;
	}
}

@media all and (max-width: 767px) {
	.left_sidebar {
		margin: initial;
	}

	.card_target {
		max-width: initial;
	}

	.bg_card {
		height: 293px;
		width: 100%;
		border-radius: 10px 10px 0 0;
		position: relative;
		background: url('../card_img.html') no-repeat;
		background-size: cover;
	}
}

@media all and (max-width: 600px) {
	.card-bottom {
		font-size: 14px;
		line-height: 14px;
		flex-direction: column;
	}

	.card-bottom span:nth-child(2) {
		border: none;
		margin: 15px;
		padding: 15px;
		border-top: 1px solid #e2e4ee;
		border-bottom: 1px solid #e2e4ee;
		width: calc(100% + 30px);
		justify-content: center;
	}

	p.more_text {
		font-size: 16px;
		line-height: 22px;
	}

	.improve_button {
		box-shadow: 0px 13px 35px 0px rgba(16, 127, 234, 0.55);
		width: 150px;
		line-height: 30px;
	}

	.button_blue {
		font-size: 21px;
	}

	h3.card-title {
		font-size: 22px !important;
	}

	.card-desc {
		font-size: 18px;
		line-height: 23px;
	}

	a.card-read {
		font-size: 18px;
		width: 100px;
	}

	.row.article_title h2 {
		font-size: 25px;
		text-align: center;
	}

	.article_top_panel {
		/*flex-direction: column;*/
		/*align-items: center;*/
		/*justify-content: center;*/
		/*font-size: 12px;*/
		display: none;
	}

	.article_top_panel a {
		line-height: 35px;
		color: #9297a8;
	}

	.row.article-meta span:nth-child(2) {
		border: none;
		margin: 15px 0;
		padding: 15px 0;
		border-top: 1px solid #e2e4ee;
		border-bottom: 1px solid #e2e4ee;
		justify-content: center;
	}

	.row.article-meta {
		font-size: 12px;
		line-height: 14px;
		flex-direction: column;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.row.article-meta span {
		font-size: 14px;
		width: 100%;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.article_content {
		padding: 0 42px 48px;
	}
}

@media all and (max-width: 575px) {
	.nav_sidebar .nav .nav-item {
		text-align: center;
	}

	.content_target {
		padding-left: 0;
	}

	.right_nav_tiitle {
		font-size: 18px;
		text-align: center;
	}

	.card_target {
		max-width: initial;
	}

	.bg_card {
		height: 293px;
		width: 100%;
		border-radius: 10px 10px 0 0;
		position: relative;
		background: url('../card_img.html') no-repeat;
		background-size: cover;
	}
}

@media all and (max-width: 500px) {
	.post_meta span:nth-child(2) {
		border: none;
		margin: 15px 0;
		padding: 15px 0;
		border-top: 1px solid #e2e4ee;
		border-bottom: 1px solid #e2e4ee;
		border-right: none !important;
		border-left: none !important;
		justify-content: center;
	}

	.post_meta {
		font-size: 12px;
		line-height: 14px;
		flex-direction: column;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.post_meta span {
		font-size: 14px;
		width: 100%;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	.row.other_posts .post {
		min-width: 100%;
		width: 100%;
	}
}

@media all and (max-width: 420px) {
	.bg_card {
		height: 293px;
		width: 100%;
		border-radius: 10px 10px 0 0;
		position: relative;
		background: url('../card_img.html') no-repeat;
		background-size: initial;
	}
}

@media all and (max-width: 400px) {
	.nav_sidebar .nav {
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
}

.row.make-columns {
	-moz-column-width: 19em;
	-webkit-column-width: 19em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
}

.row.make-columns > div {
	display: inline-block;
	padding: 0.5rem;
	width: 100%;
}

.card-new {
	margin: 0 auto;
}

body .tab-content {
	font-size: 16px;
}

#block-contain > div {
	break-inside: avoid;
	padding: 5px;
	margin: 0;
	max-width: none;
	width: 100%;
}

@media (min-width: 800px) {
	.badge-grid {
		display: grid;
		max-width: 800px;
		grid-template-columns: repeat(auto-fill, 180px);
		grid-gap: 50px;
	}
}

.badge-wrapper {
	display: flex;
	align-items: center;
}

.badge-wrapper.with-float .badge__img__score {
	transform: scale(0.7) translateY(-10px);
}

.badge-wrapper.small .badge__img {
	max-width: 50px;
}

.badge__img {
	max-width: 80px;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.badge__img__svg {
	display: block;
	max-width: 100%;
	width: 100%;
}

.badge__img__score {
	position: absolute;
	color: white;
	line-height: 15px;
	font-size: 16px;
	font-weight: bold;
	background-image: linear-gradient(#ffffff, #d5d8dc);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-filter: drop-shadow(0 0px 2px rgba(0, 0, 0, 0.75));
	filter: drop-shadow(0 0px 2px rgba(0, 0, 0, 0.75));
	pointer-events: none;
}

.badge__img__score--float {
	position: absolute;
	color: white;
	transform: translateY(5px);
	font-size: 18px;
	font-weight: bold;
	background-image: linear-gradient(#ffffff, #d5d8dc);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-filter: drop-shadow(0 0px 2px rgba(0, 0, 0, 0.75));
	filter: drop-shadow(0 0px 2px rgba(0, 0, 0, 0.75));
}

.badge__placement {
	margin-left: 4px;
	margin-bottom: 0 !important;
	color: inherit;
}

.colour-block {
	width: 75px;
	height: 75px;
}

.colour-container {
	background-color: white;
	padding: 75px;
	border: 2px #333 solid;
	margin: 10px;
	width: 98%;
}

.blog-socials {
	display: flex;
	justify-content: center;
	width: 100%;
}

.blog-socials img {
	max-width: 64px;
	max-height: 64px;
	margin-left: 42px;
	margin-right: 42px;
}

.row.article-content p.definition {
	margin-bottom: 0;
}