/*.gili-site-in-guatemala .tabs {*/
/*	position: relative;*/
/*}*/
.gili-fun-fact {
	position: relative;
	/* min-height: 532px; */
	/*height: 100%;*/
	overflow: hidden;
}

.gili-fun-fact .gili-fun-fact-bg {
	/* background: #F8F8F8; */
	/* height: 0px; */
}

/*.gili-fun-fact.active {*/
/*	transition: height 1s ease-in;*/
/*}*/

.gili-fun-fact ul.discover-content-list {
	/* padding-left: 5rem; */
    padding-top: 2rem;
    padding-bottom: 4rem;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* padding-right: 5rem; */
	column-count: 2;
}

.gili-fun-fact .discover-content-list li {
	background: url(star.svg) no-repeat;
    background-position: left 5px;
    list-style: none;
    font-size: var(--wp--preset--font-size--body);
    font-weight: var(--wp--custom--typography--font-weight--400);
    line-height: var(--wp--custom--typography--line-height--body);
    color: var(--wp--preset--color--neutral-80);
    /* padding-bottom: 5px; */
    padding-left: 2rem;
    margin-bottom: 1rem;
	/* width: 50%; */
	padding-right: 5rem;
	display:none;
}

.gili-fun-fact #showLess {
	display:none;
    cursor:pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--body);
	font-weight: var(--wp--custom--typography--font-weight--750);
	color: var(--wp--preset--color--bright-gold);
	margin-bottom: 1.5rem;
	background: transparent;
	border: 1px solid var(--wp--preset--color--bright-gold);
	border-radius: 80px;
	line-height: var(--wp--custom--typography--line-height--button);
	padding: calc(0.5em + 0px) calc(1.333em + 2px);
	width: fit-content;
}

.gili-fun-fact .button {
	text-align: center;
	display: flex;
    justify-content: center;
	column-gap: 30px;
}

.gili-fun-fact #loadMore {
    cursor:pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--body);
	font-weight: var(--wp--custom--typography--font-weight--750);
	color: var(--wp--preset--color--bright-gold);
	margin-bottom: 1.5rem;
	background: transparent;
	border: 1px solid var(--wp--preset--color--bright-gold);
	border-radius: 80px;
	line-height: var(--wp--custom--typography--line-height--button);
	padding: calc(0.5em + 0px) calc(1.333em + 2px);
	width: fit-content;
}

.gili-fun-fact .block-container {
	    /* padding: 0; */
		padding-top: 25px;
		padding-bottom: 0;
		display: block;
		column-gap: 80px;
		margin: auto;
		height: 100%;
}

.gili-fun-fact .block-container .title{
	text-align: center;
	margin-bottom: 2rem;
}

.gili-fun-fact .block-container .title h2{
	font-family: 'Avenir LT Std';
	font-style: normal;
	font-weight: 750;
	font-size: 36px;
	line-height: 120%;
	color: #252525;
}

.gili-fun-fact .block-container .list-item{
	display: flex;
	justify-content: space-between;
	width: calc(100% - 290px);
	height: fit-content;
}

.gili-fun-fact .block-container .list-item .item {
	padding: 0px 20px;
	height: fit-content;
	overflow: hidden;
	background: #F8F8F8;
	display: flex;
	flex-direction: column;
	width: 429px;
	opacity: 0;
}

.gili-fun-fact .block-container .list-item .item img{
	margin-top: 20px;
	width: 65px;
	height: 63px;
	object-fit: cover;
}

.gili-fun-fact .block-container .list-item .item p:last-child {
	margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
	.gili-fun-fact {
		opacity: 1;
	}

	.gili-fun-fact {
		overflow: hidden;
	}

	.gili-fun-fact-bg {
		transition: height 0.4s ease-in;
	}

	/* .gili-fun-fact.active .gili-fun-fact-bg{
		transition: height 0.75s ease-in;
	} */

	.gili-fun-fact .block-container .list-item {
		overflow: hidden;
	}

	.gili-fun-fact.active .block-container .list-item .item.item-0 {
		transform: translateY(-100%);
		animation: gili-fun-fact-animation-top-to-bottom 0.3s 0.5s forwards;

		/* transition-delay: 0.75s !important;
		transition-duration: 0.3s !important;
		transition: height ease-in; */
	}

	.gili-fun-fact.active .block-container .list-item .item.item-1 {
		transform: translateY(-100%);
		animation: gili-fun-fact-animation-top-to-bottom 0.3s 0.8s forwards;

		/* transition-delay: 1.05s !important;
		transition-duration: 0.3s !important;
		transition: height ease-in; */
	}

	.gili-fun-fact.active .block-container .list-item .item.item-2 {
		transform: translateY(-100%);
		animation: gili-fun-fact-animation-top-to-bottom 0.3s 1.1s forwards;

		/* transition-delay: 1.35s !important;
		transition-duration: 0.3s !important;
		transition: height ease-in; */
	}

	@keyframes gili-fun-fact-animation-top-to-bottom {
		0% {
			transform: translateY(-100%);

		}
		100% {
			transform: translateY(0%);
		}
	}
}

.gili-fun-fact .block-container .list-item .item p{
	margin-bottom: 0px;
}
.gili-fun-fact .block-container .list-item .item .title-item {
	font-weight: 700;
	font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
	line-height: clamp(1.75rem, 1.6438rem + 0.4531vw, 2.1875rem);
	letter-spacing: 0.02em;
	color: #231F20;
	padding-top: 20px;
	flex-grow: 1;
}

.gili-fun-fact .block-container .list-item .item .title-description {
	font-weight: 400;
	font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);
	line-height: clamp(1.75rem, 1.6438rem + 0.4531vw, 2.1875rem);
	letter-spacing: 0.02em;
	color: #182F43;
	padding-top: 12px;
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 3;*/
	/*-webkit-box-orient: vertical;*/
	/*overflow: hidden;*/
	/*word-break: break-word;*/
}

@media only screen and (max-width: 992px) {
	.gili-fun-fact {
		height: initial;
	}

	.gili-fun-fact ul.discover-content-list {
		padding-left: unset;
		padding-top: unset;
		padding-bottom: unset;
		padding-right: unset;
		column-count: 1;
	}
	.gili-fun-fact .discover-content-list li {
		width: 100%;
		padding-right: unset;
		font-size: var(--wp--preset--font-size--body-small-bold);
    	line-height: 24px;
	}

	.gili-fun-fact #loadMore {
		font-size: var(--wp--preset--font-size--body-small-bold);
    	line-height: 24px;
	}

	.gili-fun-fact #showLess {
		font-size: var(--wp--preset--font-size--body-small-bold);
    	line-height: 24px;
	}

	.gili-fun-fact .block-container .title h2 {
		font-size: 24px;
    	line-height: 130%;
	}

	.gili-fun-fact .gili-fun-fact-bg {
		height: initial;
	}

	.gili-fun-fact .block-container {
		flex-direction: column;
		padding-top: 50px;
		padding-bottom: 0;
		row-gap: 40px;
	}

	.gili-fun-fact .block-container h4{
		width: 100%;
		height: fit-content;
	}

	.gili-fun-fact .block-container .list-item{
		width: 100%;
		flex-direction: column;
		row-gap: 40px;
	}

	.gili-fun-fact.active .block-container .list-item .item {
		height: initial;
	}

	.gili-fun-fact .block-container .list-item .item {
		padding: 0px;
		height: initial;
		width: initial;
	}
}