<!--- Style for asset blocks ---->
<style>
.cm-highlight-card {
	position: relative;
	widht: 100%;
	background-color: #f1e0fb;
	margin: 16px;
	border-radius: 8px;
	padding: 16px 16px 16px 38px;

	h2.cm-highlight-h2 {
		font-size: 22px;
		margin-bottom: 12px !important;
	}

	ul.cm-highlight-card-ul {
		list-style: none;
		padding: 0 !important;
		margin: 0 !important;
	}

	li.cm-highlight-card-li {
		position: relative;
		padding-left: 36px;
		margin: 0 0;
		font-size: 14px;
        font-family: 'IBM Plex Sans';

		&::before {
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 18px;
			height: 12px;
			background-color: #5e2d91;
			border-radius: 50px;
		}
	}

	.cm-highlight-vector,
	.cm-highlight-element {
		position: absolute;
		top: 0;
		right: 0;
	}

	.cm-highlight-vector {
		padding: 26px;
		height: 168px !important;
	}

	.cm-highlight-element {
		height: 200px !important;
	}
}
    
      .cm-summary-card {
	background-image: url("https://cm-store.nyc3.cdn.digitaloceanspaces.com/assets/mktg-web/blog-images/summary_background.svg");
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(250 255 241);
	margin: 16px;
	border-radius: 8px;
	padding: 22px 60px;


	.cm-summary-card-h2 {
		margin-bottom: 0 !important;
		font-size: 22px;
	}

	.cm-summary-line {
		display: inline-block;
		position: relative;
		height: 4px;
        width: 60px;
		background-color: #75c7a3; /* Green color */
		border-radius: 3px; /* Rounded corners for the green part */
		margin-bottom: 6px;

		&::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 60px; /* Starting position of the black line */
			height: 1px; /* Thinner black line */
			width: 75px; /* Length of the black line */
			background-color: black;
			transform: translateY(-50%); /* Vertically centers the black line */
		}
	}

	.cm-summary-card-summary {
		font-size: 14px;
		font-family: "IBM Plex Sans";
		line-height: 1.75;
	}

	.cm-summary-cm-logo-div {
		display: inline-flex;
		padding-top: 30px;
		width: 100%;
		justify-content: center;
		img.cm-summary-cm-logo {
			width: 128px;
		}
	}
}
.cm-downloadable-card.fact-sheet {
	width: 100%;
	padding: 34px 28px;
	border-radius: 8px;
	background-color: #f4f4dd;
	display: flex;
	align-items: center;
	flex-direction: row;
	position: relative;

	.cm-downloadable-card-element-left {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}

	.cm-downloadable-card-left {
		width: 70%;
		.cm-downloadable-card-h2 {
			font-size: 26px;
            line-height: 1.5;
            padding-right: 22px;
            margin-bottom: 0 !important;
            font-family: serif;
		}
	}

	.cm-downloadable-card-right {
		width: 30%;
	}

	.cm-downloadable-download-btn {
		display: inline-block;
		background-color: #000;
		color: #fff;
		padding: 10px 24px;
		border: none;
		border-radius: 30px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-decoration: none !important;
		transition: background-color 0.3s ease;

		&:hover {
			background-color: #333; /* Darker shade on hover */
		}
	}
}

.cm-downloadable-card.hostile{
	width: 100%;
	padding: 34px 28px;
	border-radius: 8px;
	background-color: #005038;
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: row;
	position: relative;

	.cm-downloadable-card-element-right {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		scale: 1.15;
	}

	.cm-downloadable-card-left {
		width: 70%;
		.cm-downloadable-card-h2 {
			font-size: 26px;
			line-height: 1.25;
			padding-right: 22px;
			margin-bottom: 0 !important;
			font-family: serif;
		}
		
		.cm-downloadable-card-desc{
			font-size: 14px;
			line-height: 1.5;
			font-family: 'IBM Plex Sans';
		}
	}

	.cm-downloadable-card-right {
		width: 30%;
		z-index: 1;
	}

	.cm-downloadable-download-btn {
		display: inline-block;
		margin-left: 42px;
		background-color: #ffcc02;
		color: #000;
		padding: 10px 24px;
		border: none;
		border-radius: 30px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-decoration: none !important;
		transition: background-color 0.3s ease;
		z-index: 1;

		&:hover {
			background-color: #e6b802; /* Darker shade on hover */
		}
	}
}
    
.responsive-table{
    width: 100% !important;
    
    th, td{
        text-wrap: pretty;
    }
}
    
    .cm-quotes-card {
	background-color: #faffed;
	width: 100%;
	height: 100%;
	margin: 16px;
	border-radius: 22px;
	padding: 22px 22px;

	position: relative;

	.card-element {
		position: absolute;
	}

	.diamond_vetical {
		top: 60px;
        left: 40px;

	}

	.quad_circle {
		bottom: 60px;
	}

	.orange_semi_circle {
		right: 40px;
		top: 60px;
	}

	.diamond_horizontal {
		bottom: 60px;
		right: 60px;
	}

	.cm-quotes-block {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		text-align: center;
		padding: 0px 64px;

		.cm-quote-img {
			width: 80px;
			padding: 16px;
		}

		.cm-quotes {
			font-size: 24px;
			margin-bottom: 8px !important;
			font-family: "IBM Plex Sans";
			font-weight: normal;
			margin-top: 0 !important;
		}

		.cm-quotes-author {
			font-weight: bold;
			font-family: "IBM Plex Sans";
			font-size: 17px;
			display: inline-flex;
            line-height: 1.1;
            align-items: flex-end;
			padding-left: 22px;
			
			img{
				width: 24px;
			}
		}

		.cm-quotes-designation {
			font-family: "IBM Plex Sans";
			font-size: 16px;
		}

		.cm-quotes-company {
			font-weight: bold;
			font-family: "IBM Plex Sans";
			font-size: 16px;
			line-height: 1;
		}
	}
}
</style>