			.boxed .card-grid {
				display: grid;
				gap: 0px;
				border: 1px solid #ECECEC;
				border-radius: 0;
				place-items: center;
				place-content: center;
				justify-content: center;
				position:relative;
			}

			.boxed .card-grid .card {
				border: none;
				padding: 0;
				border-radius: 0;
			}
			.boxed .card-grid {
				display: flex;
				align-items: stretch;
				justify-content: flex-start;
				align-content: flex-end;
				flex-wrap: wrap;
			}

			.boxed .card-grid .card {
				text-align: center;
				min-height: fit-content;
				background: white !important;
				box-sizing: border-box;
				border: none;
				border-right: 1px solid #ECECEC;
				display: flex;
				flex-direction: column;
				overflow: hidden;
				-webkit-transition: 0.175s all ease-in-out;
				-moz-transition: 0.175s all ease-in-out;
				-o-transition: 0.175s all ease-in-out;
				transition: 0.175s all ease-in-out;
			}

			.boxed .card-grid::before , .card-grid::after {
				content:"";
				display:block;
				height:1px;
				position:absolute;
				background:#ececec;
			}

			.boxed .card-grid  div.card:last-of-type {
				border:none !important;
			}

			.boxed .card .card-content {
				padding:25px;
			}

			.boxed .card .card-image {
				width: 100%;
				max-width: 30px;
				height: 30px;
				display: block;
				margin: 15px 0;
				position: relative;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				-webkit-transition: 0.5s all ease-in-out;
				-moz-transition: 0.5s all ease-in-out;
				-o-transition: 0.5s all ease-in-out;
				transition: 0.5s all ease-in-out;
			}

			.boxed .card h2 {
				font-style: normal;
				font-weight: 700;
				font-size: 26px;
				line-height: 32px;
				color:var(--accent-color-2);
				margin-bottom: 25px;
				text-transform: inherit;
				text-align:left;
				-webkit-transition: 0.35s all ease-in-out;
				-moz-transition: 0.35s all ease-in-out;
				-o-transition: 0.35s all ease-in-out;
				transition: 0.35s all ease-in-out;
			}

			.boxed .card p, .boxed .card .body-text {
 				text-align: left;
				font-size: var(--size-xs);
				margin-bottom:var(--margin-bottom);
				font-weight: 300;
				line-height: 1.75;
				color: #000000;
				-webkit-transition: 0.35s all ease-in-out;
				-moz-transition: 0.35s all ease-in-out;
				-o-transition: 0.35s all ease-in-out;
				transition: 0.35s all ease-in-out;
			}

			.boxed .card svg {
					-webkit-transition: 0.175s all ease-in-out;
				-moz-transition: 0.175s all ease-in-out;
				-o-transition: 0.175s all ease-in-out;
				transition: 0.175s all ease-in-out;
			}

			.boxed .card:hover h2, .boxed .card:hover p, .boxed .card:hover span.card-image , .boxed .card:hover .body-text {
				transform:translateY(-15px);
			}

			.boxed .card:hover h2 {
				color:var(--accent-color-1);
			}

			.boxed .card .card-button {
				width: 100%;
				position: absolute;
				bottom: 0;
				right: 0;
				display: block;
				max-width: fit-content;
				color: black;
				text-transform: uppercase;
				font-weight: 500;
				margin: 15px;
				background: transparent;
				padding: 8px 17px;
				font-size: 14px;
				border-radius: 10em;
					-webkit-transition: 0.175s all ease-in-out;
				-moz-transition: 0.175s all ease-in-out;
				-o-transition: 0.175s all ease-in-out;
				transition: 0.175s all ease-in-out;
			}
			.boxed .card-grid span.subscript {
				font-weight: 600;
				font-size: 14px;
				line-height: 15px;
				text-align: left;
				color: var(--accent-color-1);
				text-transform: uppercase;
				margin: 0;
				display: block;
				margin-bottom: 15px;
			}
			@media screen and (max-width:960px) {
				.boxed .card-grid {
					border:none;
				}
				.boxed .card-grid .card {
					border: 1px solid #ececec;
    				margin: 5px;
				}
				.boxed .card-grid div.card:last-of-type {
					border:1px solid #ececec !important;
				}
			}