.detail-4 {
 width: 100%;
}
.detail-4 .sharethis-inline-share-buttons {
 z-index: 0;
}
.detail-4 .sharethis-inline-share-buttons .st-btn {
 padding: 0 !important;
 min-width: 32px;
}
.detail-4 .detail__page-inner-content {
 display: flex;
 flex-direction: column;
 grid-gap: 10px;
}
.detail-4 .detail__page-inner-content .news__title {
 font-size: 32px;
 font-weight: bold;
 line-height: 1.5;
 margin-bottom: 0;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-content .news__title {
   font-size: 26px;
 }
}
.detail-4 .detail__page-inner-content .news__subTitle {
 font-size: 22px;
 font-weight: 600;
 color: #777;
 line-height: 1.5;
 margin-bottom: 0;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-content .news__subTitle {
   font-size: 20px;
 }
}
.detail-4 .detail__page-inner .meta__group {
 display: flex;
 align-items: center;
 justify-content: space-between;
 grid-gap: 10px;
 flex-wrap: wrap;
 padding: 10px 15px;
 background: #f6f6f6;
 border-radius: 5px;
}
.detail-4 .detail__page-inner .meta__group .post__meta .date {
 position: relative;
 top: 1px;
}
.detail-4 .detail__page-inner .meta__group .post__meta .date p {
 margin-bottom: 0;
 display: flex;
 align-items: center;
 grid-gap: 10px;
 font-size: 16px;
 font-weight: 600;
 color: #999;
}
.detail-4 .detail__page-inner .meta__group .post__meta .date p svg {
 display: flex;
 position: relative;
 top: -2px;
 font-size: 18px;
}
.detail-4 .detail__page-inner-seperator .detail__page-desc {
 margin-top: 20px;
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .details__desc p {
 font-size: 20px;
 font-weight: 400;
 word-spacing: 5px;
 color: #1e1e1e;
 line-height: 1.5;
 text-align: justify;
 margin-bottom: 20px;
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .details__desc p a {
 color: var(--theme-color);
 transition: all 300ms ease-in-out;
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .details__desc p a:hover {
 color: var(--secondary-color);
}
.detail-4 .detail__page-inner-seperator .detail__page-desc blockquote {
 margin: 0;
 margin-bottom: 20px;
 position: relative;
 text-align: center;
 color: var(--theme-color);
 font-size: 20px;
 font-weight: bold;
 display: flex;
 flex-direction: column;
 align-items: center;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-seperator .detail__page-desc blockquote {
   font-size: 18px;
 }
}
.detail-4 .detail__page-inner-seperator .detail__page-desc blockquote::before {
 content: "\f10d";
 font: var(--fa-font-solid);
 font-size: 65px;
 color: var(--theme-color);
 opacity: 0.2;
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteLT {
 margin: 0;
 margin-bottom: 20px;
 position: relative;
 text-align: left;
 color: var(--theme-color);
 font-size: 20px;
 font-weight: bold;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 width: 50%;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 padding: 15px;
 border: 1px solid #f0f0f0;
 border-radius: 8px;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteLT {
   font-size: 18px;
 }
}
@media (max-width: 480px) {
 .detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteLT {
   float: unset;
   width: 100%;
   margin-right: 0;
   padding: 0 10px;
 }
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteLT::before {
 content: "\f10d";
 font: var(--fa-font-solid);
 font-size: 50px;
 color: var(--theme-color);
 opacity: 0.2;
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteRT {
 margin: 0;
 margin-bottom: 20px;
 position: relative;
 text-align: right;
 color: var(--theme-color);
 font-size: 20px;
 font-weight: bold;
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 width: 50%;
 float: right;
 margin-left: 20px;
 margin-bottom: 20px;
 padding: 15px;
 border: 1px solid #f0f0f0;
 border-radius: 8px;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteRT {
   font-size: 18px;
 }
}
@media (max-width: 480px) {
 .detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteRT {
   float: unset;
   width: 100%;
   margin-left: 0;
   padding: 0 10px;
 }
}
.detail-4 .detail__page-inner-seperator .detail__page-desc .highlightQuoteRT::before {
 content: "\f10d";
 font: var(--fa-font-solid);
 font-size: 50px;
 color: var(--theme-color);
 opacity: 0.2;
}
.detail-4 .detail__page-inner-seperator .share__group {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 grid-gap: 10px;
 padding: 10px 15px;
 background: #f6f6f6;
 border-radius: 5px;
}
.detail-4 .detail__page-inner-seperator .share__group .post__meta .date {
 position: relative;
 top: 1px;
}
.detail-4 .detail__page-inner-seperator .share__group .post__meta .date p {
 margin-bottom: 0;
 display: flex;
 align-items: center;
 grid-gap: 10px;
 font-size: 16px;
 font-weight: 600;
 color: #999;
}
.detail-4 .detail__page-inner-seperator .share__group .post__meta .date p svg {
 display: flex;
 position: relative;
 top: -2px;
 font-size: 18px;
}
.detail-4 .detail__page-inner-seperator .share__group .news__published-date {
 display: flex;
 align-items: center;
 gap: 10px;
}
.detail-4 .detail__page-inner-seperator .share__group .news__published-date label {
 font-size: 18px;
 font-weight: 600;
 color: #797979;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-seperator .share__group .news__published-date label {
   font-size: 16px;
 }
}
.detail-4 .detail__page-inner-seperator .share__group .news__published-date .date {
 font-size: 16px;
 font-weight: 500;
 color: #797979;
}
@media (max-width: 575px) {
 .detail-4 .detail__page-inner-seperator .share__group .news__published-date .date {
   font-size: 14px;
 }
}
.detail-4 .mt-30 {
 margin-top: 30px;
}
.detail-4 .detail__related-news {
 width: 100%;
}
.detail-4 .detail__related-news .detail__block-grid {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 grid-gap: 30px;
}
@media (max-width: 768px) {
 .detail-4 .detail__related-news .detail__block-grid {
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 20px;
 }
}
@media (max-width: 450px) {
 .detail-4 .detail__related-news .detail__block-grid {
   grid-template-columns: repeat(1, 1fr);
   grid-gap: 30px;
 }
}
.detail-4 .detail__related-news .detail__block-grid .grid__card {
 display: flex;
 flex-direction: column;
 grid-gap: 10px;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__img a {
 border-radius: 5px;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__img a:hover img {
 transform: scale(1.1);
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__img a img {
 transform: scale(1.01);
 transition: all 1s ease-in-out;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__details {
 display: flex;
 flex-direction: column;
 grid-gap: 10px;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__details .card__title {
 margin-bottom: 0;
 font-size: 20px;
 font-weight: bold;
 color: black;
 transition: all 300ms ease-in-out;
}
@media (max-width: 575px) {
 .detail-4 .detail__related-news .detail__block-grid .grid__card .card__details .card__title {
   font-size: 18px;
 }
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__details .card__title a {
 color: inherit;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__details .post__meta .post__date {
 position: relative;
 top: 1px;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__details .post__meta .post__date p {
 margin-bottom: 0;
 display: flex;
 align-items: center;
 grid-gap: 5px;
 font-size: 16px;
 font-weight: 500;
 color: #999;
}
.detail-4 .detail__related-news .detail__block-grid .grid__card .card__details .post__meta .post__date p svg {
 display: flex;
 position: relative;
 top: -2px;
 font-size: 16px;
}
.detail-4 figure {
 width: 100%;
 margin: 20px 0 !important;
}
.detail-4 figure img {
 max-width: 100%;
 border-radius: 5px;
}
.detail-4 figure figcaption {
 font-size: 18px;
 font-weight: 500;
 color: #555;
 text-align: center;
 margin-top: 10px;
}