/* Custom List CSS */

.custom-list ul.items{
	list-style: none;
	padding: 0;
}
.custom-list ul.items li, .custom-list ul.items li a{
	font-family: var(--heading);
	font-size: 24px;
	font-weight: 700;
}
.custom-list:not(.multi_card) .items li{
	margin-bottom: 20px;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	break-inside: avoid;
}
.custom-list:not(.multi_card) .items li .image-wrapper{
	width: 105px;
	float: left;
	text-align: center;
	margin-right: 30px;
	position: relative;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.custom-list .star{
	max-height: 43px;
}
.custom-list.two_column ul.items{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	list-style: none;
	padding: 0;
}
.custom-list.three_column ul.items{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	list-style: none;
	padding: 0;
}
.custom-list:not(.multi_card) .items li .image-wrapper .icon{
	position: absolute;
	z-index: 99;
	position: relative;
}
.custom-list:not(.multi_card) .items li .image-wrapper .icon.star-outline{
	height: 70%;
	width: 100%;
    position: absolute;
}
.custom-list:not(.multi_card) .items li .image-wrapper .icon.star{
	position: relative;
	max-height: 50px;
}
.custom-list:not(.multi_card) .items li .image-wrapper .heart{
	width: 100%;
	position: absolute;
	/*left: 20px;
	top: 15px;*/
	z-index: 99;
	max-width: calc(100% - 20px);
	margin-top: 2px;
}
.custom-list.icon-style-star .items li .image-wrapper{
	margin-right: 10px;
	display: block;
}
.custom-list.two_column li, .custom-list.three_column li{
	padding-right: 30px;
}
.custom-list.three_column .items li .image-wrapper{
	width: 76px;
}
.custom-list .items li .image-wrapper .pod-icon{
	max-width: 100%;
	width: 100%;
}
.custom-list.multi_card .items{
	margin-left: -15px;
	margin-right: -15px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	list-style: none;
	padding: 0;
}
.custom-list.multi_card.col-count-5 .items{
	grid-template-columns: repeat(5, 1fr);
}
.custom-list.multi_card .items li{
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.2em;
}
.custom-list.multi_card .items li .wrapper{
	border-radius: 20px;
	padding: 25px 15px;
	height: 100%;
	text-align: center;
}
.custom-list.multi_card .items li:nth-child(6n+1){
	clear: left;
}
.custom-list.multi_card.col-count-5 .items li:nth-child(5n+1){
	clear: left;
}
.custom-list.multi_card.col-count-5 .items li:nth-child(6n+1){
	clear: none;
}
.custom-list .description{
	font-family: var(--body);
	font-weight: 300;
	margin-top: 10px;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0;
}
.custom-list .highlights-box{
	padding: 40px;
	border-radius: 20px;
}
.custom-list .highlights-box ul, .custom-list .highlights-box ol{
	list-style: none;
	padding-left: 0!important;
}
.custom-list .highlights-box li{
	padding-left: 53px;
	margin-bottom: 15px;
	position: relative;
	font-size: 18px;
}
.custom-list .highlights-box li:before{
	content: '';
	display: block;
	width: 29px;
	height: 18px;
	background: url('/wp-content/plugins/ff-block-suite/assets/images/step-arrow.svg') no-repeat center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 2px;
}
.custom-list .highlights-box li:last-child{
	margin-bottom: 0;
}
.custom-list.two_column_2 .items{
	padding: 40px 0;
	float: left;
	width: 100%;
	column-count: 2;
	list-style: none;
	padding-left: 0!important;
}
.custom-list.two_column_2 .items li{
	display: block;
}
.custom-list.two_column_2 .items li .image-wrapper{
	width: 43px;
	margin-right: 20px;
	float: left;
}
.custom-list.two_column_2 .items li .image-wrapper .pod-icon{
	display: none!important;
}
.custom-list.two_column_2 .items li .text{
	font-family: var(--body);
	font-size: 18px;
}
.custom-list.two_column_2 .items li .description{
	margin-top: 5px;
}
.custom-list.icon-style-star .items li{
	display: flex;
	align-items: flex-start;
}
.custom-list .items li .content{
	width: calc(100% - 63px);
}
.custom-list .items li .content p:last-child{
	margin-bottom: 0;
}
.custom-list.multi_card .items li .image-wrapper{
	margin-right: 0!important;
}
.custom-list.multi_card .items li .content{
	width: 100%;
}
.custom-list.multi_card .items li .dark_blue .star-outline{
	filter: invert(1);
}
.custom-list.multi_card .items li .icon{
	max-height: 80px;
}
.custom-list.dark_blue.multi_card .items li .wrapper:not(.dark_blue, .black) *,
.custom-list.black.multi_card .items li .wrapper:not(.black, .dark_blue) *{
	color: var(--black);
}

@media screen and (max-width: 1480px){
	.custom-list.multi_card .items li:nth-child(6n+1){
		clear: unset;
	}
	.custom-list.multi_card .items li:nth-child(5n+1){
		clear: left;
	}
	.custom-list ul.items li, .custom-list ul.items li a{
		font-size: 18px;
		line-break: 1.2em;
	}
	.custom-list:not(.multi_card) .items li .image-wrapper{
		margin-right: 20px;
	}
}

@media screen and (max-width: 1199px){
	.custom-list.multi_card .items li:nth-child(5n+1){
		clear: unset;
	}
	.custom-list.multi_card .items li:nth-child(3n+1){
		clear: left;
	}
	.custom-list.multi_card .items, .custom-list.multi_card.col-count-5 .items{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 991px){
	.custom-list:not(.multi_card) .items li .image-wrapper{
		width: 70px;
		margin-right: 15px;
		justify-content: center;
	}
	.custom-list:not(.multi_card) .items li .image-wrapper .heart{
		left: auto;
		max-width: calc(100% - 20px);
	}
	.custom-list.multi_card .items li:nth-child(3n+1){
		clear: unset;
	}
	.custom-list.multi_card .items li:nth-child(2n+1){
		clear: left;
	}
	.custom-list .highlights-box{
		padding: 30px;
		margin-bottom: 20px;
	}
	.custom-list.two_column_2 .items li .image-wrapper{
		width: 40px;
		margin-right: 15px;
	}
	.custom-list.multi_card .items, .custom-list.three_column ul.items, .custom-list.multi_card.col-count-5 .items{
		grid-template-columns: repeat(2, 1fr);
	}
}


@media screen and (max-width: 768px){
	.custom-list.three_column .items li{
		display: flex;
		align-items: center;
	}
	.custom-list.two_column li, .custom-list.three_column li{
		padding-right: 0;
	}
	.custom-list.two_column_2 .items{
		column-count: 1;
		padding: 20px 0 0;
	}
	.custom-list.two_column_2 .intro{
		margin-bottom: 20px;
	}
	.custom-list.three_column ul.items, .custom-list.two_column ul.items{
		grid-template-columns: repeat(1, 1fr);
	}
}