/* Generated from tbuilder_layout_part: rr-human-ai-interactions */
/*Builder Custom CSS START*/
.RR-human-ai-interactions-section {	
	display: flex;
    align-items: center;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
	margin-bottom: 48px;

	height: 1024px; 
}

.RR-human-ai-interactions-section h2 {
	color: #68B5E4;
	font-weight: bold;
	text-align: center;
	width: 664px;
	margin-top: 48px;
	position: relative;
}

.interactions-card {
	display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
	color: #68B5E4;
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(6px);
	width: 498px;
	font-size: 21px;
}

.RR-human-ai-interactions-section-background {
	position: absolute;
	width: 100%;
	height: 90%;
	top: 0;
	object-fit: cover;
	overflow: visible;
	
}

@media (max-width: 800px) {
	.RR-human-ai-interactions-section h2 {
		width: 550px;
		margin-top: 32px;
	}
}

@media (max-width: 600px) {
	.RR-human-ai-interactions-section {
		
	}
	
	.RR-human-ai-interactions-section-background {
		height: 80%;
	}
	
	.RR-human-ai-interactions-section h2 {
		padding: 0 8px;
		width: auto;
		margin-top: 16px;
	}
	.interactions-card {
		background-color: #fff;
		backdrop-filter: unset;
		z-index: 2;
		width: auto;
		text-align: center;
		line-height: 120%;
	}
}
/*Builder Custom CSS END*/