@extends('frontend.master')

@section('title', $data->seo_title . (isset($_GET['page']) ? ' | page ' . $_GET['page'] : ''))
@section('description', $data->seo_description . (isset($_GET['page']) ? ' | page ' . $_GET['page'] : ''))
@section('keywords', $data->keywords)
@section('image', asset('filemanager/data-images/' . $data->image))
@if ($data->seo_indexed == 0)
    @section('robots', 'noindex,nofollow')
@endif
@section('content')

<style>
	blockquote {
    color: #333;
}
#tooltip .share {
	color: #333;
	margin-left: 0;
	font-size: 14px;
}
.btn-facebook {
	color: unset;
	background-color: unset;
	border: unset;
	font-size: 19px;
	cursor: pointer;
	padding: 0 5px;
}
.btn-twitter {
		color: unset;
	background-color: unset;
	border: unset;
	font-size: 19px;
	cursor: pointer;
	padding: 0 5px;
	}
	.btn-facebook i {
	color: #2654b1 !important;
}

.btn-twitter i {
	color: #549efd !important;
}
.content.content-article img{max-width: 100%;}
.content.content-article {font-size: 18px; line-height: 36px;}
.content-of-table {
	border: 1px solid #b0b2bc;
	padding: 10px;
	margin-bottom: 50px;
	margin-top: 20px;
	border-radius: 5px;
}
.title-table {
	font-size: 22px;
	margin-bottom: 10px;
}
.title-table i {
	margin-right: 10px;
}
.content-table {
	padding-left: 20px;
}
.item-table {
	line-height: 32px;
}
.share {
	font-weight: 600;
	margin-left: 20px;
	margin-right: 2px;
}
.social-network i {
	font-size: 20px;
	color: #656e96 !important;
	margin: 0 5px;
}
.social-facebook i {
	font-size: 20px;
	color: #2654b1 !important;
	margin: 0 5px;
}
.social-facebook {
	cursor: pointer;
}
.social-twitter {
	cursor: pointer;
}
.social-twitter i{
	color: #549efd !important;
	font-size: 21px;
	margin: 0 5px;
}

.fqa .title_faq{
	text-align: center;
	font-weight: 600;
	margin-bottom: 30px;
	font-size: 2rem;
}
.toplist-fqa {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;

}
.toplist-fqa i {
	font-size: 22px;
}
.item-fqa {
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.item-fqa:first-child .botlist-fqa {
	display: block;
}
.botlist-fqa {
	display: none;
	padding-left: 20px;
	margin-top: 15px;
	font-size: 18px;
}
.content.content-article h2 {
	margin-top: 2.25rem !important;
	margin-bottom: 1.75rem !important;
	font-size: 2rem !important;
}
.content.content-article h3 {
	font-size: 1.7rem;
	margin-top: 2rem !important;
	margin-bottom: 1.5rem !important;
}
.content.content-article h4 {
	font-size: 1.5rem;
}
.content.content-article h5 {
	font-size: 1.4rem;
}
.content.content-article h6 {
	font-size: 1.3rem;
}
.content.content-article .table p{
	margin-bottom: 0;
}
.content.content-article .table td, .content.content-article .table th{
	text-align: center;
}
.content.content-article .table-bordered thead td, .content.content-article .table-bordered thead th {
	border-bottom-width: 0px;
}

#tooltip.tooltip_img{
	left: 50%;
	transform: translateX(-50%);
	border: unset;
}
.intro-faqs {
    font-size: 18px;
}

iframe {
  max-width: 100%;
}
input[type="image"] {
  max-width: 100%;
  height: auto!important;
}
blockquote p {
	display: block!important;
}
blockquote p:last-child {
	margin: 0;
}
.detail-article .content{
    background-color: transparent
}
.detail-article .related .link-default{
    color:var(--c-text-black);
    font-size: var(--size-h3);
}


	#tooltip{position:absolute;visibility:hidden}.arrow_box{position:relative;background:#f2f2f2;border:1px solid #7d7d7d}.arrow_box:after,.arrow_box:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow_box:after{border-color:rgba(242,242,242,0);border-bottom-color:#f2f2f2;border-width:10px;margin-left:-10px}.arrow_box:before{border-color:rgba(110,110,110,0);border-width:11px;margin-left:-11px}#tooltip.show{padding:4px 10px;visibility:visible;margin-top:15px}#cal1{position:absolute;height:0;width:0;top:100px;left:100px;z-index:-100}#cal2{position:absolute;height:0;width:0;top:0;left:0;z-index:-100}.
</style>


<div class="main-content detail-article pb-4" id="min-height-3" data-article-id="{{$data->id}}">
    <div class="container">
        <input type="hidden" id="keywords_not_good" name="keywords_not_good" value="{{ isset($keywords_not_good) ? $keywords_not_good : '' }}">
        <div class="row">
            <div class="col-12 col-sm-10 offset-sm-1">