/*
MARK: Fancy List
*/
/* =============== FANCY LIST =============== */

#ryzFancyList,
.bdt-fancy-list,
.elementor-widget-bdt-fancy-list {
	margin: 0 auto !important;

	@media (max-width: 780px) {
		height: auto !important;
		min-height: auto !important;
		max-height: auto !important;
		width: 100% !important;
	}

	/* ========================================================================== */
	/* MARK: Fancy List Style 2
	/* ========================================================================== */
	.bdt-fancy-list-style-2 {
		
		ul.bdt-fancy-list-group {
			display: grid !important;
			background: unset !important;
			margin: 0 !important;
			padding: 0 !important;
			gap: 10px !important;

			&:hover {
				transform: unset !important;
				gap: 10px !important;
			}
		}

		* :hover {
			transform: none !important;
		}

		li {
			background: unset !important;
			transform: unset !important;
			margin: 0 !important;
			padding: 0 !important;
		}

		.bdt-flex.flex-wrap {
			background: unset !important;
			padding: 0 !important;
			display: flex !important;
			flex-direction: row !important;
			flex-wrap: nowrap !important;
			gap: 1rem !important;
		}

		.bdt-fancy-list-img {
			width: auto !important;
			margin: 0 !important;
			padding: 0 !important;
		}

		.bdt-fancy-list-icon {
			order: -1 !important;
			background: none !important;
			margin: 0 !important;
			padding: 0 !important;

			svg {
				fill: var(--color-goldReg) !important;
			}
		}

		.bdt-fancy-list-content {
			display: flex !important;
			flex-direction: column !important;
			align-items: start !important;
			width: 100% !important;
			min-width: auto !important;
			max-width: auto !important;
			gap: 0rem !important;
			margin: 0 !important;
			padding: 0 !important;

			/* Consolidated logic for content blocks containing descriptive text */
			&:has(.bdt-fancy-list-text) {
				.bdt-fancy-list-title {
					font-size: 1rem !important;
					font-weight: 700 !important;
					margin-bottom: 0 !important;
					line-height: 130% !important;

					@media (max-width: 768px) {
						font-size: 0.86rem !important;
						line-height: 120% !important;
					}
				}

				.bdt-fancy-list-text {
					font-size: 1rem !important;
					font-weight: 500 !important;
					margin-bottom: 0 !important;
					line-height: 130% !important;

					@media (max-width: 768px) {
						font-size: 0.86rem !important;
						line-height: 120% !important;
					}
				}
			}
		}

		ul:has(h3) li:not(:nth-child(1)) h3 {
			font-variant: small-caps !important;
			font-variant-numeric: lining-nums;
			-moz-font-feature-settings: "lnum";
			-webkit-font-feature-settings: "lnum";
			font-feature-settings: "lnum";
		}

		h5, .bdt-fancy-list-title {
			font-size: 1rem !important;
			font-weight: 700 !important;
			margin-bottom: 0 !important;

			@media (max-width: 768px) {
				font-size: 0.86rem !important;
				line-height: 120% !important;
			}
		}

		p, .bdt-fancy-list-text {
			font-size: 1rem !important;
			font-weight: 500 !important;
			margin-bottom: 0 !important;
			line-height: 130% !important;

			@media (max-width: 768px) {
				font-size: 0.86rem !important;
				line-height: 120% !important;
			}
		}
	}

	&:has(.bdt-fancy-list-style-2) {
		margin: 0 !important;
	}

	/* ========================================================================== */
	/* MARK: Fancy List Style 3
	/* ========================================================================== */
	.bdt-fancy-list-style-3 {
		
		ul.bdt-fancy-list-group {
			display: grid !important;
			grid-template-columns: repeat(4, 1fr) !important;
			gap: 2rem !important;

			@media (max-width: 768px) {
				gap: 5px !important;
			}
		}

		li {
			&:hover {
				transform: unset !important;
			}

			a {
				display: flex !important;
				height: 100% !important;
			}
		}

		.bdt-fancy-list-wrap .flex-wrap {
			display: flex !important;
			flex-direction: column !important;
			flex-wrap: nowrap !important;
			padding: 2rem !important;
			justify-content: center !important;
			align-content: center !important;
			align-items: flex-start !important;
			transition: none !important;
			background: #fefeff !important;
			border: none !important;
			box-shadow: 0 3px var(--boxshadLarge) var(--color-jett10) !important; 
			border-radius: 0 !important;

			&:hover {
				background: white !important;
				border: var(--borderweight) solid var(--color-jett20) !important;

				.item-title a {
					color: var(--color-goldDark) !important;
				}
			}

			@media (max-width: 780px) {
				justify-content: center !important;
				align-content: center !important;
				padding: 0rem !important;
				align-items: center !important;
				background: #ffffff !important;
				box-shadow: 0 2px 8px var(--color-jett10) !important;
			}
		}

		.bdt-fancy-list-img {
			display: none !important;
			order: 2 !important;
			width: 40% !important;
			min-width: 40% !important;
			object-fit: cover !important;

			img {
				width: auto !important;
				min-width: auto !important;
				max-width: auto !important;
				aspect-ratio: 5/6 !important;
				height: 100% !important;
				min-height: 100% !important;
				object-fit: cover !important;
			}
		}
		
		.bdt-fancy-list-icon {
			order: 1 !important;
			padding: 0 !important;
			margin: 0 0 1rem 0 !important;
			height: 4rem !important;
			width: 4rem !important;
			border: none !important;
			background: var(--color-blueLight30) !important;
			display: flex !important;
			justify-content: center !important;
			align-content: center !important;
			align-items: center !important;
			border-radius: 0 !important;

			svg {
				height: 3rem !important;
				width: 3rem !important;

				path {
					fill: var(--color-blueReg) !important;
					color: var(--color-blueReg) !important;
				}
			}

			@media (max-width: 768px) {
				justify-content: center !important;
				align-content: center !important;
				align-items: center !important;
				height: 3.2rem !important;
				width: 3.2rem !important;
				aspect-ratio: 1/1 !important;
				margin-top: 1rem !important;
				margin-bottom: 0rem !important;
				border-radius: 10rem !important;
				background: #325fc91f !important;

				svg {
					height: 2.5rem !important;
					width: 2.5rem !important;
				}
			}
		}
		
		.bdt-fancy-list-content {
			order: 2 !important;
			width: 100% !important;
			padding: 0rem !important;
			margin: 0 !important;
			
			@media (max-width: 768px) {
				padding-left: 0px !important;
			}
		}

		h5, h3, .bdt-fancy-list-title {
			font-size: 1.35rem !important;
			font-weight: 700 !important;
			padding-top: 0rem !important;
			padding-bottom: 0 !important;
			order: 2 !important;
			line-height: 1em !important;
			min-height: 2em !important;
			color: var(--color-text) !important;
			text-align: left !important;

			@media (max-width: 768px) {
				color: var(--color-blueReg) !important;
				justify-content: center !important;
				align-content: center !important;
				align-items: center !important;
				text-align: center !important;
				min-height: 4em !important;
				font-size: 0.8rem !important;
				letter-spacing: -0.4px !important;
				white-space: nowrap !important;
				overflow: hidden !important;
				text-overflow: ellipsis !important;
				text-wrap: wrap !important;
				display: -webkit-box;
				-webkit-line-clamp: 2 !important;
				line-clamp: 2 !important;
				-webkit-box-orient: vertical;
			}
		}

		p, .bdt-fancy-list-text {
			padding-top: 0rem !important;
			padding-bottom: 0 !important;
			text-align: left !important;
			order: 2 !important;
			opacity: 1 !important;
			color: var(--color-text) !important;
			text-transform: lowercase !important;
			min-height: 2em !important;

			@media (max-width: 780px) {
				display: none !important;
				text-align: center !important;
			}

			&::first-letter {
				text-transform: uppercase;
			}
		}
	}
}







/*
MARK: List Element
*/

/* =============== LIST ELEMENT =============== */

.ryzCardWrap, #ryzCardWrap {
	width: 100%;
	> div:nth-child(1) {
		/*gap: 2rem; */
		flex-wrap: nowrap;
	}
}
.ryzCard, #ryzCard {
	> div:nth-child(1) {
	background: white;
	padding: 1rem;
	width: 100%;
	}
}
#ryzIconRight, .ryzIconRight {
	#ryzIcon-ALL,
	.elementor-icon-list-items {
		
	}
	#ryzIcon-Each,
	li, li.elementor-icon-list-item {
		a {
			flex-direction: row-reverse;
			display: flex;
			justify-content: space-between;
		}
	}
}
.elementor-widget-icon-list#h4a {
		li span {
			padding-inline: 0.75rem !important;
		}
	}
#ryzIconHover, .ryzIconHover {
	li.elementor-icon-list-item {
		padding: 1px 10px !important;
		margin: 0 !important;
		margin-left: -1rem !important;
		marigin-right: -1rem !important;
		border: 1px solid #ffffff !important;
		
		* { font-weight: 500 !important; }
		.elementor-icon-list-text {
			
		}
		.elementor-icon-list-icon {
			display: flex !important;
			justify-content: center !important;
			align-content: center !important;
			align-items: center !important;
			border: 1px solid #FFCE6244 !important;
			height:3.5rem !important;
			width:3.5rem !important;
			border-radius: 10rem !important;
			
		}
		
		svg {
			padding: 0 !important;
			margin: 0 !important;
		}
		/* &:first-of-type {
			border: 1.5px solid #FFCE6222 !important;
			border-top-right-radius: 3rem !important;
			text-decoration-line: underline !important;
			text-decoration-color: var(--color-goldReg) !important;
			text-decoration-style: dashed !important;
			text-underline-offset: 8px !important;
			* {
				font-weight: 800 !important;
				color: var(--color-blueReg) !important;
			}
			&:hover {
				border: 1.5px solid var(--color-goldReg) !important;
			}
		} */
	}
	li:hover {
		border: 1px solid var(--color-goldReg) !important;
		.elementor-icon-list-text, a, svg, svg path {
			color: var(--color-goldReg) !important;
			fill: var(--color-goldReg) !important;
		}
		svg {
			border: 1px solid var(--color-goldReg) !important;
			border-radius: 10rem !important;
		}
	}
	#ryzIconRightLight,div.ryzIconRightLight {

		li.elementor-icon-list-item {
			padding-top: 0.5rem !important;
			padding-bottom: 0.5rem !important;
			border: 0.8px solid #ffffff00 !important;
			border-top: 0.8px solid #ffffff00 !important;
			border-bottom: 0.8px solid var(--color-goldReg) !important;
			* {
				font-size: 1.6rem !important;
				color: #eeeeee !important;
				font-weight: 600 !important;
				font-size: 1.9rem !important;
				font-weight: 800 !important;
			}
		/* 	&:first-of-type {
				border-bottom: 0.8px solid var(--color-goldReg) !important;
				/* border-bottom: 1.5px solid #FFCE6222 !important; 
				* {
					font-size: 1.8rem !important;
					color: var(--color-white) !important;
					font-weight: 800 !important;
				}
				&:hover {
				border: 0.8px solid var(--color-goldReg) !important;
				border-radius: 0 !important;
				}
			} */
			&:last-of-type {
				border-bottom: none !important;
			}
			.elementor-icon-list-icon {
				border-bottom:none !important;
				border: 1.35px solid var(--color-goldReg) !important;
				height:2rem !important;
				width:2rem !important;
				svg {
					transform: scale(0.8) !important;
				}
				svg path {
					fill: var(--color-white) !important;
				}
			}
		}
		li:hover {
			border: 0.8px solid var(--color-goldReg) !important;
			border-radius: 0 !important;
			.elementor-icon-list-text, a, svg, svg path {
				color: var(--color-goldReg) !important;
				fill: var(--color-goldReg) !important;
			}
			svg {
				border: none !important;
				
			}
			.elementor-icon-list-icon {
				svg path {
				color: var(--color-goldReg) !important;
				fill: var(--color-goldReg) !important;
				}
			}
		}
			#ryzIcon-ALL,
		.elementor-icon-list-items {
			
		}
		#ryzIcon-Each,
		li, li.elementor-icon-list-item {
			a {
				flex-direction: row-reverse;
				display: flex;
				justify-content: space-between;
			}
		}
		@media (max-width: 768px) {
			.elementor-icon-list-items {
				display: grid !important;
				grid-template-columns: repeat(1, 1fr) !important;
				gap: 0 !important;
			}
			.elementor-icon-list-items li {
				margin: 0 !important;
				a {
					flex-direction: row !important;
					align-items: flex-start !important;
				}
				&, &:first-of-type, &:last-of-type {
					
					border-bottom: 0.8px solid var(--color-goldReg) !important;

					&, * { 
						font-size: 1.0rem !important;
						font-weight: 800 !important;
						border-radius: 0 !important;
					}
				}
				&:last-of-type {
					border-bottom: none !important;
				}
				.elementor-icon-list-text {
					&, & * { width: 100% !important; }
				}
				.elementor-icon-list-icon {
					border: none !important;
					svg path {
						fill: var(--color-goldReg) !important;
						color: var(--color-goldReg) !important;
					}
				}
				&:hover {

				}
			}
		}
	}
}

#ryzFooterIconList .elementor-icon-list-items,
.ryzFooterIconList .elementor-icon-list-items {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	li {
		padding: 0 !important;
	}
	li span {
		padding-inline: 0.75rem !important;
	}
	.elementor-icon-list-item {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		align-content: center !important;
		justify-items: flex-start !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height: 1.15rem !important;
		&::before {
			width: 0 !important;
		}
	}
	.elementor-icon-list-text {
		width: 100% !important;
	}
}