/* Generated from tbuilder_layout_part: rr-gpu-accelerated-speech-capabilities */
.themify_builder_content-5607 .tb_rwao647.module_row{padding-bottom:0;background-color:#f4eff8}

@media(max-width:600px){
.themify_builder_content-5607 .tb_rwao647.module_row{padding-right:1px}
}/*Builder Custom CSS START*/
.RR-gpu-accelerated-speech-capabilities-section {
	display: flex;
	height: 1024px; 
	justify-content: center;
}


.gpu-header-description {
	position: relative;
	margin-top: 64px;
	width: 428px;
	margin-right: auto;
}

.gpu-header-description h2 {
	line-height: 120%;
    margin-bottom: 32px;
}

.image-gpu-container {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	z-index: 2;
	bottom: 0;
}

.image-gpu-relative {
	position: relative;
	width: 818px;
	height: 880px;
	overflow: visible;
}


.image-gpu-desktop {
	position: absolute;
	bottom: 0;
	z-index: 2;
	right: -64px;
}

.image-gpu-mobile {
	z-index: 2;
	position: relative;
	display: none;
}

.bottom-navbar {
	display: grid;
	position: absolute;
	z-index: 3;
	height: 200px;
	width: 100%;
	bottom: 0;
	padding: 16px 0;
	grid-gap: 32px; 
	grid-template-columns: auto auto auto auto;
}

.bottom-navbar h3 {
	margin-bottom: 16px
}

.bottom-navbar li {
	margin-bottom: 2px;
}

.bottom-navbar-container {
	position: absolute;
	background: rgba(255, 255, 255, 0.70);
backdrop-filter: blur(6px);
	height: 232px;
	width: 100vw;
	bottom: 0;
	z-index: 3;
}


.gpu-vector-1-2-3, 
.gpu-vector-4-5-6 {
	z-index: 3;
	display: block;
    position: absolute;
	transform: translateX(calc(-100% + 160px));
	top: 240px;
    width: 800px;
}



.gpu-vector-4-5-6 {
	top: 240px;
	height: 400px;
    width: 800px;
	z-index: 1;
	display: block;
    position: absolute;
	transform: translateX(calc(100% - 32px)); 
}


@media (max-width: 1200px) { 
	.bottom-navbar {
		display: grid;
		position: absolute;
		z-index: 3;
		height: 500px;
		width: 100%;
		bottom: 0;
		padding: 16px 0;
		grid-gap: 16px; 
		grid-template-columns: auto auto;
	}
	.bottom-navbar p, .bottom-navbar ul {
		margin-bottom: 0;
	}
	.bottom-navbar-container {
		height: 532px;
	}

	.RR-gpu-accelerated-speech-capabilities-section
	{
		height: 1300px;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
	}
	
	.gpu-vector-1-2-3, 
	.gpu-vector-4-5-6 {
		top: 100px
	}
	.gpu-vector-1-2-3 {
		transform: translateX(calc(-100% + 130px));
	}
	.gpu-vector-4-5-6 {
		transform: translateX(calc(60%));
	}
	
	
	.image-gpu-container {
		position: relative;
		width: 650px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		z-index: 2;
		bottom: 0;
	}
	.image-gpu-relative {
		width: 100%;
		height: fit-content;

	}
	
	.image-gpu-relative img {
		object-fit: cover;
    	width: 80%;
		height: 100%;
    	margin: 0 auto;
		overflow: hidden;
	}
	
	.gpu-header-description {
		left: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-right: unset;
	}
	.image-gpu-desktop {
		display: none;
	}
	.image-gpu-mobile {
		display: block;
	}
}

@media (max-width: 600px) {
	.RR-gpu-accelerated-speech-capabilities-section
	{
		height: 1500px; 
	}
	.bottom-navbar-container {
		height: 664px;
	}
	.bottom-navbar {
		height: 632px;
	}
	.image-gpu-container {
		width: 450px;
	}
	.gpu-header-description {
		margin: 32px 16px 0 16px;
		width: auto;
	}
	.gpu-header-description > p:first-child {
		height: 80px;
	}
	
	.gpu-header-description > p:last-child {
		height: 154px;
	}
	.gpu-vector-1-2-3, 
	.gpu-vector-4-5-6 {
		top: 30px
	}
	.gpu-vector-1-2-3 {
		transform: translateX(calc(-100% + 90px));
	}
	.gpu-vector-4-5-6 {
		transform: translateX(calc(40%));
	}
}
@media (max-width: 450px) { 
	.RR-gpu-accelerated-speech-capabilities-section
	{
		height: 1700px; 
	}
	.bottom-navbar-container {
		height: 782px;
	}
	.bottom-navbar {
		height: 750px;
		grid-template-columns: auto;
		text-align: center;
		justify-content: center;
	}
	.bottom-navbar li {
		list-style-type: none;
	}
}
/*Builder Custom CSS END*/