
.carousel-columns {
	display: flex;
	margin: 51px -10px !important;
	width: calc(100% + 20px);
}

.carousel-columns .slick-list {
	overflow: visible;
}

.carousel-columns .slick-track {
	align-items: stretch;
	display: flex;
}

.carousel-columns .slick-track .slick-slide {
	align-items: stretch;
	display: flex;
	height: unset;
}

.carousel-columns .slick-slide>div {
	align-items: stretch;
	display: flex;
	padding: 10px;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.slick-track>div {
	opacity: 0;
}

.animated .slick-track>div {
	animation-name: fadeInRight;
	animation-duration: 1.5s;
	animation-fill-mode: both;
}

.slick-track>div:nth-child(2) {
	animation-delay: .2s;
}

.slick-track>div:last-child {
	animation-delay: .4s;
}

.tc-slide {
	background: #fff;
	border: 2px solid #d0dbe8;
	border-radius: 8px;
	padding: 32px 34px 60px 38px;
	position: relative;
}

.tc-slide.no-button {
	padding-bottom: 20px;
}

.tc-slide>div:last-child {
	border: none !important;
}

.tc-header {
	align-items: start;
	align-content: flex-start;
	border-bottom: 2px solid #d0dbe8;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0 0;
}

.tc-header img, .tc-header picture {
	margin: 9px 15px 0 0;
	max-width: 50px !important;
}

.tc-header picture img {
	margin: 0 !important;
}

.wp-block-cover .carousel-columns h3, .wp-block-cover .carousel-columns h4, .wp-block-cover .carousel-columns p {
	color: #34486f;
}

.wp-block-cover .carousel-columns h3 {
	color: #1d3257;
	font: 600 24px/28px Poppins, Arial, sans-serif;
	margin: 0 0 28px;
	width: calc(100% - 65px);
}

.wp-block-cover .carousel-columns h3:before {
	display: none;
}

.tc-header p {
	font: 500 16px/24px Poppins, Arial, sans-serif;
	margin-bottom: 16px;
}

.tc-content {
	border-bottom: 2px solid #d0dbe8;
	padding: 0 0 12px;
}

.tc-content h4 {
	font: 600 16px/24px "Noto Sans", sans-serif;
	margin-bottom: 17px;
}

.tc-content p {
	color: #45597e;
	font: 14px/20px "Noto Sans", sans-serif;
}

.tc-benefits li a, .tc-content a {
	display: inline;
}

.tc-benefits li, .tc-content li {
	color: #45597e;
	font: 14px/20px "Noto Sans", sans-serif !important;
}

.tc-benefits {
	padding: 0 0 15px;
}

.tc-benefits h4 {
	font: 600 16px/24px "Noto Sans", sans-serif;
	margin-bottom: 23px;
}

.tc-benefits p {
	font: 14px/20px "Noto Sans", sans-serif;
	margin-bottom: 15px;
}

.tc-slide ul {
	margin-left: 0 !important;
}

.tc-slide li {
	display: block;
	font: 14px/20px "Noto Sans", sans-serif;
	padding-left: 36px;
	position: relative;
}

.tc-slide li:not(:last-child) {
	margin-bottom: 16px !important;
}

.tc-slide li:before {
	background-image: url("https://cdn-ilcfeeb.nitrocdn.com/NCBWJOdnIfKtfmDWcdsCiwHSOzSWvwQA/assets/images/source/rev-321ad50/www.castoredc.com/wp-content/themes/castoredc/gutenberg/table-carousel/images/icon-list-item.svg");
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	top: 5px;
	left: 3px;
	width: 14px;
}

.tc-button, .tc-button:focus {
	align-items: center;
	background: #214893;
	border: 3px solid #0e3581;
	border-radius: 0 0 8px 8px;
	color: #fff;
	display: flex;
	font: 700 18px/24px "Noto Sans", sans-serif;
	justify-content: center;
	min-height: 60px;
	position: absolute;
	right: -2px;
	bottom: -2px;
	left: -2px;
	text-decoration: none;
}

.tc-button:hover {
	background: #fff;
	border: 3px solid #0e3581;
	color: #0e3581;
}

.tc-button:active {
	background: #4070cd;
	border: 3px solid #2654ac;
	color: #fff;
}

.page-template-tpl-gutenberg main ul.slick-dots {
	display: flex !important;
	gap: 16px;
	justify-content: center;
	margin: 14px 0;
}

.page-template-tpl-gutenberg main .slick-dots li {
	display: block;
	margin-bottom: 0;
}

.slick-dots button {
	border-radius: 50%;
	border: none;
	background: #bcd3ff;
	cursor: pointer;
	display: block;
	height: 10px;
	padding: 0 !important;
	text-indent: -100px;
	overflow: hidden;
	width: 10px;
}

.slick-dots .slick-active button, .slick-dots button:hover {
	background: #4070cd;
}

@media only screen and (max-width:1100px) {
	.tc-slide {
		padding: 32px 34px 60px 32px;
	}
	
	.wp-block-cover .carousel-columns h3 {
		font: 600 18px/24px Poppins, Arial, sans-serif;
		margin: 0 0 19px;
	}
	
	.tc-content h4 {
		margin: 24px 0 17px;
	}
	
	.tc-content p, .tc-content ul {
		margin-bottom: 12px !important;
	}
	
	.tc-slide li:not(:last-child) {
		margin-bottom: 10px !important;
	}
	
	.page-template-tpl-gutenberg .carousel-columns:after {
		color: #34486f;
		content: "Swipe to see more options";
		display: block;
		font: italic 16px/24px "Noto Sans", sans-serif;
		text-align: center;
	}
}
