<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* rt-fancy-text-box element-three */

.rt-fancy-text-box.element-three{
}

.rt-fancy-text-box.element-three &gt; .holder{
	padding:25px 25px 25px 25px;
}

.rt-fancy-text-box.element-three.hover-active &gt; .holder{
	box-shadow:0px 0px 0px rgba(5,6,6,0.08);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.rt-fancy-text-box.element-three.hover-active &gt; .holder:hover,
.rt-fancy-text-box.element-three.hover-active-on &gt; .holder{
	position:relative;
	box-shadow:0px 0px 50px rgba(5,6,6,0.08);
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=left] &gt; .holder{
	text-align:left;
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=center] &gt; .holder{
	text-align:center;
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=right] &gt; .holder{
	text-align:right;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; *:last-child{
	margin-bottom:0 !important;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .title{
	margin-bottom:13px;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .title &gt; .pic{
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=left] &gt; .holder &gt; .title &gt; .pic{
	float:left;
	transform:translateY(-25%);
	-webkit-transform:translateY(-25%);
	margin-right:15px;
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=center] &gt; .holder &gt; .title &gt; .pic{
	margin-bottom:20px;
	text-align:center;
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=right] &gt; .holder &gt; .title &gt; .pic{
	float:right;
	transform:translateY(-25%);
	-webkit-transform:translateY(-25%);
	margin-left:15px;
}

.rt-fancy-text-box.element-three[data-fancy-text-box-align=left] &gt; .holder &gt; .title &gt; .icon img,
.rt-fancy-text-box.element-three[data-fancy-text-box-align=right] &gt; .holder &gt; .title &gt; .icon img{
	max-width:60px;
	max-height:60px;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .title &gt; h4{
	margin-top:10px;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .data{
	margin-bottom:15px;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .data &gt; *:last-child{
	margin-bottom:0 !important;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .more{
	margin-bottom:15px;
}

.rt-fancy-text-box.element-three &gt; .holder &gt; .more .btn{
	padding:7px 20px 8px 20px;
	border-radius:0;
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}</pre></body></html>