/*---------------------------------
###################################
-----------------------------------
    Name: Tranquilidade Public Site
    Author: Unipartner.com
-----------------------------------
###################################
---------------------------------*/

/*---------------------------------
###################################
-----------------------------------
    Mobile
-----------------------------------
###################################
---------------------------------*/
.faq-topics-component-init{
    max-width: 1200px;
    margin: auto;
    padding: 2em;
}
.faq-topics-component-init .topic-container{
	display: flex;
	justify-content: center;
    flex-direction: column;
	padding-bottom: 3em;
}
.faq-topics-component-init .topicFaqLine{
	border-bottom: 1px solid var(--TRQ-Cinza-4);
	margin-bottom: 3em
}
.faq-topics-component-init .topic-container .topic-media-side{
	font-size: 30px;
}
.faq-topics-component-init .topic-container .topic-media-side img{
	height: 80px !important;
}
.faq-topics-component-init .topic-container .topic-media-side .link-faqTopic{
	line-height: 20px;
	margin-bottom: 1.5em;
}
.faq-topics-component-init .topic-container .topic-media-side .link-faqTopic a{
	font-size: 17px;
}
.faq-topics-component-init .topic-container .topic-media-side .link-faqTopic a:after{
	content: ' ';
    border: solid var(--Primary-G4);
    border-width: 2px 2px 0 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    bottom: 1px;
    left: 5px;
 }

/*---------------------------------
###################################
-----------------------------------
    Desktop
-----------------------------------
###################################
---------------------------------*/
@media (min-width: 992px){
	.faq-topics-component-init .topic-container{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
	}
	.faq-topics-component-init .topic-container .topic-media-side{
		width: 45%;
		padding-right: 3.4em;
		font-size: 40px;
	}

	.faq-topics-component-init .topic-container .topic-media-side a{
		font-size: 17px;
	}
	.faq-topics-component-init .topic-container .topic-faq-side{
		width: 55%;
	}
}
@media (min-width: 1200px){
	.faq-topics-component-init{
		padding: 1em;
	}
}