/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2025 | 07:37:47 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.elementor-widget-text-editor .elementor-widget-container :last-child,
.entry-content p {
	margin-bottom: 0;
}


/* Header */
.yf8r8 {
	transition: all 0.3s ease;
}

.yf8r8.active {
	background: #232323;
	box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}

.yf8r8 .g5917 {
	display: none;
}

.yf8r8.active .kdz05 {
	display: none;
}

.yf8r8.active .g5917 {
	display: block;
}


/* Home page */
/* Unlock a High-Growth Commercial Opportunity section */
.ni73q .e-child:hover {
	cursor: pointer;
}

.kh9c1 .elementor-widget-image {
	height: 100%;
}

.kh9c1 .elementor-widget-image:not(.active) {
	display: none;
}


/* Home page */
/* Why Invest in Ananta Crossroads section */
.x63k6 .swiper {
	height: 530px;
	padding-bottom: 80px;
}

.x63k6 .swiper-slide {
	cursor: pointer;
	padding: 20px 30px;
	border-radius: 20px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.x63k6 .swiper-slide img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.x63k6 .swiper-slide h3 {
	color: #ffffff;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 10px;
}

.x63k6 .swiper-slide p {
	color: #ffffff;
	font-weight: 300;
	font-size: 17px;
	max-height: 0;
	overflow: clip;
	transition: .5s ease-in-out;
}

.x63k6 .swiper-slide:hover p {
	max-height: 300px;
}

.x63k6 .swiper-prev,
.x63k6 .swiper-next {
	cursor: pointer;
}

.x63k6 .swiper-scrollbar {
	background: #D9D1C9;
	max-width: 80%;
	opacity: 1 !important;
	bottom: 0;
}

.x63k6 .swiper-scrollbar-drag {
	background: #4CC2BF;
}

@media (max-width: 640px) {
	.x63k6 .swiper {
		height: 400px;
	}
	
	.x63k6 .swiper-scrollbar {
		max-width: 50%;
	}
}


/* Home page */
/* Voice of Trust section */
.y754c .swiper-slide {
	background: #ffffff;
	text-align: center;
	padding: 40px 60px;
	border-radius: 10px;
}

.y754c .swiper-slide p {
	color: #000000;
	font-weight: 300;
	font-size: 17px;
	margin-bottom: 40px;
}

.y754c .swiper-slide h3 {
	color: #000000;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.005em;
	text-transform: uppercase;
}

.y754c .swiper-prev,
.y754c .swiper-next {
	cursor: pointer;
}