/****************************************************
/* GENERAL MODULE
*****************************************************/
/*ANIMATION ALL MODULE CO-WITH JS*/
.animate {
	will-change: opacity;
}
.slide-animate {
	animation: fadeIn 1.5s ease forwards;
}
@keyframes fadeIn {
	to {
		opacity: 1;
	}
}
/*end animation */
.module-cat a{
    color:#fff!important;
	background:#D82521;
	padding:5px 15px;
    font-size:12px;
    line-height: 14px;
    text-transform: capitalize;		
}
.module-cat a:hover{
    color:#ddd!important;
}
.topcat-place {
    float: left;
    width: 100%;
    position: relative;
}
.topcat-place .module-cat {
    position: absolute;
    z-index: 3;
    top: 2px;
    left: 0;
}
.topcat-place .module-cat:before {
    content: '';
    position: absolute;
    left: 0;
    z-index: 0;
    top: 23px;
    border-top: 8px solid #D82521;
    border-right: 8px solid transparent;
}
.module-cat {
    position: absolute;
    height: auto;
    margin: 0;
    position: absolute;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    -ms-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    z-index: 99;
    width: auto;
    top: 0;
    left: 0;
}
.module-cat:before {
    content: '';
    position: absolute;
    right: 0;
    z-index: 0;
    bottom: -8px;
    border-top: 8px solid #D82521;
    border-left: 8px solid transparent;
}
.module4-text .firstletter,
.module8-text .firstletter {
    line-height: 38px;
    font-weight: regular;
    font-size: 38px;
	color:#000;
}
/*CONTACT FORM 7 WITH CLASS cf7-mail and cfc7-submit*/
/*contact us*/
.wpcf7 {
    position: relative;
	width:100%;
	float:left;
}
.darksmallwpcf7 .wpcf7-spinner {
    position: absolute;
	bottom:50%;
	left:40%;
}
.col-md-6.leftcf {
	padding-left:0;
	margin-bottom:15px;
}
.col-md-6.rightcf {
	padding-right:0;
	margin-bottom:15px;
}
.col-md-12.msgcf, .col-md-4.msgcf {
	padding:0;	
	margin-bottom:10px;
	width:100%;
	float:left;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border-color: #D32C2C;
	background:#D32C2C;
	color:#fff;
}
.wpcf7-not-valid-tip {
    margin:  0;
	float:left;
	width:100%;
	font-size:12px;	
}
.darkwpcf7 .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
	text-transform:capitalize;
	padding-bottom:15px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0!important;
    border: 1px solid #dc3232!important;
	color:#111;
	width:100%;
	float:left;
	font-size:14px!important;
	padding:10px 5px;
}
.darkwpcf7 .wpcf7 form .wpcf7-response-output {
    margin: 0;
    border: 2px solid #dc3232!important;
	color:#111;
	width:100%;
	float:left;
	font-size:12px;
}
.wpcf7 h3{
	color:#252525;
}
.wpcf7 hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.wpcf7 label,
.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
}
.wpcf7-text, .wpcf7-textarea {
	float:left;
	margin:5px 0 15px 0;
    padding: 5px 15px;

    font-size: 14px;
	color:#111;
	background:rgba(0,0,0,0.05);
}
.lightwpcf7 .wpcf7-text, .wpcf7-textarea {
	float:left;
	margin:0;
    padding: 15px 15px;
    border: 0px solid #333;	
    font-size: 12px;
	color:#111;
	background:rgba(0,0,0,0.05);
}
.dark .lightwpcf7 .wpcf7-text, .dark .wpcf7-textarea {
	background:#333;
	color:#ddd;	
}
.wpcf7-submit {
    width: 100%;
    float: left;		
    padding: 10px 15px;
	margin-top:10px;
	background:transparent;
	color:#111;	
    border: 1px solid#111;	
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;		
}
.wpcf7-submit:hover {
    background-color: #000;
    border-top: 1px solid #111;	
    border-bottom: 1px solid #111;		
    color: #fff;
}
div.wpcf7 .ajax-loader {
    display: none!important;
}
.darkwpcf7{
	float:left;
	width:100%;
	position:relative;
}
.erlin.col-md-3,
.erlin.col-md-6 {
	float:left;
	padding:0;
}
.darkwpcf7 .wpcf7-text, .darkwpcf7 .wpcf7-textarea {
    margin:10px 0;
    padding: 10px 20px;
	background:#fff;
	color:#111;
	border:1px solid#333;		
}
.dark .darkwpcf7 .wpcf7-text, .dark .darkwpcf7 .wpcf7-textarea {
	color:#fff;
	border-top:1px solid#333;
	border-bottom:1px solid#333;	
	border-left:1px solid#333;
	background:#333;
	
}
.dark .darkwpcf7 input {
	border: 0px solid #333;
}
.name .wpcf7-text {
	position:relative;
	right:-1px;	
}
.darkwpcf7 .wpcf7-text::placeholder{
	color:#999;
}
.darkwpcf7 .wpcf7-submit {
    padding: 10px 10px;
	margin-top:10px;
	font-size:14px;	
}
.darksmallwpcf7  {
    float: left;
    width: 100%;
	background:#f9f9f9;
	padding:20px 15px;
}
.dark .darksmallwpcf7  {
	background:#000;
}
.darksmallwpcf7 .col-md-6.left {
	padding:0 5px 0 0;
}
.darksmallwpcf7 .col-md-6.right {
	padding:0 0 0 5px;
}
.darksmallwpcf7 .wpcf7-submit {
    padding: 10px;
	margin:0px;
	color:#fff;
	background:#333;
    border: 1px solid#333;	
}
.darksmallwpcf7 .wpcf7-text, .darksmallwpcf7 .wpcf7-textarea {
    padding: 10px 15px;
    background: transparent;
	font-size:12px;
    border: 1px solid#333;	
}
.erlin.submit {
	position:relative;
	float:left;
}
.erlin.submit:before {
    font-family: 'Material Icons Outlined';
	content: "\e0b2";
    position: absolute;
	font-size:18px;
    bottom: 50%;
    right: 10px;
	color:#fff;
}
.darkwpcf7 .wpcf7-submit {
	background:#111;	
	color:#fff;	
	border:1px solid#111;	
}
.darkwpcf7 .wpcf7-submit:hover {
    border: 1px solid#999!important;	
	background:#999;
}
input:focus,textarea:focus {
	outline: none;
}
.erlin.col-md-3.submit .wpcf7-spinner {
    width: 10px;
    height: 10px;
}
.darkwpcf7 > p {
  margin-top:-10px;
  float:left;
  text-align:right;
  width: 100%;
}
@media screen and (max-width: 768px) {
.darkwpcf7 .wpcf7-text, .darkwpcf7 .wpcf7-textarea, .wpcf7-submit {
	width:100%;
}	
.darkwpcf7 .col-md-12{
	width:100%;
	margin-bottom:10px;
}	
}
/*COLUMNS*/
.module31-content .column{
	padding:0 15px;	
}
.module31-content .first.column {
    padding: 0 15px 0 0;
}
.module31-content .last.column {
    padding: 0 0 0 15px;
    float: right!important;
}
/*ELEMENTOR*/
.elementor-widget-wrap.elementor-element-populated,
.elementor-element.e-con-boxed.e-con > .elementor-element.e-con-full.e-con {
	overflow:hidden;
}
@media screen and (max-width: 980px) {
.elementor-section.elementor-top-section.elementor-element,
.elementor-section.elementor-inner-section.elementor-element,
.elementor-section.elementor-top-section.elementor-element.elementor-element-311abdf5.elementor-section-boxed,	
.elementor-widget-wrap,	
.elementor-column.elementor-col-16,
.elementor-column.elementor-col-33,
.elementor-column.elementor-col-66,
.elementor-widget-wrap.elementor-element-populated .elementor-widget-wrap.elementor-element-populated,	
.elementor-element.elementor-element > .elementor-element-populated {
    border-width: 0px 0px 0px 0px!important;	
	padding-right:0!important;
	padding-left:0!important;
	width:100%!important;	
}
.elementor-column.elementor-col-50, .elementor-column[data-col="50"] {
    width: 100%!important;
}
.elementor-column.elementor-col-25, .elementor-column[data-col="25"]{
	width: 100%!important;
}
}
.imageoff {
	display:none;
}
.elementor-widget-container {
	float:left;
	position:relative;
	width:100%;
}
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%!important;
}
.modulebox-wrapper {
	float:left;
	width:100%;
    position: relative;	
}
.mainbox-blog {
	width:100%;
	float:left;
	position:relative;
}
.mainbox-blogcenter {
    float: left;
    position: relative;
    width: 100%;
	border:1px solid#ddd;
	padding:15px 20px;
}
.mainboxwrapper {
	width:100%;
	float:left;
	position:relative;
}
@media screen and (max-width: 825px) {
.elementor-widget-container {
	padding-left:0!important;
	padding-right:0!important;	
}	
}
/****************************************************
/* BORDER
*****************************************************/
.border-dotted {
	position:relative;
	width:100%;
	float:left;
	background: linear-gradient(90deg, #fff 2px, transparent 1%) 50%, linear-gradient(#fff 2px, transparent 1%) 50%, #000;    
    background-position: 0 0;
    background-size: 3px 3px;
    height: 9px;
    display: block;
    unicode-bidi: isolate;
}
.dark .border-dotted {
    background: linear-gradient(90deg, #252525 2px, transparent 1%) 50%, linear-gradient(#252525 2px, transparent 1%) 50%, #999;    
    background-position: 0 0;
    background-size: 3px 3px;
}

/****************************************************
/* HANDLE TITLE 1
*****************************************************/
.jmodule-maintitle  {
    color: #252525;
	float:left;
	position:relative;
	width:100%;	
	z-index:2;
}
.jmodule-maintitle div{
    display: flex;     
    align-items: flex-end;
}
.dark .jmodule-maintitle div span,
.dark .jmodule-maintitle div{
	color:#ddd!important;
}
.moduletitle-wrapper {
	display: flex;
	flex-wrap: nowrap;
    align-items: center;	
    position: relative;
    float: left;
	width: 100%;	
	margin:0 0 15px;
	padding:0;
	overflow:hidden;
}
.moduletitle-wrappercat {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 15px 20px;
    align-items: end;	
    position: relative;
    float: left;
	width: 100%;	
	margin:0 0 20px;
	overflow:hidden;	
}
.maintitle {
	overflow:hidden;	
}
.all-articles-link {
	position:relative;
    font-size:12px;
    text-transform: capitalize;
	font-weight:500;
	z-index:2;
	padding:0 20px 0 10px;
}
.all-articles-link:before {
	position:absolute;
    font-family: 'Material Icons Outlined'!important;
	content: "\f8ce";
	font-size:125%!important;
	bottom:-2px;
	right:0;
}
.customicon {
	position:relative;
	float:left;
	margin-right:10px;	
}
.dark .customicon svg path {
    fill: #eee!important;
}
.module-viewall {
    position: relative;
    float: right;
	padding-right:25px;
	text-align:right;
    width: 100%;
	font-size:12px;
	font-weight:500;
	text-transform:capitalize;
}
.module-viewall:before {
	position:absolute;
    font-family: 'Material Icons Outlined';
	content: "\f8ce";
	font-size:18px;
	font-weight:500;
	color:#111;
	right:0;
}
.dark .module-viewall:before {
	color:#fff;
}
.jmodule-maintitle span {
    color: #252525!important;
	margin-left:3px;
}
.dark .borderbox {
	background: rgba(0, 0, 0, 0) !important;
}
.dark .module15a-thumb,
.dark .module4-thumbnail {
    border-color:#333!important;
}
@media screen and (max-width: 800px) {
.moduletitle-wrappercat {
    grid-template-columns: 1fr!important;
}
.all-articles-link {
	display:none;
}
}
/****************************************************
/* HANDLE TITLE 2
*****************************************************/
.j_maintitle2 {
    position: relative;
    float: left;
    width: 100%;
    display: grid;
	grid-template-rows: repeat(1, 1fr);
    gap: 15px;
    align-items: start;
}
.first-titlewrapper{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.second-titlewrapper {
    position: relative;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 15px 15px;
    align-items: start;
}
.jmodule-subtitle2,
.jmodule-subtitle3 {
    position: relative;
    float: left;
    width: 100%;
    align-self: end;
}
.dark .jmodule-subtitle2 {
	color:#fff!important;
}
.jmodule-subtitle2.left, .jmodule-maintitle2.left {
	width:auto;
    left: 0;
    text-align: left;
}
.jmodule-subtitle2.center, .jmodule-maintitle2.center {
	width:30%;
    left: 35%;	
    text-align: center;	
}
.jmodule-subtitle2.right, .jmodule-maintitle2.right {
	width:auto;
    right:0;
    text-align: right;
	padding:0 0 0 25px;	
}

@media screen and (max-width: 800px) {
.jmodule-subtitle2.center, .jmodule-maintitle2.center,
.jmodule-subtitle2.three, .jmodule-maintitle2.three,
.jmodule-subtitle2.four, .jmodule-maintitle2.four,
.jmodule-subtitle2.five, .jmodule-maintitle2.five,
.jmodule-subtitle2.sixth,.jmodule-maintitle2.sixth ,
.jmodule-subtitle2.seven, .jmodule-maintitle2.seven {
	width:100%;
    left: 0%;	
}
.jmodule-maintitle2 {
    left: 0%;
    padding: 0;
}	
.jmodule-maintitle2 h3{
	font-size: 24px!important;
}
}
/****************************************************
/* HANDLE TITLE 3
*****************************************************/
.vidmoduletitle-wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.vidmodule-maintitle  {
    position: relative;
	float:left;
	position:relative;
	margin-bottom:5px;
	width:100%;
    color: #111;
	overflow:hidden;
}
.dark .vidmodule-maintitle,
.dark .vidmodule-subtitle ,
.dark .vidmodule-maintitle span {
    color: #eee!important;
}
.vidmodule-subtitle  {
    position: relative;
	float:left;
	width:100%;
	padding:0;
}
/****************************************************
/* J-MODULE 1 & MODULE 1a
*****************************************************/
.borderbox {
	float:left;
	width:100%;	
	position:relative;
}
.borderbox img{
	position:relative;
	width:100%;
	height:auto;
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module1ol {
	width:100%;
	float:left;
	position:relative;
}
.module1default-post {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: 15px 15px;
}
.module1f-post:has(.module1default-postwrapper.imageoff) {
    grid-template-columns: 1fr;
}
.dark .module1default-post {
	background:rgba(0,0,0,0.05)!important;
    border-color: #333 !important;	
}
.module1default-postwrapper {
	width:100%;
	float:left;
	position:relative;
}
.module1default-thumb {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	margin:-1px 0 -1px -1px;
}
.dark .module1default-thumb {
    border-color: #333!important;
}
.module1default-post:hover .module1default-thumb img{
	transform: scale(1.1);
}
.module1default-article {
    float: left;
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px 0;	
}
.module1default-title {
    float: left;
    width: 100%;
}
.module1-articlemeta {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
}
.metahide {
    display:none;
}
.module1-post {
	width:100%;
	float:left;
	position:relative;
}
.module1-post:last-child  {
	margin-bottom:0;
    padding-bottom: 0;
    border-bottom: 0px solid#ddd;	
}
.module1-post {
    counter-increment: css-counter 1;
}
.module1-post:before {
    content: counter(css-counter, decimal) " ";
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 2;
    color: #111;
	height:100%;
}
.dark .module1-post:before {
    color: #fff!important;	
}
.horizontal .module1-post {
	margin-bottom:0px;
	padding-bottom:0px;	
	border-bottom:0px solid#ddd;
}
.module1a-title {
	width:100%;
	float:left;
	padding-left:25px;
	position:relative;	
}
.module1a-inner {
	width:100%;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid#ddd;
}
.module1-post:last-child .module1a-inner {
	padding-bottom:0;
	border-bottom:0px solid#ddd;
}
.dark .module1a-inner {
	border-bottom:1px solid#333;
}
.module1-post h3{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.module1-article {
	width:100%;
	float:left;
	margin-bottom:15px;	
}
.top-title-meta.hide,
.module1-article.hide {
	display:none;
}
.module1-article p:first-child {
	margin-top:0;
}
.module1-article1a {
	width:100%;
	float:left;
	font-size:12px;
	text-transform:capitalize;
}
.module1-meta a{
	font-weight:600;
}
.module1b-wrapper {
    display: grid;
    float: left;
    width: 100%;
    position: relative;
}
.module1b-wrapper.horizontal {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));	
    gap: 30px 30px;	
}
.module1b-wrapper.de.horizontal {
    grid-template-rows: auto auto;	
    gap: 15px 30px;	
}
.module1b-wrapper.vertical {
    grid-template-columns: 1fr;	
    gap: 20px 30px;
}
.module1c-wrapper {
    display: grid;
    float: left;
    width: 100%;
    position: relative;
}
.module1c-wrapper.horizontal {
    grid-template-columns: auto;
    gap: 0 30px;	
}
.module1c-wrapper.vertical {
    grid-template-rows: auto;
    gap: 0 0;	
}
.vertical .module1b-post {
	width:100%;
	float:left;
	position:relative;
	padding-bottom:15px;
}
.dark .module1b-post {
	border-color:#333!important;	
	background-color:transparent!important;
}	
.vertical .module1b-post:last-child {
	margin-bottom:0;
}
.horizontal .module1b-post {
	width:100%;
	float:left;
	position:relative;
}
.module1b-thumb {
    grid-column-start: 1;
    grid-column-end: 3;
    position: relative;
	overflow:hidden;
}
.module1b-thumb img{
	width:100%;
	height:auto;
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module1b-post:hover .module1b-thumb  img{
	transform: scale(1.1); 
}
.module1b-article {
	float:left;
	width:100%;
}
.module1b-post h6 {
	float:left;
	width:100%;
	margin-bottom:15px;
}
.module1c-inside {
	float:left;
	width:100%;
	positiob:relative;
}
.module1b-title {
    float: left;
	width:100%;
	margin-bottom:15px;
}
.module1c-article h3 {
	float:left;
}
.module1c-post  {
    float: left;
	position:relative;
    display: grid;
    grid-template-columns: 15% 1fr 25%;
    gap: 0 20px;
	margin-top:-1px;
	overflow:hidden;
	border:1px solid#000;	
}
.module1c-post:first-child  {
	margin-top:0;
}
.module1c-post:hover img{
	transform: scale(1.1); 
}
.module1c-date {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0;
	padding: 25px 0 15px 20px;	
}
.module1c-date .metaview1, .module1c-date .metaview2, .module1c-date .metaview3 {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 25px;
	border:1px solid#000;
}
.module1c-date .metaview-wrapper {
    margin: 0;
}
.dark .module1c-date .metaview1, .dark .module1c-date .metaview2, .dark .module1c-date .metaview3 {
	border-color:#333!important;
}
.module1c-date .metaview1:before, .module1c-date .metaview2:before, .module1c-date .metaview3:before {
    bottom: 9px;
	left:5px;
}
.coauthormodule-wrapper {
	position:relative;
	float:left;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
	gap:15px 0;
}
.module1c-cat  {
	float:left;
	width:100%;
    font-size:12px;
    line-height: 18px;
    text-transform: capitalize;
}
.module1c-article{
	position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0;
	padding: 25px 20px;	
}
.module1c-text{
    display: flex;
    flex-direction: column;
    align-self: flex-end;
}
.module1c-title{
	float:left;
	margin-bottom:10px;	
}
.module1c-date .module7-month {
    width: 100%;
	margin-top:5px;
}
.module1c-result {
	display: flex;
    flex-direction: column;
    align-self: flex-end;
}
.module1e-wrapper.horizontal {
	position:relative;
	float:left;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 30px 30px;
}
.module1default-article.module1e {
    gap: 5px 0;
    align-items: stretch;
}
.module1e-result{
	display: flex;
	align-items: flex-end;
}
.module1e-mainwrapper .pros-cons-section {
	border-top:1px solid#000;
	margin-top:15px;
	padding-top:15px;
}
.dark .module1e-mainwrapper .pros-cons-section {
	border-top:1px solid#333;
}
.module1e-mainwrapper {
	width:100%;
	float:left;
	position:relative;
}
.dark .module1e-mainwrapper {
    border-color: #333!important;
    background: rgba(0, 0, 0, 0.07) !important;	
}
.module1e-title {
    float: left;
    width: 100%;
	margin-bottom:15px;
}
.module1f-wrapper.horizontal {
    position: relative;
    float: left;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 30px 30px;
}
.module1f-post {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 15px 20px;
}
.vertical .module1f-post {
    grid-template-columns: 1fr;
    gap: 15px 15px;
}
.module1f-thumb {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	margin:-1px 0 -1px -1px;
	height:175px;	
}
.module1default-article.module1e .spr-combined-rating {
    margin: 0 0 2px 0;
}
.module1default-article.module1e .rating.all-readers {
    padding-right: 0;
}
.module1f-wrapper.vertical {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px 20px;	
}
@media screen and (max-width: 1024px) {
#full-widthnotop {
    margin: 15px 0 30px 0!important;
}	
.nav-mainwrapper {
    padding: 0!important;
    margin: 0 auto;
    max-width: 100%!important;
}
.header-default {
    margin-top: 0!important;
    border: 0px solid #999!important;
    background: #fff;
}
}
@media screen and (max-width: 800px) {
#full-widthnotop {
    margin: -75px 0 30px 0!important;
}	
}
@media screen and (min-width: 768px) and (max-width:800px){
.module1c-article .module1-article {
	display:none;
}
.module1b-wrapper.vertical,
.vertical .module1default-post {
    grid-template-columns: 1fr;
}
}
@media screen and (min-width: 600px) and (max-width:768px){
.module1c-post {
    align-items: center;
    grid-template-columns: repeat(6, 1fr);	
}
.module1c-date{
    grid-column-start: 1;
    grid-column-end: 7;
}	
.module1c-article{
    grid-column-start: 1;
    grid-column-end: 5;
}	
.module1c-wrapper .module4-thumbnail{
    grid-column-start: 5;
    grid-column-end: 7;
}
.module1c-wrapper .coauthormodule-wrapper {
    flex-direction: row;
    gap: 20px 30px;	
	margin-bottom:30px;
}
.module1c-article h3 a {
    font-size: 26px!important;
}		
}
@media screen and (max-width: 768px) {
.module1c-date{
	display:none;
}
}
@media screen and (max-width: 600px) {
.module1default-thumb img{
	width:100%;
}
.module1c-post {
    align-items: center;
    grid-template-columns: repeat(6, 1fr);	
}
.module1c-wrapper .module4-thumbnail,
.module1c-article{
    grid-column-start: 1;
    grid-column-end: 7;
	margin-bottom:15px;
}	
.module1c-wrapper .coauthormodule-wrapper {
	display:none;
}
.module1c-article h3 a {
    font-size: 26px!important;
}	
.module1c-wrapper.horizontal {
    grid-template-columns: auto;
	gap:0 0;
}	
.module1b-article h6 a {
    font-size: 20px !important;
}	
.module1c-post .adt-comment {
	display:none;
}
.module1f-post {
    grid-template-columns: 1fr;
}
}
@media screen and (min-width: 768px) and (max-width:800px){ 
.module1default-post.vertical {
    grid-template-columns:1fr;
    gap: 15px 20px;
}
.module1default-post {
    grid-template-columns: 1fr;
}	
}
@media screen and (max-width: 480px) {
.module1b-wrapper.vertical,
.vertical .module1default-post {
    grid-template-columns: 1fr;
}
}

@media screen and (max-width: 320px) {
.module1c-title a {
    font-size: 20px!important;
    line-height: 22px!important;
}	
.module1b-wrapper.horizontal,	
.module1b-wrapper.vertical {
    grid-template-columns: auto;
}
}
/****************************************************
/* J-MODULE 2
*****************************************************/
.module2ol {
	display: grid;
    float: left;
    width: 100%;
    position: relative;
}
.module2ol.horizontal {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, auto));
    gap: 30px 30px;		
}
.module2ol.vertical {
    grid-template-rows: auto auto;
    gap: 0 0;
}
.module2ol .cat-color {
    margin: 1.5rem 0 0.5rem;
}
.module2-thumb {
	width:100%;
	float:left;
	position:relative;
	margin-bottom:5px;
	overflow:hidden;
}
.cat-sub {
	position:absolute;
	bottom:0px;
	left:0px;
	padding:0;
	font-size:12px;
	font-weight:500;
	text-transform:capitalize;
	z-index:1;
}
.module2a-thumb .dgwt-jg-gallery .entry-visible img {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module2-thumb img,
.module2a-thumb img{
	width:100%;
	height:auto;
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module2a-thumb .gallery-caption {
    display:none;
}
.module2-post:hover .module2-thumb img, .module2a-wrapper:hover .module2a-thumb img{
	transform: scale(1.1); 
}
.module2-post {
	width:100%;
	float:left;
}
.vertical .module2-post {
	margin-bottom:20px;
}
.vertical .module2-post:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0px solid#fff;
}
.module2-post.borderbox{
	padding:0 0 15px 0;
	float:left;
	width:100%;
	overflow:hidden;
}
.vertical .module2-post{
	border-bottom:1px solid#ddd;
}
.dark .vertical .module2-post{
	border-bottom:1px solid#333;
}
.borderbox-inner{
	float:left;
	width:100%;
}
.module2-post span{
	width:100%;
	float:left;
	margin:0 0 1rem;
}
.module2-article {
	width:100%;
	float:left;
	margin-bottom:15px;
}
.module2-article.hide {
	display:none;
}
.module2-article img{
	float:left;
	margin: 5px 20px 5px 0;
}
.module2-meta {
	width:100%;
	float:left;
    font-size: 12px;
    text-transform: capitalize;
}
.dark .module2-meta {
	color:#ccc;
}
.simple .module2-meta {
	display:none;
}
.module2abox {
    display: grid;
    float: left;
    width: 100%;
    position: relative;
}
.module2abox.horizontal {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 30px;
}
.module2a-title {
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	margin-bottom:10px;
}
.module2a-wrapper{
	width:100%;
	float:left;
	position:relative;
	border-bottom:1px solid#333;
	margin-bottom:30px;
	padding-bottom:30px;
}
.module2a-wrapper:last-child{
	margin-bottom:0;
}
.module2a-share {
    position: absolute;
    bottom: -14px;
    right: 10px;
	border:1px solid#333;
    text-align: center;
    padding: 8px 10px;
    background: #fff;
    font-size:12px;
	text-transform:capitalize;
    line-height: 1em;
	font-weight:500;	
}
.dark .module2a-share {
	background:#252525;
}
.module2a-share .sharedaddy h3.sd-title {
	display:none;
}
.module2a-share .sd-social-icon .sd-content ul li a:before {
    font: normal 18px/1 'social-logos'!important;
}
.module2a-wrapper .sharedaddy {
    display:block;
	text-align:center;
	width:100%;
}
.module2a-wrapper .sd-social-icon .sd-content ul li[class*='share-'] a {
	padding:0 10px!important;
}
.module2a-wrapper .sd-social-icon .sd-content ul li[class*='share-'] a:last-child {
    padding: 0 0 0 10px!important;
	margin-top: 0;	
}
.module2a-wrapper .sd-content ul li {
    margin: 0!important;
}
.dark .module2a-wrapper{
	border-bottom:1px solid#333;
}
.module2a-post {
    position: relative;
	float:left;
	width:100%;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}
.module2a-pagination {
    width: 100%;
    float: left;
    margin: 0 0 30px 0;
    position: relative;
}
.page-numbers {
    position: relative;
	float:left;
	padding:3px 5px;
	margin:0 5px;
	border:1px solid#ddd!important;	
	font-size:12px;
	line-height:12px;
}
.page-numbers.current {
	background:#111;
	color:#fff;	
}
.module2-thumb .module2a-post {
    margin-bottom:0px;
}
.module2a-thumb {
    width: 100%;
    float: left;
	position:relative;
	overflow:hidden;
}
.module2a-article {
    width: 100%;
    float: left;
	position:relative;	
}
.module2a-meta {
    float: left;
	text-align:center;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 12px;
    text-transform: capitalize;
}
.module2a-meta a{
    font-weight: 600;
}
.module2a-meta .module8-author1 {
    float: none;	
}
.module2a-post iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%;	
}
.module2b-contentwrapper  {
    width: 100%;
    float: left;
    display: grid;
    position: relative;
    grid-template-columns: repeat(1fr);
    gap: 0 ;
}
.module2b-title{
	position:absolute;
    width: 100%;	
	padding:15px 15px 30px ;
	left:0;
	bottom:0;
	z-index:2;
}
.module2b-title a{
	color:#fff;	
}
.module2b-title a:hover{
	color:#ccc;	
}
.module2b-cat {
	position:relative;
	width:100%;
	float:left;
	font-size:12px;
	font-weight:500;
	text-transform:capitalize;
	margin-bottom:5px;
}
.module2b-thumb{
    position: relative;
	width:100%;
	float:left;
	overflow:hidden;
}
.module2b-thumb img{
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	width:100%;
	height:auto;
}
.module2b-borderbox:hover .module2b-thumb img{
	transform: scale(1.1);
}
.module2bcoauthor-name {
	width:100%;
	float:left;
    display: grid;
    gap: 0 15px;
	margin-bottom:20px;
	grid-template-columns: auto auto auto 1fr;
    align-items: start;
}
.module2b-morewrapper  {
    width: 100%;
    display: grid;
    position: relative;
	grid-template-columns: 1fr;
    gap: 0;
	overflow:hidden;
	margin-top:15px;
    counter-reset: css-counter 1; 	
}
.dark .module2b-moretitle {
	border-top:1px solid#333;
	border-bottom:1px solid#333;
}
.module2b-moretitle {
    float: left;
    position: relative;
	overflow:hidden;
	margin-top:-1px;
    width: 100%;
	padding:10px 0 10px 50px;
	border:1px solid#252525;	
	counter-increment: css-counter 1;
}
.module2b-moretitle:hover {
    background: #252525;
}
.module2b-moretitle:hover a{
	color:#fff;
}
.dark .module2b-moretitle:hover {
    background: #333;
}
.module2b-moretitle:before {
    content: counter(css-counter, decimal) " ";
    position: absolute;
	font-size:122%;
    top: 15px;
    left:15px;
    z-index: 2;
    color: #fff;
    height: 100%;
}
.module2b-moretitle:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 100px;
    background: #252525;
    left: 0px;
    top: -10px;
}
.dark .module2b-moretitle:before {
    color: #eee;
}
.dark .module2b-moretitle:after {
    background: #111!important;
}
@media screen and (min-width: 601px) and (max-width:900px){
.module2ol {
    grid-template-columns: auto auto;
}	
}
@media screen and (min-width: 601px) and (max-width:1024px){
.module2ol.vertical {
    grid-template-columns: auto;
	gap: 15px 15px;		
}	
.module2ol.horizontal {
    grid-template-columns: auto auto;
	gap: 15px 15px;		
}
}
@media screen and (max-width: 1024px) {
.module2b-contentwrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 0 0;
}
.module2b-thumb,
.module2b-borderbox {
    grid-column-start: 1;
    grid-column-end: 2;
}
}
@media screen and (max-width: 768px) {
.module2a-title h3 a {
	font-size: 20px!important;
	line-height:1emimportant;
}
}
@media screen and (max-width: 600px) {
.module2ol.horizontal,	
.module2ol.vertical {
    grid-template-columns: auto;
}
}
@media screen and (max-width: 480px) {
.module2abox.horizontal {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 0px;
}
}
/****************************************************
/* J-MODULE 3
*****************************************************/
.modulebox3-wrapper  {
    float: left;
    position: relative;
    width: 100%;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 15px 30px;
	overflow:hidden;	
}
.module3-contentwrapper  {
    float: left;
    position: relative;
    width: 100%;
	overflow:hidden;
}
.module3-avatarwrapper {
    float: left;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 20px;
	margin-bottom:-1px;
	border:1px solid#000;
}
.dark .module3-avatarwrapper {
	background:#111!important;
}
.module3-avatarthumb {
    float: left;
    position: relative;
    width: 100%;
	overflow:hidden;
	border:1px solid#000;
	margin: -1px 0 -1px -1px;	
}
.module3-avatarthumb img{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module3-contentwrapper:hover .module3-avatarthumb img{
	transform: scale(1.1); 
}
.module3-name {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 20px 30px;	
	padding:15px;
	border:1px solid#000;
    float: left;
    width: 100%;
    position: relative;
}
.dark .module3-avatarthumb,
.dark .module3-name {
	border:1px solid#333;
}
.module3-title {
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid#ddd;
}
.module3-title:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:0px solid#ddd;
}
.dark .module3-title {
	border-bottom:1px solid#333;
}
.module3-position {
	float:left;
	width:100%;
	margin-top:2x;
	text-transform:capitalize;
}
.module3-meta {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0;
	padding:20px 10px 20px 0;
}
.module3-total {
    position: absolute;
	bottom:-1px;
	right:-1px;
	padding: 10px 8px;
	text-transform: capitalize;
	font-size:12px;
	color:#fff;
	z-index:2;
	background: #000;
	line-height:1;
}
.dark .module3-total {
	background: var(--jkd-bodydark-bg);
	color:#fff;
}	
.module3-metatop {
	float:left;
	width:100%;
}
.module3-metatop .author-positionwrapper {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
.module3-totalpost {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
}
.module3-meta .head-divider {
    margin: 5px 10px 0;
}
.modulebox3a-wrapper {
    float: left;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    gap: 30px 50px;
}
.module3a-contentwrapper {
    float: left;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: 0 30px;
}
.module3a-contentwrapper:hover img{
	transform: scale(1.1);
}
.dark .module3a-contentwrapper {
	background:#111!important;
}
.module3a-name {
    float: left;
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0;
	padding:15px 15px 15px 0;	
	border-top:1px solid#000;
	border-bottom:1px solid#000;	
}
.module3a-name span {
    float: left;
    width: 100%;
	font-size:12px;	
	text-transform:capitalize;	
	margin-bottom:0.5rem;
	font-weight:500;
}
.title3a {
    float: left;
    width: 100%;
}
.title3a-position {
    float: left;
    width: 100%;
	margin-bottom:15px;
	font-size:12px;
	text-transform:capitalize;
}
.module3a-desc {
    float: left;
    width: 100%;
}
@media screen and (max-width: 600px) {
.modulebox3-wrapper{
    width: 100%;
    float: left;
    display: grid;
    position: relative;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 0;
}	
}
@media screen and (max-width: 480px) {
.module3a-name .module3-metatop {
	display:none;
}
}
/****************************************************
/* J-MODULE 4
*****************************************************/
.module4-wrapper {
    width: 100%;
    float: left;
    position: relative;
	padding-bottom:2px;
}
.module4-topwrapper {
	float: left;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 30px 50px;
 }
.module4-top {
    position: relative;
    display: flex;
    align-items: center;
    width: 100vw;	
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    overflow: hidden;
}
.module4-contentwrapper {
	position:relative;
	margin:0 auto;
	max-width:1220px;
	padding:15px;
	overflow:hidden;
	z-index:2;
}
.module4-maintitle {
    float: left;
    position: relative;
	margin-bottom:10px;	
	border-bottom:1px solid#111;
	color:#111;
}
.module4-title {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 25px 0;
}
.module4b-shortintro {
    float: left;
    margin-bottom: 10px;
}
.module4-introtitle {
	display:flex;
	flex-direction: column;	
	align-self:flex-end;
}
.module4-content {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:25px;	
}
.module4-thumbnail {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	margin:-1px -1px -1px 0;
	border-right-width: 0px !important;
}
.module4-desc {
    position: relative;
    display: grid;
	grid-template-columns: 1fr;
    gap:0 0;
}
.module4-desc .adt-comment {
	margin-top:5px;
	opacity:0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 750ms ease;			
}
.dark .module16ol,
.dark .module4-contentwrapper {
    background-color:transparent!important;	
    border-color: #333!important;	
}
.module4-moretext {
    float: left;
    position: relative;
    width: 100%;
	text-align:center;
	color:#111;	
	padding:15px 0;
	border-top:1px solid#666;	
}
.module4-morecontentwrapper {
	float: left;
	width:100%;
}
.module4-morecontent {
    width: 100%;
    float: left;
	position:relative;
    margin-bottom: 2rem;
}
.module4-morecontent:last-child {
	margin:0 0 0;		
	float:right;
	border-bottom:none;		
    margin-bottom: 0;
    padding-bottom: 0;	
}
.module4-left {
	position:relative;	
	float:left;
	width:70%;
	padding:0 25px 0 0;
}
.module4-authorleft {
	text-align:left;
	float:right;
	width:30%;
	padding:15px 10px 15px 25px;
	overflow:auto;
}
.module4-moretitle {
	position:relative;	
	float:left;
	width:100%;
    display: grid;
    grid-template-columns: 1fr 25%;
    gap: 0 15px;
	overflow: hidden;	
    justify-content: start;
}
.module4-morelink {
	position:relative;	
	float:left;
	width:100%;
	margin:0 0 15px;
}
.module4-thumb {
	position:relative;	
	float:left;
	width:100%;
	overflow:hidden;
}
.module4-moretitle:hover .module4-thumb img{
	transform: scale(1.3);
}

.module4-authorleft {
  direction: rtl; 
}
.module4-authorleft > * {
  direction: ltr; 
}
.module4-authorleft::-webkit-scrollbar {
  width: 1px;
}
.module4-authorleft::-webkit-scrollbar-track {
  background: #ccc; 
} 
/* Handle */
.module4-authorleft::-webkit-scrollbar-thumb {
  background: #000; 
}
/* Handle on hover */
.module4-authorleft::-webkit-scrollbar-thumb:hover {
  background: #333; 
}
.module4a-wrapper {
    float: left;
    width: 100%;
	position: relative;	
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 30px;
}
.module4a-top {
    width: 100%;
    float: left;
    position: relative;
}
.module4a-left {
    position: relative;
    float: left;
    width: 100%;
}
.module4a-title{
    position: relative;
    float: left;
    width: 100%;
	margin-bottom:1.5rem;
}
.module4a-right {
    position: relative;
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 30px;	
}
.module4a-smalthumb {
    position: relative;
    float: left;
    width: 100%;
	overflow:hidden;
	margin-bottom:15px;	
}
.module4a-smalthumb img {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module4a-post:hover .module4a-smalthumb img {
	transform: scale(1.07); 	
}
.module4a-caption {
    position: absolute;
    bottom: 30px;
    left: 10%;
    width: 80%;
    z-index: 60;
    padding: 30px 30px 15px;
    font-size: 13px;
    background: #fff;
	color:#111;
}
.dark .module4a-caption {
    background: rgba(0,0,0,0.5);
	color:#ddd;	
}
.module4a-post {
    position: relative;
    display: grid;
    grid-template-columns:  1fr;
	justify-self: start;
	align-self: start;	
    gap: 0 15px;
    padding-bottom: 15px;
	border-bottom:1px solid rgba(0,0,0,0.3);
}
.module4a-post:last-child {
    margin-bottom: 0;
}
.dark .module4a-post {
	border-bottom:1px solid#333;
}
.module4a-article {
    float: left;
    width: 100%;
}
.module4a-article .metaview-wrapper {
    margin: 0;
}
.module4a-smalltitle{
    float: left;
    width: 100%;
	margin-bottom:15px;
}
.module4a-author {
    float: left;
    width: 100%;
}
.module4a-author .module2bcoauthor-name {
	grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px 0;	
    background:rgba(0,0,0,0.1);	
	margin-bottom:10px;
	padding:10px;	
}
.dark .module4a-author .module2bcoauthor-name {
    background:#333;	
}
.module4a-author .coauthor-desc {
    border-right: 0px solid #ddd;
    gap: 5px 0;	
    padding: 0;
}
.dark .module4a-author .coauthor-desc {
    border-right: 0px solid #ddd;
}
.module4a-author .coauthor-desc a {
    font-size: 12px;
}
.module4a-author .coauthormodule-wrapper {
	margin-bottom:30px;
}
.module4a-meta {
    margin-bottom: 10px;
	position:relative;
    width: 100%;
    float: left;
    font-size:12px;
	text-transform:capitalize;
    line-height: 1em;
}
.module4a-meta .submeta4-singlepost {
    padding: 0;
}
@media screen and (min-width: 768px) and (max-width:1024px){
.module4-left {
    width: 60%;
}
.module4-authorleft {
    width: 40%;
}
.module4-topwrapper {
    grid-template-columns: 1fr;
    gap: 30px 0;
}	
h2.module4a-title {
    font-size: 26px!important;
}	
}
@media screen and (min-width: 600px) and (max-width:768px){
.module4-topwrapper {
    gap: 30px 30px;
}	
}
@media screen and (max-width: 980px) {
.module4a-post {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
}
@media screen and (max-width: 768px) {
.module4-contentwrapper {
    padding: 15px 15px;
}		
.module4-left {
	margin-bottom:15px;
}	
.module4-morecontent {
    margin-bottom: 1rem;
}
.module4-left {
    width: 100%;
    padding: 0;	
}
.module4-authorleft {
    direction: rtl;
    text-align: left;
    float: left;
    width: 100%;
    padding: 0 0 0 15px;	
}	
.module4a-wrapper {
    grid-template-columns: 1fr;
    gap: 30px 50px;
}	
.module4-content .first.column ,
.module4-content .column,
.module4-content .last.column {
    padding: 0 0 0 0;
	width:100%!important;
}
.module4-morecontentwrapper {
	display:grid;
	grid-template-columns: 1fr 1fr;
    gap: 15px;		
}
.module4-morecontent {
    padding: 10px 0;
	width:100%!important;
    margin-bottom: 0px;	
}
}
@media screen and (max-width: 600px) {
.module4-moretitle {
    grid-template-columns: 1fr;
}	
.module4-thumb {
	display:none;
}
}
@media screen and (max-width: 480px) {
.module4a-caption {
    bottom: 5%;
    left: 5%;
    width: 90%;
    padding: 15px;
}	
.module2bcoauthor-name {
    gap: 0 10px;
    margin-bottom: 5px;
}
.module4-title {
    font-size: 26px!important;
}	
}	
@media screen and (max-width: 360px) {
.module4-content {
	display:none;
}	
.module4a-post {
    grid-template-columns: 1fr;
}
.module4a-author {
	display:none;
}
}
/****************************************************
/* J-MODULE 5
*****************************************************/
.module5{
	position: relative;
	float:left;
	width:100%;
}
.module5-slidetitle {
    float: left;
    width: 100%;
    position: relative;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid#ddd;
}
.dark .module5-slidetitle {
	border-bottom:1px solid#333;
}
.module5-slidetitle:last-child {
	margin-bottom:0px;
    padding-bottom: 30px;
	margin-bottom:15px;
}
.module5-slidetitle div {
	margin:0 0 15px;
	float:left;
	width:100%;	
}
.module5-slidetitle span{
	font-size:12px;	
	text-transform:capitalize;
	width:100%;
	float:left;	
    margin-bottom: 0.5rem;	
}
.module5-prevnext {
	width:100%;
	float:left;
	position:relative;
}
.module5-slidetitle span a{
	font-weight:600;
}
.list_carousel5.responsive {
	width:100%;
	float:left;
	position:relative;
	padding: 0;	
	border-left:none;	
}
.list_carousel5 .prev17, .list_carousel5 .next17 {
	position: relative;
	bottom:30px;	
}
.list_carousel5 .next17 {	
	left:15px;
}
.list_carousel5 .next17:before {
	position:absolute;
    font-family: 'Material Icons Outlined';
	content: "\e2ea";
	color:#111;
	padding:5px;
	background:#fff;	
}
.list_carousel5 .prev17 {
	left:50px;	
}
.list_carousel5 .prev17:before {
	position:absolute;
    font-family: 'Material Icons Outlined';
	content: "\e5e1";
	color:#111;
	padding:5px;
	background:#fff;	
}
.dark .list_carousel5 .prev17:before, .dark .list_carousel5 .next17:before {
	color:#fff;
	background:#252525;
}
.module5-wrapper {
    float: left;
	width:100%;
	position:relative;
}
.wrapper-module5 {
    float: left;
	width:100%;
    position: relative;
}
@media screen and (max-width: 768px) {
.list_carousel5.responsive,
.module5-desc{
	width:100%;
    padding: 5px 0 5px;	
	text-align: left;	
}
.module5-slidetitle {
    padding-left: 0;
    width: 100%;
}
}
/****************************************************
/* J-MODULE 6
*****************************************************/
.list_carousel6 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel3 li {
	margin: 0;
	display: block;
	float: left;
	position:relative;
}
.list_carousel3.responsive {
	width:100%;
	float:left;
	position:relative;	
	overflow:hidden;
}
.list_carousel3 .prev6, .list_carousel3 .next6 {
	display: block;
	overflow: hidden;
	width:60px;
	height:60px;background-color: rgba(258, 258, 258, 0.6);
	position: absolute;
	text-align:center;
	font-size:22px;
	line-height:25px;
	z-index:9;
}
.list_carousel3 .prev6 {
	right:-60px;
	top:calc(50% - 30px);	
}		
.dark .list_carousel3 .prev6 {
	border-top:1px solid#333;
}	
.list_carousel3 .next6 {
	left:-60px;
	top:calc(50% - 30px);	
}
.list_carousel3 .prev6:before {
	position:absolute;
    font-family: 'Material Icons Outlined';
	content: "\e5e1";
	color:#111;
    bottom: 18px;
    left: 20px;
}
.list_carousel3 .next6:before {
	position:absolute;
    font-family: 'Material Icons Outlined';
	content: "\e5e0";
	color:#111;
    bottom: 18px;
    left: 20px;
}
a.prev6.disabled, a.next6.disabled {
	cursor: default;
}
.list_carousel3 .prev6:hover {
	text-decoration:none!important;
	background:#111;
	color:#fff;	
}
.list_carousel3 .next6:hover {
	text-decoration:none!important;
	background:#111;
	color:#fff;	
}
.list_carousel3 .prev6:hover::before {
	color:#fff;
}
.list_carousel3 .next6:hover::before {
	color:#fff;
}
.module6-top {
    float: left;
    width: 100%;
}
.prev6 span, 
.next6 span {
	display:none;
}
.module6-top .moduletitle-wrapper {
	margin-top:-1px;
}
.list_carousel3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel3 li {
	margin: 0;
	display: block;
	float: left;
	position:relative;
}
.modulecarousel-wrapper {
	float:left;
	width: 100%;
}
.wrapper-module6 {
	float: left;
	margin:0;
	position: relative;
	width: 100%;
	overflow:hidden;
}
.borderbox:hover .wrapper-module6 img{
	transform: scale(1); 
}
.module6-cat {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:4px;
}
.title-module6 {
	width: 70%;		
	padding:30px 25px 10px 25px;
	position:absolute;
	left:15%;
	bottom:15%;
	z-index:2;
    background-color: rgba(258,258,258,0.6);
}
.dark .title-module6 {
	background:#252525;
}
.module6-title{
    float: left;
    margin: 5px 0 15px 0;
    width: 100%;
}
.module6-time {
    float: left;
    margin-bottom: 5px;
    width: 100%;
    font-size:12px;
    line-height: 14px;
    text-transform: capitalize;
}
.module6-time a{
	font-weight:600;
}
.wrapper-module6b  {
    display: grid;
    float: left;
    width: 100%;
    position: relative;
    grid-template-rows: auto auto;
    gap: 15px 0;
}
.wrapper-module6b img{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.wrapper-module6b:hover .module6b-thumb img{
	transform: scale(1.1);
}
.module6b-thumb {
    width:100%;
    float:left;
    position: relative;
	overflow:hidden;
}
.title-module6b {
    width:100%;
    float:left;
    position: relative;
}
.module6b-title{
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 1em;
}
.module6b-time  {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size:12px;
    text-transform: capitalize;
}
.module6b-time a {
    color: #ff4900;
    font-weight: 600;
}
.module6a-mainbox {
    float: left;
    position: relative;
    width: 100%;
}
.wrapper-module6a {
    float: left;
    position: relative;
    width: auto;
	display:inline;
	margin-right:5rem;
}
.wrapper-module6a h2 {
    float: left;
    position: relative;
    width: 100%;
}
.wrapper-module6a h2:before {
	position:absolute;
    font-family: 'Material Symbols Outlined';
    content: 'tag'; 
	bottom:0%;
	right:-3rem;
}
@media screen and (min-width: 481px) and (max-width:768px){
.title-module6 {
	width:75%;
	padding:15px;
}	
.title-module6 h3 a {
    font-size: 20px!important;
}	
}	
@media screen and (max-width: 600px) {
.wrapper-module6a h2 a,
.wrapper-module6a:before {
    font-size: 26px!important;
}	
}
@media screen and (max-width:480px) {
.title-module6 {
	display:none;
}	
}
/****************************************************
/* J-MODULE 7
*****************************************************/
.wrapper-module7 {
	float: left;
	position: relative;
	width: 100%;
	background:#111;
    display: flex;
    grid-template-columns: auto auto;
	justify-content: center;
	align-items:center;
	flex-direction: row;
}
.dark .wrapper-module7,.dark .wrapper-module7b,.dark .wrapper-module7a {
	background:#111!important;
}
.wrapper-module7:nth-child(odd) {
	flex-direction: row-reverse;
}
.module7-text {
	width:65%;
	padding:15px 30px;  
}
.module7-text .metaview-wrapper {
    margin: 0;
	color:#ddd;
}
.module7-title{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.wrapper-module7:hover .module7-thumb img {
    transform: scale(1.1);
}
.modulebox7a-wrapper  {
    width: 100%;
    display: grid;
    position: relative;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 0;
}
.modulebox7a-wrapper.vertical {
    grid-template-columns: 1fr;
    gap: 0 0;
}
.wrapper-module7a {
	float: left;
	position: relative;
	width: 100%;
	display: flex;
    grid-template-columns: auto auto;	
    align-items: center;	
	justify-content: center;
	flex-direction: row;
}
.wrapper-module7a:nth-child(3),.wrapper-module7a:nth-child(4),.wrapper-module7a:nth-child(7),.wrapper-module7a:nth-child(8) {
	flex-direction: row-reverse;
}
.wrapper-module7a .text.col-md-6 {
	padding: 0 30px;
}
.wrapper-module7a .text.col-md-6 h3{
	margin-bottom:30px;
}
.wrapper-module7a .thumb.col-md-6 {
	padding-left:0;
	padding-right:0;	
	overflow:hidden;	
}
.module7-cat {
	width:100%;
	float:left;
	margin-bottom:10px;
	font-size:12px;
	text-transform:capitalize;
}
.module7-content{
	width:100%;
	float:left;
	margin-bottom:20px;	
	color:#999;
}
.module7-cat a{
	color:#ff4900;
	font-weight:400;
}
.module7-thumb {
	width:35%;
	float:left;
	position:relative;	
	overflow:hidden;
}
.thumb img,
.module7-thumb img {
	position:relative;
    transform: scale(1);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}
.wrapper-module7a:hover .thumb img,
.wrapper-module7a:hover .module7-thumb img {
    transform: scale(1.05);
	position:relative;
}
.wrapper-module7b {
    float: left;
    position: relative;
    width: 100%;
    background: #111;
	color:#ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
	overflow:hidden;
}
.wrapper-module7b:before {
	content: "";
    height: 1px;
    width: 500px;
    left: 0;
	bottom:0;
	z-index:0;
    position: absolute;
    background-color: rgba(258,258,258,0.2);
}
.wrapper-module7b:last-child:before {
    height: 0px;
}
.wrapper-module7a h3 a,
.wrapper-module7 a,
.wrapper-module7b .module7-cat a,
.wrapper-module7b h3 a{
	color:#fff;
}
.wrapper-module7a h3 a:hover,
.wrapper-module7 a:hover,
.wrapper-module7b .module7-cat a:hover,
.wrapper-module7b h3 a:hover{
	color:#666;
}
.wrapper-module7b .col-md-8 {
	padding-left:0;
	padding-right:0;	
}
.wrapper-module7b .col-md-4 {
	padding:15px 30px 0 30px;
}
.wrapper-module7b .col-md-4 h3{
	margin-bottom:15px;
}
.wrapper-module7b .text.col-md-4:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #111;
    z-index: 9;
    right: -10px;
    bottom: 46%;
}
.dark .wrapper-module7 .text.col-md-4:before,
.dark .wrapper-module7a .text.col-md-4:before,
.dark .wrapper-module7b .text.col-md-4:before {
    border-left: 15px solid #111!important;
}
.module7-time {
	width:100%;
	float:left;
	position:relative;	
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgba(258,258,258,0.2);;
}
.module7-date {
	float:left;
	position:relative;	
}
.module7-date h2 {
	float:left;
	width:auto;
	color:#ff4900;
	margin-right:10px;
	position:relative;	
}
.module7-month {
	float:left;
	position:relative;	
	font-size:12px;
	text-transform:capitalize;
}
@media screen and (min-width: 769px) and (max-width:1024px){
.wrapper-module7a .module7-cat,	
.wrapper-module7a .module7-content	{
	display:none;
}
.wrapper-module7a .text.col-md-6 {
    padding: 15px;
}
}
@media screen and (max-width: 768px) {
.modulebox7a-wrapper {
    grid-template-columns: auto;
}
.wrapper-module7a .col-md-6:after{
	display:none;
}
}
@media screen and (max-width: 600px) {
.wrapper-module7b .col-md-4,	
.wrapper-module7 .text.col-md-6 {
    padding: 15px 30px;
}	
.module7-content ,
.module7-time {
	display:none;
}
}
@media screen and (max-width: 480px) {
.wrapper-module7:nth-child(odd),
.wrapper-module7 {
	flex-direction: column;
}	
.wrapper-module7a {
    grid-template-columns: 1fr;
}	
.wrapper-module7:nth-child(odd) .text.col-md-6:before,
.wrapper-module7:nth-child(even) .text.col-md-6:before,	
.wrapper-module7b .col-md-8,	
.module7-cat {
	display:none;
}
.wrapper-module7 .text.col-md-6 {
    padding: 15px;
}
.wrapper-module7 h3 {
    font-size: 16px!important;
	line-height:24px!important;
}
.wrapper-module7b .col-md-4 {
	width:100%;
}
.wrapper-module7a h3 {
    font-size: 16px!important;
	line-height:24px!important;
}
.wrapper-module7a .text.col-md-6 {
    padding: 15px;
}
}
/****************************************************
/* J-MODULE 8
*****************************************************/
.module8-top {
    float: left;
    width: 100%;
	position:relative;
}
.module8-bottom {
    float: left;
    width: 100%;
	position:relative;
	margin-top:-50px;
}
.module8-maintitle {
    float: left;
    position: relative;
	margin-bottom:10px;	
	border-bottom:1px solid#111;
	color:#111;
}
.module8-title {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 10px;
}
.module8-bigtitle {
    float: left;
    width: 100%;
    margin: 3px 0;
}
.module8-title .top-title-meta {
    margin-bottom: 10px;
}
.module8-cat {
    float: left;
    position: relative;
	margin:0 10px;
}
.module8-cat a{
	font-size:12px;
	text-transform:capitalize;
}
.module8-thumbnail {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	margin-bottom:10px;
}
.modulebox-wrapper:hover .module8-thumbnail img{
	transform: scale(1.1);
}
.module1b-post .module8-thumbnail img{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module1b-post:hover .module8-thumbnail img{
	transform: scale(1.1);
}
.module8-caption{
	position: absolute;
    bottom: 0;
    right: 0;
    max-width: 80%;
    z-index: 60;
    padding: 8px 14px;
    color: #fff;
    font-size: 13px;
    background: rgba(0,0,0,0.2);
    border-radius: 10px 0 0 0;
}
.morehide,
.module31-content.hide{
	display:none;
}
.module8-morecontent{
	position:relative;
	width:100%;
	margin-bottom:10px;
	padding-left:15px;
}
.module8-morecontent:before {
    position: absolute;
    font-family: 'Material Icons Outlined';
    content: "\e5df";
    font-size: 22px;
    top: 0px;
    left: -7px;
}
.module8-morecontentwrapper {
    width: 100%;
    display: grid;
    position: relative;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0 20px;
    overflow: hidden;
    margin-top: 60px;
}
.morehide {
	display:none;
}
.module8-intro{
    float: left;
    position: relative;
	margin-bottom:15px;
    width: 100%;
	font-weight:500;
    color: #111;
}
.dark .module8-intro{
    color: #eee;
}
.module8-author{
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:25px;
	font-size:12px;
	text-transform:capitalize;
}
.module8-author1 {
    float: left;
    position: relative;
	padding:0;
	font-size:12px;
	font-weight:400;
}
.module8-author2 {
    float: left;
    position: relative;
	padding: 0 ;
}
.module8-sharewrapper {
    float: right;
    position: relative;
	padding: 0;
	line-height:1em;	
}
.module8-intro h5{
	font-style:italic;
}
@media screen and (max-width:600px) {
.module8-morecontent {
    width: 100%;
}
.module8-morecontent:nth-child(even) {
    float: left;
    text-align: left;
}
}
@media screen and (max-width:480px) {
.module8-title h2,
.module8-title span {
    font-size: 24px!important;
    line-height: 26px!important;
}
}

/****************************************************
/* J-MODULE 9
*****************************************************/
.modulebox5-wrapper {
	float: left;
	position:relative;
}
.module9-top {
    float: left;
    width: 100%;
}
.module9-jtop {
	float: left;
	position:relative;
	width:100%;
	padding-bottom:30px;	
}
.module9-jtop .col-sm-9 {
	padding-left:0;
	border-bottom:1px solid#ddd;
	padding:25px 25px 25px 0;
	margin-top:-10px;
}
.module9-jtop .col-sm-3 {
	padding:10px 25px;
	background:#f9f9f9;
	margin-top:-75px;
}
.module9-jbottom {
	float: left;
	width:100%;
	position:relative;	
}
.module9-jbottomleft {
	float: left;
	position:relative;
	width:70%;
	z-index:3;	
	margin-bottom:20px;
}
.module9-jbottomright {
	float: right;
	width:30%;
	margin-top:-50px;
	background:#fff;
	padding:20px 0 15px 20px;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.vertical .module9-jbottomright {
    margin-top: 0px;
}
.dark .module9-jbottomright {
	background: var(--jkd-bodydark-bg);
}
.mod9a.module9-jbottomleft {
	width:70%;
}
.mod9a.module9-jbottomright {
	width:30%;
}
.vertical .module9-jbottomleft,
.vertical .module9-jbottomright {
	position:relative;
    float: left;
    width: 100%;
	padding:0;
}
.vertical .module8-caption {
	display:none;
}
.module9b-jbottomleft {
	float: left;
	position:relative;
	width:100%;
}
.module9b-jbottomright {
	float: left;
	position:relative;
	width:100%;
}
.module9b-jbottomleft .author-info {
	float:left;
	width:100%;
    margin: 15px 0 0 0;
	padding:15px 0;
    overflow: hidden;
}
.module9b-jbottomleft .author-info h6 a{
	color:#ff4900;
	float:left;
	width:auto;
	margin-right:5px;
}
@media screen and (max-width:625px) {
.module9-jbottomright, 
.module9-jbottomleft  {
	width:100%;
	float:left;
	padding:0;
}
.module9-jbottomleft {
	margin-bottom:15px;
}	
}
.moreon{
	float: right;
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid#c9c9c9;
	color:#111;
	width:100%;	
}
.submodule9-jbottomright{
	position:relative;
	float: right;
    padding: 0 0 0 70px;
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
}
.submodule9-jbottomright img {
    transform: scale(1);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}
.submodule9-jbottomright:hover img{
	transform: scale(1.3); 
}
.submodule9-jbottomright:last-child {
	margin-bottom:0;
}
.module9-date{
    position: absolute;
    top:0;
    left: 0;
    width: 50px;
	overflow:hidden;
}
.submodule9-content{
	float:left;
	width:100%;
}
.mod9a.submodule9-jbottomright{
    padding: 0;
	margin-bottom:30px;	
}
.mod9a .module9-thumbnail {
    margin-bottom: 15px;
}
.mod9a.module9-date{
    position: relative;
    float:left;
    width: 30%;
}
.mod9a.submodule9-content{
	float:right;
	width:70%;
	padding-left:30px;	
}
.module9-day{
	position:relative;
    font-size: 18px;
	font-weight:600;		
}
.module9-titlebig {
	float:left;
	width:100%;
    margin-bottom:15px;
}
.module9b-jbottomleft .top-title-meta {
    margin-bottom: 5px;
}
.module9b-intro {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:1.5rem;
    color: #111;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}
.module9-metatop {
	position:relative;	
    float: left;
	width:50%;
    font-size: 12px;
    line-height: 14px;
	margin-bottom:20px;
    text-transform: capitalize;	
}
.module9-metatopshare {
    float: right;
	width:50%;
	text-align:right;
    font-size: 12px;
    line-height: 14px;
	margin-bottom:20px;
}
.module9-metatopshare .post-views {
    float: right;
	margin:0 0 0 10px;
}
.module9-metatop .readtime {
	float:right;
}
.module9-meta {
    float: left;
	width:100%;
	font-size:12px;
    line-height: 14px;
    text-transform: capitalize;
    margin-bottom: 15px;	
}
.module9-meta .wpfp-span,
.module9-meta .post-views {
    float: left;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
	border-right: 1px solid #fff;	
	padding-top:10px;	
}
.module9-thumbnail {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
}
.module9-thumbnail img{
	width:100%;
	height:auto;
}
.module9-thumbnail img{
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module9-top:hover .module9-thumbnail img{
	transform: scale(1.1); 
}
.module9-thumbnail .thumb-zoom{
	overflow:hidden;
}
.catmodule-absolute {
	padding:5px 10px;
	position:absolute;
	background:#111;
	left:10px;
	top:10px;
	z-index:1;
	font-size:10px;
	line-height:14px;
	text-transform:capitalize;
} 
.sub-module9 {
	float: left;
	margin-bottom:15px;
	padding:0 15px 0 0;	
	width: 50%;
	position:relative;	
}
.sub-module9:nth-child(odd) {
	float:right;
	padding:0 0 0 0;
	clear:both;
}
.sub-module9:nth-last-child(2), .sub-module9:last-child {
	padding-bottom:0;
	margin-bottom:0;
}
.subblog5-thumb {
	float: left;
	width: 25%;
	overflow:hidden;		
}
.subblog5-article {
	float: right;
	width: 75%;
	padding:0 0 0 20px;
}
.subblog5-article h5{
	float: left;
	width: 100%;
}
.module7-author {
	float: left;
	margin-bottom:5px;
	width: 100%;
}
.module9-time {
    float: left;
    width: 100%;
    font-size:12px;
    line-height: 14px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.module9b-time a,
.module9-time a{
	color:#000;
	font-weight:500;
}
.dark .module9b-time a,
.dark .module9-time a{
	color:#fff;
}
.module9b-time {
    float: left;
    width: 100%;
    font-size:12px;
    line-height: 14px;
    text-transform: capitalize;
    margin-bottom: 25px;
}
.module9-view {
    float: right;
    padding: 0 0 0 5px;
	overflow:hidden;
	text-align:right;
}
.module9-view .readtime {
    padding: 0 10px;
	overflow:hidden;
}
span.view2 {
    float: left;
    position: relative;
    padding: 0 10px;
	overflow:hidden;
}
span.view2:before {
	content: "";
    height: 25px;
    width: 1px;
    left: 0;
    position: absolute;
    background-color: #777;
}
.module9-readmore {
    float: left;
    margin-top: 5px;
	width:100%;
}
@media only screen and (max-width: 768px) {
.mod9a.module9-jbottomleft,
.mod9a.module9-jbottomright {
	width:100%;
}
.mod9a.submodule9-content h5 a {
    font-size: 16px!important;
    line-height: 1em!important;
}
}
@media screen and (min-width: 480px) and (max-width:768px){
.mod9a.submodule9-content {
    padding-left: 15px;
}	
.mod9a.submodule9-jbottomright:nth-child(even) {
    float:right;
	width:48%;
}
.mod9a.submodule9-jbottomright:nth-child(odd) {
    float:left;
	width:48%;
	clear:both;
}
}
@media only screen and (max-width: 800px) {
.module8-caption {
	display:none;
}	
.module9-thumbnail {
    margin-bottom: 15px;
}	
.module9-jbottomleft {
    width: 100%;
    padding-right: 0;
	margin-bottom:15px;
}
.module9-jbottomright {
    float: left;
    margin-top: 0;
    margin-right: 0;
    width: 100%;
    padding: 15px 0;
}
}
@media only screen and (max-width: 600px) {
.module2b-borderbox h2,
.module8-title h2,
.module9-titlebig h2 {
    font-size: 26px!important;
	line-height:28px!important;
}
}
/****************************************************
/* J-MODULE 10
*****************************************************/
.module10-top {
    float: left;
    width: 100%;
}
.module10-meta {
    float: left;
    width: 100%;
	margin-bottom:5px;
	text-transform:capitalize;
}
.module10-meta .spr-combined-rating {
    margin: 0 0 3px 0;
}
.authors10-wrapper {
    float: left;
    position: relative;
    width: 100%;
}
.authors10-wrapper:hover img{
	transform: scale(1.1); 
}
.authors10-wrapper:before {
    position: absolute;
    font-family: 'Material Icons Outlined';
    content: "\f1e3";
    color: #111;
    top: 0;
    right: 2px;
}
.dark .authors10-wrapper:before {
    color: #ccc;
}
.authors-top10 {
    float: left;
    position: relative;
    width: 50%;
	padding-right:15px;
    display: flex;
    grid-template-columns: auto auto;
    flex-direction: column;
}
.author-job10 {
	width:100%;
	float:left;
	text-transform:capitalize;
	font-size:12px;
	line-height:1em;
	font-weight:500;
    margin-bottom: 5px;	
}
.authors-name {
	float:left;
}
.author-bottom10 {
	width:50%;
	float:right;	
	position:relative;
	padding:0 20px 0 10px;
	overflow:auto;
}
/* width */
.author-bottom10::-webkit-scrollbar {
  width: 1px;
}
/* Track */
.author-bottom10::-webkit-scrollbar-track {
  background: #eee; 
} 
/* Handle */
.author-bottom10::-webkit-scrollbar-thumb {
  background: #999; 
}
/* Handle on hover */
.author-bottom10::-webkit-scrollbar-thumb:hover {
  background: #222; 
}
.authors-name h4 a {
    text-transform: capitalize;
	font-weight:600;
}
.author-desc10 {
	width:100%;
	float:left;
}
.module10-authoravatarwrapper {
	width:100%;
	float:left;
	position:relative;
}
.module-authoravatar {
	float:left;
	width:100%;
	position:relative;	
	overflow:hidden;
}
.author-descriptionmodule {
	float:left;
	width:100%;
	margin-bottom:15px;
}
.module-authoravatar img{
	width:100%;
	height:auto;
}
.authors-name h4 span{
    font-size:80%;
	margin-left:4px;
    color: #c0c0c0;	
	font-display: "swap";	
}
.module-authoravatar .authorwritten10 a{
	color:#fff;
	padding-left:5px;
}
.authorwritten10 a:hover{
	color:#999;
}
.authorpost-descriptionmodule {
	margin:10px 0 0 0;
	float:right;
	width:65%;
}
.author-article10 {
	width:100%;
	float:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid#ccc;
}
.dark .author-article10 {
	border-bottom:1px solid#333;
}
.cat-module10 {
    float: left;
    width: 100%;
}
.cat-module10 h5 a{
	color:#fff;
}
.cat-module10 h5 a:hover{
	color:#999;
}
.author-contact11 {
	width:100%;
	float:left;
	margin:10px 0 0;
}
.module10-title {
	width:100%;
	float:left;
	margin:0 0 10px;
} 
@media only screen and (max-width: 600px) {
.author-bottom10 {
    padding: 0 5px 0 5px;
}
}
@media only screen and (max-width: 480px) {
.module-authoravatarwrapper {
    width: 100%;
    padding-right: 0;
	margin-bottom:15px;
}
.author-desc {
    width: 100%;
    float: left;
}
.author-article10 {
    width: 100%;
    float: left;
}
}
/****************************************************
/* J-MODULE 11
*****************************************************/
.module11-content {
    float: left;
    width: 100%;
}
.module11-title {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 1em;
}
.module11-related {
    float: left;
    width: 100%;
    margin: 0 0 10px;
	color:#252525;
}
/****************************************************
/* J-MODULE 12 TAB
*****************************************************/
.containertab {
	width:100%;
	float:left;
	overflow:hidden;
	background:#fff;
	padding:5px 20px 20px 20px;
	border:1px solid#252525;	
	border-top:0px solid#fff;
	margin-top:-1px;
}
.dark .containertab {
	background:#333;
	border:1px solid#333;		
}
.module12-wrapper {
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
}
.module12-wrapper > ul {
	display:grid!important;
    grid-template-columns: auto auto;
    gap: 15px 0;	
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
	border:1px solid#252525;	
	border-bottom:0px solid#fff;	
}
.dark .module12-wrapper > ul {
	border:1px solid#333;	
}
.module12-wrapper ul li{
	width:100%;
	float:left;
	position:relative;
	padding: 10px 0;	
	text-align:center;
	background:#252525;
}
.dark .module12-wrapper ul li{
	background:#111;		
}
.module12-wrapper ul li.active{
	background:#fff;	
}
.module12-wrapper ul li a{
	color:#fff;
}
#exTab1 .tab-content {
  padding : 15px 0 0;
}
.popular-comments,
.tab-content>.active{
    width: 100%;
    display: grid!important;
    position: relative;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 20px 20px;
}	
/* remove border radius for the tab */
.module12-wrapper .nav-pills > li > a {
  padding:0 15px;
  text-transform:capitalize;
  font-weight:500;
  font-size:12px;	
}
.module12-wrapper > ul > li.active > a {
  border-radius: 0;
  color:#000;
  margin-right:1px;   
}
.tab-commentwrapper {
	width:100%;
	float:left;
	margin-bottom:15px;
}
.tab-commentavatar {
	width:23%;
	float:left;
	padding:0 20px 0 0;
}
.tab-commentavatar img{
	width:100%;
	height:auto;
}
.tab-commenttext {
	width:77%;
	float:right;
    padding-left: 15px;	
}
.tab-commenttext p{
	width:100%;
	float:left;
	margin-top:5px;
}
.tab-commenttext a{
	font-weight:600;
	text-transform:capitalize;
}
.tab-commenttitle h6{
	text-transform:capitalize;
	clear:right;
	margin-bottom:5px;
}
.tab-commenttitle h6 a {
	color:#252525;
}
.tab-commenttitle h6 a:hover {
	color:#999;
	text-decoration:none!important;
}
/* change border radius for the tab , apply corners on top*/
.tribunalex-latest-post {
    position: relative;
    display: grid;
    justify-content: center;
    align-items: start;
    grid-template-columns: 25% 1fr;
    gap: 15px 20px;
    overflow: hidden;	
}
.tribunalex-latest-thumb {
    float: left;
	overflow:hidden;
	position:relative;
}
.tribunalex-latest-post .tribunalex-latest-thumb img{
	width:100%;
	height:auto;
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.tribunalex-latest-post:hover .tribunalex-latest-thumb img{
	transform: scale(1.5); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.tribunalex-latest-article {
    float: right!important;
}
.tribunalex-latest-article span {
    width: 100%;
    float: left;
    margin: 0 0 5px 0;
	font-size:12px;
    font-weight: 500;	
	line-height:1.2em;
	text-transform:capitalize;
}
.dark .tribunalex-latest-article span {
	color:#ccc;
}
/****************************************************
/* J-MODULE 13
*****************************************************/
.module13-wrapper{
    display: grid;
    float: left;
    width: 100%;
    position: relative;
}
.module13-wrapper.horizontal{
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}
.module13-wrapper.vertical{
	grid-template-columns: 1fr;
    gap: 0 20px;
}
.module13-post {
    width: 100%;
    float: left;
    position: relative;	
	overflow:hidden;
}
.module13-post .module2a-post, .module13-post .module2a-thumb {
    margin-bottom:0;
}
.module13-titlewrapper {
    width: 100%;
    float: left;
	margin-bottom:20px;
    position: relative;
}
.module13-contentwrapper {
    width: 100%;
    position: absolute;
	padding:0 30px 30px 30px;
	bottom:0;
	left:0px;
	z-index:9;
	-webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    transition: all 700ms ease;	
	opacity:1;
}
.module13-contentbottom .title13{
	float:left;
	width:100%;
	margin-bottom:15px;
}
.module2a-thumb:hover .module13-contentwrapper {
	opacity:1;
	bottom:0px;	
}
.module13-contentwrappervideo {
    width: 100%;
    position: absolute;
	padding:15px;
	top:-333px;
	left:o;
	z-index:9;
	-webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    transition: all 700ms ease;	
}
.module13-contentwrappervideo .module13-titlewrapper {
    margin-bottom:0px;
}
.module2a-post:hover .module13-contentwrappervideo {
	background:rgba(0,0,0,0.7);
	top:0;
}
.bottom-gradientblack {
    position: absolute;
    width: 100%;
    height: 75%;
    bottom: 0;
    z-index: 0;
	background: linear-gradient(to top, #252525, rgba(0, 0, 0, 0)) !important;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    transition: all 700ms ease;
}
.bottom-gradientwhite {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(to top, var(--jkd-body-bg) 5%, rgba(255, 255, 255, 0) 100% );	
}
.dark .bottom-gradientwhite {
    background: linear-gradient(to top, var(--jkd-bodydark-bg) 5%, rgba(0, 0, 0, 0) 100%)!important;	
}

.module13-thumb {
    width: 100%;
    float: left;
    position: relative;
	overflow:hidden;
}
.dark .module13-thumb {
	border-color:#333!important;	
}
.module13-thumb img{
	width:100%;
	height:auto;
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module13-post:hover .module13-thumb img{
	transform: scale(1.1); 
}
@media screen and (min-width: 601px) and (max-width:980px){
.module13-contentwrapper .title13 a {
	font-size:24px!important;
	line-height:26px!important;
}
}
@media screen and (max-width: 1024px) {
.module1default-post {
    grid-template-columns: 1fr;
}	
.module1default-postwrapper {
	display:none;
}
.module13-wrapper.horizontal{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 30px 30px;
}
}
@media screen and (max-width: 600px) {
.module13-contentwrapper {
    padding: 0 20px 20px 20px!important;
}
.module13-article{
	display:none;
}	
.module13-contentbottom span {
	display:none;	
}
.module1d-article .title13 {
    font-size: 24px!important;
    line-height: 1.1em;
}
}
@media screen and (max-width: 480px) {
.module13-wrapper {
    grid-template-columns:1fr;
}	
.module13-titlewrapper h3 {
    margin-bottom:20px;
}
.module13-titlewrapper h3 a{
    font-size:24px!important;
	font-weight:400!important;
}
}
@media screen and (max-width: 600px) {
.module13-wrapper.horizontal,
.mainboxwrapper .module13-wrapper.vertical{
    grid-template-columns:auto!important;
	width:100%;
}
}
/****************************************************
/* J-MODULE 14
*****************************************************/
.module14ol {
	width:100%;
	float:left;
	position:relative;
    display: grid;
	gap:15px 15px;	
}
.module14-post {
	width:100%;
	float:left;
	display: grid;
	gap:15px 15px;		
    grid-column-gap: 30px;
    grid-template-columns: repeat(14,1fr);
	overflow:hidden;	
}
.module14-post .module14-left span{
	width:100%;
	float:left;
	margin-bottom:15px;
}
.cat-color {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1em;
    text-transform: capitalize;
}
.cat-color a{
	padding:0;
	margin-right:3px;
	font-weight:500;
}
.dark .cat-color a{
	color:#fff!important;
}
.module14-left{
    position: relative;
    grid-column: span 9;
}
.module14-right{
    position: relative;
    grid-column: span 5;
	overflow:hidden;
	margin: -1px -2px -1px -1px;
}
.dark .borderbox,
.dark .module14-right {
	border-color:#333!important; 
}
.module14-post .col-md-4 img{
	width:100%;
	height:auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module14-post.borderbox:hover img{
	transform: scale(1.07); 
}
.module14-post h3{
	width:100%;
	float:left;
	margin-bottom:10px;
}
.module14-article {
	width:100%;
	float:left;
	margin-bottom:20px;	
}
.module14-article p:first-child {
	margin-top:0;
}
.module14-article img{
	float:left;
	margin: 5px 15px 5px 0;
}	

@media screen and (min-width: 700px) and (max-width:1024px){
.module14ol {	
    grid-template-columns:  auto auto;
}
.module14-post {
    gap: 0;
    grid-template-columns:1fr;
}
}
@media screen and (max-width: 1024px) {
.module14-left{
    grid-column: span 14;
}	
.module14-right {
	display:none;
}
}
/****************************************************
/* J-MODULE 15
*****************************************************/
.module15-wrapper {
    display: grid;
    float: left;
    width: 100%;
    position: relative;
}
.module15-wrapper.horizontal {
	display:grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));	
    gap: 30px 30px;	
}
.module15-wrapper.vertical {
	display:grid;
    grid-template-rows: auto auto;	
    gap: 0 15px;
}
.module15-cat {
    float: left;
    width: 100%;
	overflow:hidden;
    position: relative;
}
.module15-wrapperinside {
	position:absolute;
	width: 100%;	
	bottom:0;
	padding:0 15px 0 15px;
	overflow:hidden;
    z-index: 9;
}
.module15-cat img{
	transform: scale(1); 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;	
}
.module15-cat:hover img{
	transform: scale(1.1); 
}
.module15-catname {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
}
.module15-catname-link {
    position: relative;
    z-index: 10;
    pointer-events: auto;
}
.module15-desc {
	position:relative;
	float:left;
	width:100%;
	z-index:2;
}
.module15-post-count{
	position:relative;
	padding:0;
	z-index:9;
	font-size:13px;
	font-weight:500;
	text-transform:capitalize;
}
.module15a-wrapper {
    display: grid;
    float: left;
    width: 100%;
    position: relative;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 15px 15px;	
}
.module15a-wrapper.vertical{
    grid-template-columns: 1fr;
    gap: 15px 15px;	
}
.module15a-wrapperinside {
    display: flex;
    gap: 0px;
    align-items: center;
    overflow: hidden;
}
.module15a-cat {
    float: left;
    width: 100%;
	padding: 10px;	
}

.module15a-wrapperinside > :first-child {
    flex: 0 0 35%;
}
.module15a-wrapperinside > :last-child {
    flex: 1;  
}
.module15a-wrapperinside > :first-child.hidden {
    display: none;
}
.dark .module15a-wrapperinside {
	background:#111!important;	
}
.module15a-thumb {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	margin:-1px;	
}
.module15a-wrapperinside:hover .module15a-thumb img {
    transform: scale(1.2);
}
.module15a-catname {
    float: left;
    width: 100%;
    position: relative;
}
.module15a-post-count {
    float: left;
    width: 100%;
    position: relative;
	font-size:12px;
	position:relative;
}
@media screen and (min-width: 600px) and (max-width:980px){
.module15-wrapper {
    grid-template-columns: auto auto;
	gap: 0;	
}
}
@media screen and (min-width: 480px) and (max-width:800px){
.module15-wrapper.horizontal,	
.module15-wrapper.vertical {
    grid-template-columns: auto auto;
    gap: 15px 25px;	
}
}
@media screen and (max-width: 480px) {
.module15-wrapper.horizontal,	
.module15-wrapper.vertical {
    grid-template-columns: auto;
}
}

/****************************************************
/* J-MODULE 16
*****************************************************/
.module16-wrapper .moduletitle-wrapper {
    margin-top: -1px;
}
.module16-intro {
	width:100%;
	float:left;
	padding-bottom:30px;	
}
.module16ol {
	width:100%;
	float:left;
	position:relative;
	overflow:hidden;
}
.module16-titlepost{
	float:left;
	width:100%;
	position:relative;
}
.module16-time{
	float:left;
	width:100%;
	position:relative;
}
.module16-time a{
	font-weight:500;
}
.module16-time:after {
    content: "";
    height: 150px;
    width: 1px;
    left: -18px;
    top: 18px;
    position: absolute;
	background-color:#252525;
}
.module16-post {
	width:100%;
	float:left;
	position:relative;	
	padding-bottom:30px;
	padding-left:25px;
	overflow:hidden;
}
.module16-post:before {
	position:absolute;
    font-family: 'Material Icons Outlined';
	content: "\e836";
	font-size:10px;
	font-weight:300;
	color:#111;
	left:2px;
}
.dark .module16-post:before {
	color:#ccc;
}
.module16-post:after {
    content: "";
    height: 1px;
    width: 1550px;
    left: -8px;
    bottom: 15px;
    position: absolute;
    background-color: #252525;
}
.dark .module16-post:after {
    background-color: #333;
}

/*module 1d*/
.module1d-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
	gap: 15px;
	width:100%;
	float:left; 
}
.post-style1,.post-style2,.post-style3, .post-style4, .post-style5  {
	float:left;
	position:relative;
	overflow:hidden;
	border:1px solid#000;	
}
.module1d-wrapperinside {
    position: absolute;
    width: 75%;
    bottom: 0;
    padding: 0 20px 30px 20px;
    color: #ddd;
    overflow: hidden;
	z-index:2;
}
.module1d-wrapperinside span{
    position: relative;
	float:left;
	margin-bottom:15px;
}
.mod1b.module2a-post {
    margin-bottom: 0px;
}	
.mod1b.bottom-gradientblack {
    height: 44%;
}
.module1d-wrapperinside .module2bcoauthor-wrapper {
    margin-bottom: 15px;
}
.module1d-wrapperinside .coauthor-wrapperinside img {
	background:#fff;
	padding:1px;
}
.module1d-thumb,
.module1d-smallthumb {
	float:left;
	width:100%;
	overflow:hidden;
align-self: flex-start;	
}
.module1d-smallarticle {
	display:grid;
    grid-template-columns: 1fr;
	float:left;
	width:100%;
	padding:20px;
}
.module1dstyle {
	display:grid;
    grid-template-columns: 2fr;	
	border:1px solid#000;	
}
.module1d-smallarticle span{
	float:left;
	margin-bottom:15px;
}
.module1d-smallarticle .module2bcoauthor-wrapper {
    margin-bottom: 0;
}
.dark .module1dstyle.borderbox {
    background: rgba(0, 0, 0, 0.07) !important;	
}  
.post-style1 {
    grid-column: span 2 / span 2;
}
.post-style12 {
    grid-column-start: 3;
}
.post-style13 {
    grid-column-start: 4;
}
.post-style1:hover img,
.post-style2:hover img,
.post-style3:hover img{
	transform: scale(1.1);
}
@media screen and (max-width: 800px) {
.module1d-wrapper {
   display: block; 
}
.post-style1,
.module1dstyle {
	width:100%;
	float:left;
	margin-bottom:15px;   
}
}
@media screen and (min-width: 480px) and (max-width:800px){
.module1d-wrapperinside span a {
    font-size: 22px!important;
    line-height: 24px!important;
}	
}	
@media screen and (max-width: 479px) {
.module1d-wrapperinside {
    padding: 0 0 10px 10px;
}	
.module1d-wrapperinside span a {
    font-size: 16px!important;
    line-height: 18px!important;
}
}

/*GRADIENT CLASS*/
.white-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 100%);
    z-index: 1; 
    pointer-events: none;
}
.dark .white-gradient::before {
    background: linear-gradient(180deg, rgba(38, 38, 38, 0) 0%, rgb(38, 38, 38, 1) 100%);
}
/*MEDIA EMBEDD*/
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    max-width: 750px;
    width: 100%;
}
.audio-popup iframe {
    max-width: 750px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.mfp-close-btn-in .mfp-close {
    color: #fff!important;
	right:-44px!important;
	background:#000;
	opacity:1!important;
}
.media-click {
    position: absolute;
    font-size: 20px;
    top: -1px;
    right: -1px;
    color: #fff;
    z-index: 2;
}
.media-clickinside {
	position:relative;
	z-index:2;
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;	
}
.dark .media-clickinside {
	background-color: var(--jkd-bodydark-bg); 
}
.media-clickinside:before {
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    color: #000;
    opacity: 1 !important;
    z-index: 2;
    transition: all 0.2s ease;
}
.media-click2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.media-clickinside2 {
	position:relative;
	z-index:2;
    width: 40px;
    height: 40px;
    background-color: #fff;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;	
}
.media-click .media-clickinside2 {
    opacity: 1;
}
.dark .media-clickinside2 {
    background-color: #252525!important;
}
.animate:hover .media-clickinside,
.animate:hover .media-clickinside2 {
    background: #fff;
    opacity: 1;
}
.dark .animate:hover .media-clickinside, 
.dark .animate:hover .media-clickinside2  {
	background-color: var(--jkd-bodydark-bg); 
}
.media-clickinside2:before {
    font-family: 'Material Icons Outlined';
    font-size: 20px;
    color: #000;
    opacity: 1 !important;
    z-index: 2;
    transition: all 0.2s ease;
}
.dark .media-clickinside:before,
.dark .media-clickinside2:before {
    color: #fff;
}
.media-clickinside2.video:before,
.media-clickinside.video:before {
    content: "\e037";
    font-size: 26px;	
}
.media-clickinside2.audio:before,
.media-clickinside.audio:before {
    content: "\e311";
}
.media-clickinside2:hover::before,
.media-clickinside:hover::before {
    color: #d60000;
}

/*GLOBAL HOVER ANIMATION*/
/* Membuat pseudo-element untuk cover hitam */
.module15a-thumb::before,
.module9-top .module9-thumbnail::before,
.modulebox-wrapper .module8-thumbnail::before,
.module4-moretitle .module4-thumb::before,
.module2a-wrapper .module2a-thumb::before,
.module2-post .module2-thumb::before,
.module1d-humb::before,
.module1dstyle .module1d-smallthumb::before,
.module2b-borderbox .module2b-thumb::before,
.module1c-post .module4-thumbnail::before,
.module14-post .module14-right::before,
.authors10-wrapper .module-authoravatar::before,
.module1default-post .module1default-thumb::before,
.module1e-mainwrapper .module1f-thumb::before,
.module13-thumb::before {
  content: '';
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2); /* Warna hitam dengan transparansi */
  transform: translateX(-100%); /* Mulai dari luar kiri */
  transition: transform 0.4s ease; /* Animasi halus selama 0.4 detik */
}

/* Saat hover, cover bergerak ke kanan */
.module15a-wrapperinside:hover .module15a-thumb::before,
.module9-top:hover .module9-thumbnail::before,
.modulebox-wrapper:hover .module8-thumbnail::before,
.module4-moretitle:hover .module4-thumb::before,
.module2a-wrapper:hover .module2a-thumb::before,
.module2-post:hover .module2-thumb::before,
.post-style1:hover .module1d-humb::before,
.module1dstyle:hover .module1d-smallthumb::before,
.module2b-borderbox:hover .module2b-thumb::before,
.module1c-post:hover .module4-thumbnail::before,
.module14-post:hover .module14-right::before,
.authors10-wrapper:hover .module-authoravatar::before,
.module1default-post:hover .module1default-thumb::before,
.module1e-mainwrapper:hover .module1f-thumb::before,
.module13-thumb:hover::before {
  transform: translateX(0); /* Bergerak ke posisi penuh */
}
.dark .module15a-wrapperinside:hover .module15a-thumb::before,
.dark .module9-top:hover .module9-thumbnail::before,
.dark .modulebox-wrapper:hover .module8-thumbnail::before,
.dark .module4-moretitle:hover .module4-thumb::before,
.dark .module2a-wrapper:hover .module2a-thumb::before,
.dark .module2-post:hover .module2-thumb::before,
.dark .post-style1:hover .module1d-humb::before,
.dark .module1dstyle:hover .module1d-smallthumb::before,
.dark .module2b-borderbox:hover .module2b-thumb::before,
.dark .module1c-post:hover .module4-thumbnail::before,
.dark .module14-post:hover .module14-right::before,
.dark .authors10-wrapper:hover .module-authoravatar::before,
.dark .module1default-post .module1default-thumb::before,
.dark .module1e-mainwrapper .module1f-thumb::before,
.dark .module13-thumb::before {
  background: rgba(0, 0, 0, 0.2); /* Warna hitam dengan transparansi */
}