@import 'reset.css';
@import 'font.css';

:root {
	--title-featured: 22px;
	--title-featured-s: 20px;
	--title-mainnews: 18px;
	--title-snews: 17px;
	--title-othernews: 17px;

	--xxxlarge-size: 22px;
	--xxlarge-size: 20px;
	--xlarge-size: 18px;
	--large-size: 17px;
	--normal-size: 16px;
	--small-size: 15px;

	--default-ratio: 16/10;
	--video-ratio: 16/9;

	--color-line: #C0C0C0 1px dashed;
}

/* Normal layout */
html:not([dir="rtl"]) {
	--align-left: left;
	--align-right: right;
}

/* RTL layout */
html[dir="rtl"] {
	--align-left: right;
	--align-right: left;
}

body {min-height: 100vh; font-family: "Roboto", Helvetica, Arial, Tahoma; font-size: var(--normal-size); line-height: 1.5; overflow-x: hidden;}

.page-overall {min-height: 100vh; display: flex; flex-direction: column;}
.page-main {flex-grow: 1;}

a {color: #2f2c36; text-decoration: none; cursor: pointer;}
a:hover {color: #087cce;}

.link-color a, a.link-color {color: #087cce !important;}
.link-color a:hover, a.link-color:hover {color: #087cce !important; text-decoration: underline !important;}

h1 {font-size: 30px; font-weight: 600; line-height: 1.5;}
h2 {font-size: 26px; font-weight: 600; line-height: 1.5;}
h3 {font-size: 18px; font-weight: 600; line-height: 1.5;}

.nohover a:hover, a.nohover:hover {color: #000;}

input, textarea, select, button {font-size: var(--normal-size);}
.my-button, input[type="submit"], input[type="button"] {background-color: #7EAA0F; color: #fff; border: none; padding: 8px 30px; cursor: pointer;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	min-width: 130px;
	border-radius: 30px;
	display: inline-block; text-align: center;
}
.my-button i {padding-right: 5px;}
.my-button:hover, input[type="submit"]:hover, input[type="button"]:hover {background-color: #73880a;}

.my-button2 {background-color: #E0E0E0; color: #585858;}
.my-button2:hover {background-color: #E0E0E0;}

.my-button-l {padding: 8px 10px !important; min-width: 150px !important;}

.btn-disabled, .btn-disabled:hover {background-color: #D0D0D0; color: #585858; cursor: auto !important;}

.myform input[type="text"], .myform input[type="file"], .myform input[type="password"], .myform select, .myform textarea {padding: 8px 20px; border: #ACACAC 1px solid; border-radius: 20px; min-height: 0px !important;}
.myform input[type="text"]:focus, .myform input[type="password"]:focus, .myform select:focus, .myform textarea:focus {outline: none !important; border-color: #585858 !important;}
.myform input[type="file"] {padding: 5px 20px; background-color: #fbfbfb;}
.myform select {padding: 7px 5px;}
.myform p {padding: 6px 0;}

.mybtn {background-color: #7EAA0F; color: #fff; border: none; padding: 8px 30px; cursor: pointer;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	min-width: 130px !important;
	border-radius: 30px;
	white-space: nowrap;
}
.mybtn:hover {background-color: #73880a !important;}
.mybtn2 {background-color: #ec5598; border: #ec5598 1px solid; border-radius: 20px; padding: 8px 30px; color: #fff; font-weight: 600; cursor: pointer; white-space: nowrap;}
.mybtn2:hover {background-color: #13aa52 !important; border: #13aa52 1px solid !important; color: #fff !important;}
.mybtn3 {background-color: #7EAA0F; border: #7EAA0F 1px solid; border-radius: 20px; padding: 8px 30px; color: #fff; font-weight: 600; cursor: pointer; white-space: nowrap;}
.mybtn3:hover {background-color: #ec5598 !important; border: #ec5598 1px solid !important;}

.mybtn i, .mybtn2 i, .mybtn3 i {padding-right: 5px;}

.input-full {width: 100%;}

.edit-form {width: 800px; max-width: 100%; padding: 30px; margin: 20px auto 0 auto; text-align: center; border: #E0E0E0 2px solid; border-radius: 20px;}
.edit-form-s {width: 600px; max-width: 100%; padding: 30px; margin: 20px auto 0 auto; text-align: center; border: #E0E0E0 2px solid; border-radius: 20px;}

.edit-form, .edit-form-s i {color: #808080; padding-right: 5px;}

.text-left {text-align: var(--align-left);}
.text-center {text-align: center;}
.text-right {text-align: var(--align-right);}

.center-form {width: 500px; max-width: 100%; margin: 0 auto; text-align: center;}
.center-form p {padding-bottom: 5px;}
.center-form i {color: #969696; padding-right: 5px;}

img {max-width: 100% !important;}

.security-code {position: relative;}
.security-code a {width: 120px; position: absolute; top: 12px; right: 82px;}
.security-code input {padding-right: 100px;}

.imgCode {display: flex; gap: 15px; align-items: center;}
.imgCode input[type="text"] {width: 150px !important;}
.imgCode img {height: 32px; border-radius: 15px;}
.imgCode2 {width: 290px; height: 30px; border-radius: 20px; opacity: 0.9;}


.fixed {position:fixed; top:0px;}
.autohide, .hidden {display: none !important;}
.container {width: 1400px; max-width: 100%; margin: 0 auto;}
.container-m {width: 1000px; max-width: 100%; margin: 0 auto;}

/* ----------- Header ------------- */
header {display: block; width: 100%; padding: 10px 0; /*background-color: #28314A;*/ background-color: #28314A; color: #fff;}
.header-box {width: 100%; display: flex; flex-direction: row; align-items: center;}
/*.header-box li {border: 1px solid;}*/

.logo-sitename {width: 30%; padding: 0; line-height: 0;}
.logo-sitename h2 {font-size: 28px; line-height: 1.5; font-weight: bold; color: #fff;}
.logo-sitename h2 a {color: #fff;}
.logo-sitename img {max-height: 26px; margin: 5px 0; padding: 0;}

.header-nav {width: 70%; text-align: var(--align-right); position: relative;}
.header-nav .top-nav {width: 100%; display: flex; flex-direction: row; justify-content: flex-end; gap: 35px;}
.header-nav .top-nav li {display: flex;}
.header-nav .top-nav li a {font-size: var(--large-size); padding: 5px 0; color: #fff;}
.header-nav .top-nav li a:hover {color: #C0FFC0;}
.header-nav .top-nav li a i {margin-right: 5px; font-size: var(--xlarge-size); color: #fff;}
.header-nav .top-nav .page-topmenu {position: relative; padding-left: 15px; padding-right: 15px;}
.header-nav .top-nav .page-topmenu > div {display: flex;}
.header-nav .top-nav .page-topmenu > div::before {content: ""; width: 1px; height: 14px; position: absolute; left: 0; top: 0; margin-top: 10px; margin-left: -10px; border-left: var(--color-line);}
.header-nav .top-nav .page-topmenu > div::after {content: ""; width: 1px; height: 14px; position: absolute; right: 0; top: 0; margin-top: 10px; margin-right: -10px; border-right: var(--color-line);}
.header-nav .top-nav .page-topmenu ul {display: flex; flex-direction: row; justify-content: flex-end; gap: 20px;}
.header-nav .top-nav .search-nav {margin-left: -5px; margin-right: -15px;}

.header-nav .search-box {position: absolute; margin-left: -320px; border: #fff 1px solid; background-color: #fff; border-radius: 30px; padding: 2px 10px 0 10px;}
.header-nav .search-box input {border: 0; width: 250px;}
.header-nav .search-box button {border: 0; background-color: #fff; font-size: var(--normal-size); cursor: pointer;}

.mobile-search {display: none; position: absolute; right: 20px; margin-top: -39px; z-index: 9999;}
.mobile-search a {display: inline-block; padding-top: 3px; font-size: 20px;}
.mobile-search .search-box {position: absolute; margin-left: -250px; border: #808080 1px solid; background-color: #fff; border-radius: 30px; padding: 2px 10px 0 10px;}
.mobile-search .search-box input {border: 0; width: 180px;}
.mobile-search .search-box button {border: 0; background-color: #fff; font-size: var(--small-size); cursor: pointer;}

/*.page-user {min-width: 150px;}*/
.page-user > div {display: flex; padding-left: 5px;}
.page-user span {padding-right: 10px;}
.page-user i {font-size: var(--xlarge-size);}
.page-user .logout i {padding-left: 6px; padding-right: 0; font-size: 14px !important;}
/* ------------------------------- */

main {padding-top: 30px; min-height: 400px;}

.main-subpage {padding-top: 25px;}
.main-subpage-s {padding-top: 20px;}
.main-subpage-l {padding-top: 35px;}

.p-t-5 {padding-top: 5px !important;}
.p-t-10 {padding-top: 10px !important;}
.p-t-15 {padding-top: 15px !important;}
.p-t-20 {padding-top: 20px !important;}
.p-t-25 {padding-top: 25px !important;}
.p-t-30 {padding-top: 30px !important;}
.p-t-40 {padding-top: 40px !important;}
.p-t-50 {padding-top: 50px !important;}

.p-b-30 {padding-bottom: 30px !important;}


.m-r-15 {margin-right: 15px;}

.errorMsg {color: #ff0000;}
.demoMsg {color: #000;}
.clear {clear: both;}
.img-border img, .img-border video {border-radius: 10px;}

/* Top banner */
.sitepic-top {width: 1300px; max-width: 100%; padding: 5px 0; margin: 0 auto; text-align: center;}
.sitepic-top div {margin: 0; padding: 5px 0; line-height: 0;}
.sitepic-top img {max-width: 100%;}

/* Home banners */
.sitepic-home {width: 1300px; max-width: 100%; padding: 10px 0; margin: 0 auto; text-align: center;}
.sitepic-home div {padding: 10px 0; text-align: center;}
.sitepic-home img {max-width: 100%;}

.sitepic-sidecolumn {/*padding-bottom: 20px;*/}
.sitepic-sidecolumn div {padding: 0 0 15px 0; text-align: center;}
.sitepic-sidecolumn img {max-width: 100%;}

/* Top menu */
nav {position: sticky; top: 0; width: 100%; background-color: #fff; color: #000; /*border-top: #C0C0C0 1px solid;*/ border-bottom: #C0C0C0 1px solid; z-index: 99999;}
nav .menu {width: 100%; overflow-x: auto;}
nav .menu::-webkit-scrollbar {width: 1px; height: 0px;}
nav .menu .top-menu {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 30px;}
nav .menu .top-menu li {white-space: nowrap; padding: 10px 0; align-items: center;}
nav .menu .top-menu li.home {margin-right: -15px;}
nav .menu .top-menu li.home i {color: #28314A; font-size: 20px;}
nav .menu .top-menu li a {font-size: var(--large-size); font-weight: 500; padding: 5px 0;}

/* Top menu on mobile */
.mobile-menu {display: none; float: var(--align-left); margin-top: 10px; margin-right: 12px; z-index: 1000;}
.mobile-menu span {display: inline-block; padding: 0px 8px; background-color: #E0E0E0; border-radius: 3px;}
.mobile-menu ul {display: none; position: absolute; clear: both; width: 220px; max-width: calc(100% - 30px); background-color: #5f6975; z-index: 10000; left: 15px; margin-top: 11px; border-radius: 6px; padding: 10px 0;}
.mobile-menu ul li a {display: block; width: 100%; font-size: var(--normal-size); line-height: 1.5; padding: 7px 20px; color: #F0F0F0;}
.mobile-menu ul li a:hover {color: #e1dab1;}
.mobile-menu ul li a i {padding-right: 5px;}
.mobile-menu ul li.menu-line div {margin: 10px 20px; height: 1px; line-height: 0; border-top: #ACACAC 1px solid !important;}

/* Category menu */
.nav-cat {margin-top: 10px; margin-bottom: -15px;}
.nav-cat h1 a {color: #404040;}
.nav-cat h1 a:hover {color: #000;}

.nav-subcat {margin-top: 5px; margin-bottom: -10px;}
.nav-subcat li {display: inline-block; border: #808080 1px solid; border-radius: 30px; margin-right: 5px; margin-bottom: 10px;}
.nav-subcat li h2 {font-size: var(--normal-size); font-weight: normal;}
.nav-subcat li h2 a {display: block; color: #404040; padding: 2px 20px;}
.nav-subcat li h2 a:hover {color: #000;}
.nav-subcat li.active {background-color: #2E5283; color: #fff; border: #2E5283 1px solid;}
.nav-subcat li.active a {color: #fff;}
.nav-subcat li.active a:hover {color: #fff;}

.nav-title {margin-top: 15px; margin-bottom: -10px;}
.nav-title h1 {font-size: 22px; color: #404040;}

.featured-news {padding-bottom: 20px; /*padding-right: 10px;*/}
.featured-news h1 {font-size: var(--title-featured); padding: 10px 0 8px 0;}
.featured-news img {width: 100%;}

.featured-news-image {border-radius: 10px; overflow: hidden;}

.video-preview a {display: block; line-height: 0; aspect-ratio: var(--video-ratio) !important;}
.video-preview video {width: 100%;}

.latestnews-side li .item {clear: both; height: auto; padding-top: 18px; padding-bottom: 18px; border-bottom: #C0C0C0 1px dashed;}
.latestnews-side li:first-child .item {border-top: 0; padding-top: 0;}
.latestnews-side li:last-child .item {border-bottom: 0; padding-bottom: 25px;}
.latestnews-side .title {padding-left: 4px;}
.latestnews-side h3 {font-size: var(--title-snews); font-weight: 600; padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; /* Required for -webkit-line-clamp */
	-webkit-line-clamp: 4; /* Number of lines to display */
	-webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
	line-clamp: 4; /* Standard property for line clamping */
}

.latestnews-row {border-top: #C0C0C0 1px dashed; padding-top: 25px; margin-top: 5px;}
.latestnews-row li {}
.latestnews-row .title {padding: 10px 0 15px 0;}
.latestnews-row h3 {font-size: var(--title-snews); font-weight: 600;}

.most-viewed {min-height: 200px; background-color: #fff; border: #D0D0D0 1px solid; border-radius: 10px; margin-bottom: 15px;}
.most-viewed .box-title {background-color: #E0E0E0; font-weight: 600; text-align: center; padding: 7px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.most-viewed ul {padding: 0 10px 0 30px;}
.most-viewed li {padding: 8px 0; border-bottom: #C0C0C0 1px dashed; position: relative;}
.most-viewed li::before {content: "\25CF"; color: #585858; font-size: 13px; position: absolute; left: -20px; top: 10px;}

.page-most-viewed {min-height: 200px; background-color: #fff; border: #D0D0D0 1px solid; border-radius: 10px; margin-bottom: 15px;}
.page-most-viewed .box-title {background-color: #E0E0E0; text-align: center; padding: 7px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.page-most-viewed ul {padding: 0 20px;}
.page-most-viewed li .item {clear: both; height: auto; padding-top: 12px; padding-bottom: 12px; border-bottom: #C0C0C0 1px dashed;}
.page-most-viewed li:first-child .item {border-top: 0;}
.page-most-viewed li:last-child .item {border-bottom: 0;}
.page-most-viewed .title {padding-left: 4px;}
.page-most-viewed h3 {font-size: var(--title-othernews); font-weight: normal; padding: 0;}

.page-latest-news {background-color: #FBFBFB; border: #D0D0D0 1px solid; border-radius: 10px; margin-bottom: 15px;}
.page-latest-news .box-title {background-color: #bce7f1; text-align: center; padding: 6px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.page-latest-news ul {padding: 0 20px;}
.page-latest-news li .item {clear: both; height: auto; padding-top: 8px; padding-bottom: 8px; border-bottom: #C0C0C0 1px dashed;}
.page-latest-news li:first-child .item {border-top: 0;}
.page-latest-news li:last-child .item {border-bottom: 0;}
.page-latest-news h3 {font-size: var(--title-othernews); font-weight: normal; padding: 0;}

.mainnews {padding-bottom: 20px;}
.mainnews .mainnews-item {border-top: #C0C0C0 1px dashed; padding: 20px 0;}
/*.mainnews .mainnews-item:last-child {border-bottom: #C0C0C0 1px dashed;}*/
.mainnews .mainnews-item h3 {font-size: var(--title-mainnews);}
.mainnews .mainnews-item .preview {padding-top: 6px;}

.home-preview-limit {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; /* Required for -webkit-line-clamp */
	-webkit-line-clamp: 3; /* Number of lines to display */
	-webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
	line-clamp: 3; /* Standard property for line clamping */
}
.home-catpreview-limit {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; /* Required for -webkit-line-clamp */
	-webkit-line-clamp: 3; /* Number of lines to display */
	-webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
	line-clamp: 3; /* Standard property for line clamping */
}
.page-preview-limit {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; /* Required for -webkit-line-clamp */
	-webkit-line-clamp: 4; /* Number of lines to display */
	-webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
	line-clamp: 4; /* Standard property for line clamping */
}

/* Home categories */
.maincat-list {border-left: #C0C0C0 1px dashed; padding-left: 20px; margin-left: -5px; margin-bottom: 35px;}
.maincat-list .maincat {padding-bottom: 35px;}
.maincat-list .maincat:last-child {padding-bottom: 0;}
.maincat-list .maincat .cat-title { display: block; width: 100%; background-color: #F0F0F0; overflow: hidden; padding: 0; border-radius: 8px; margin-bottom: 15px;}
.maincat-list .maincat .cat-title li {display: inline-block;}
.maincat-list .maincat .cat-title li a {display: block; font-size: var(--normal-size); color: #383838; padding: 0 10px;}
.maincat-list .maincat .cat-title li a:hover {color: #087cce;}
.maincat-list .maincat .cat-title li.active h2 a {font-weight: 600; padding: 6px 20px; background-color: #E0E0E0;}

.cat-featurednews {}
.cat-featurednews h3 {display: block; padding: 8px 0 5px 0; font-size: var(--title-mainnews);}

.cat-nextnews .news-item {border-bottom: #C0C0C0 1px dashed; padding: 8px 0;}
.cat-nextnews .news-item:first-child {padding-top: 0;}
.cat-nextnews .news-item:last-child {border-bottom: 0; padding-bottom: 0;}
.cat-nextnews .news-item .title {padding-left: 3px;}
.cat-nextnews .news-item h3 {font-weight: normal; font-size: var(--title-othernews);}

/* Video player */
.mejs__container {border-radius: 15px; background-color: #000;}
.mejs__container:focus {outline-offset: 0; outline-width: 0;}
.mejs__controls:not([style*="display: none"]) {border-radius: 12px; background: none;}
.mejs__poster, .mejs__poster img {border-radius: 12px !important;}

/* Videos */
.home-video {padding: 40px 0 10px 0; border-top: #C0C0C0 1px dashed; margin-top: 10px;}
.video-cattitle { display: block; width: 100%; overflow: hidden; padding: 0; margin: 0 0 15px 0;}
.video-cattitle li {display: inline-block;}
.video-cattitle li.icon {vertical-align: bottom;}
.video-cattitle li.icon i {font-size: 26px; line-height: 1; color: #28314A; padding-right: 10px;}
.video-cattitle li a {display: block; font-size: var(--large-size); color: #383838; padding: 0 0 0 20px;}
.video-cattitle li a:hover {color: #087cce;}
.video-cattitle li.active h2 a {color: #28314A; font-size: var(--xxxlarge-size); font-weight: 600; padding: 0; border-bottom: #28314A 1px solid;}

.home-featured-video {width: 100% !important; height: auto;}
.home-featured-video video, .home-featured-video iframe {position: relative; width: 100% !important; height: 100% !important; border-radius: 12px;}
.home-featured-video iframe {height: 423px !important;}
.home-featured-video h3 {font-weight: bold; font-size: var(--title-featured-s); padding: 12px 0 20px 0;}

.home-next-video {}
.home-next-video .title {padding: 7px 0 30px 0;}
.home-next-video h3 {font-size: var(--title-othernews); font-weight: 600;}

.video-btn {line-height: 0;}
.video-btn a {display: block; position: relative;}
.video-btn a:before {position: absolute; content: "\f144"; font-family: "Font Awesome 6 Free"; left: 6px; bottom: 6px; font-size: 26px; line-height: 1; display: inline-block; color: #fff; opacity: 0.8; /*transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/ z-index: 9999;}
.video-btn:hover a:before {opacity: 1;}

.video-btn-s a:before {font-size: var(--xxlarge-size); left: 4px; bottom: 4px;}

/* Podcasts */
.podcast-cattitle { display: block; width: 100%; overflow: hidden; padding: 0; margin: 0 0 15px 0;}
.podcast-cattitle li {display: inline-block;}
.podcast-cattitle li.icon {vertical-align: bottom;}
.podcast-cattitle li.icon i {font-size: 26px; line-height: 1; color: #28314A; padding-right: 10px;}
.podcast-cattitle li a {display: block; font-size: var(--large-size); color: #383838; padding: 0 0 0 20px;}
.podcast-cattitle li a:hover {color: #087cce;}
.podcast-cattitle li.active h2 a {color: #28314A; font-size: var(--xxxlarge-size); font-weight: 600; padding: 0; border-bottom: #28314A 1px solid;}

.home-podcast {padding: 40px 0 15px 0; border-top: #C0C0C0 1px dashed; margin-top: 10px;}
.home-podcast .podcast-list .title {padding: 7px 0 25px 0;}
.home-podcast .podcast-list h3 {font-size: var(--title-othernews); font-weight: 600;}

.podcast-btn {line-height: 0;}
.podcast-btn a {display: inline-block; position: relative;}
.podcast-btn a:before {position: absolute; content: "\f025"; font-family: "Font Awesome 6 Free"; left: 6px; bottom: 6px; font-weight: 600; font-size: 22px; line-height: 1; display: inline-block; color: #fff; opacity: 0.8; /*transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/ z-index: 9999;}
.podcast-btn:hover a:before {opacity: 1;}

.icon-gallery {line-height: 0;}
.icon-gallery a {display: inline-block; position: relative;}
/*.icon-gallery a:before {position: absolute; content: "\f03e"; font-family: "Font Awesome 6 Free"; left: 6px; bottom: 6px; font-weight: 600; font-size: 26px; line-height: 1; display: inline-block; color: #fff; opacity: 0.8; z-index: 9999;}*/
.icon-gallery a:before {position: absolute; content: ''; width: 30px; height: 30px; left: 5px; bottom: 5px; line-height: 1; display: inline-block; background: url(../../../images/icon-gallery.svg); opacity: 0.8; z-index: 9999;}
.icon-gallery:hover a:before {opacity: 1;}

.icon-gallery-s a:before {width: 24px; height: 24px; left: 3px; bottom: 3px;}

.page-column {padding-left: 20px; margin-top: 10px;}

.page-latestnews {}
.page-latestnews .title {padding: 7px 0 0 0;}
.page-latestnews h3 {font-size: var(--title-othernews); font-weight: 600; margin-bottom: 6px;}
.page-latestnews .preview {margin: 0 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.textbody {font-size: var(--large-size); line-height: 1.6;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%;}
.textbody img[align="left"] {margin-right: 15px !important;}
.textbody img[align="right"] {margin-left: 15px !important;}
.textbody > div:not([class^="sne-"]):not([class^="widget-"]), .textbody > div:not([class^="sne-"]):not([class^="widget-"]) > div {padding: 0; margin: 1.1em 0;}
.textbody > p {padding: 0; margin: 1.1em 0;}
.textbody ul {margin: 0; padding: 0 0 0 40px;}
.textbody ul li {list-style-type: square !important;}
.textbody ol {margin: 0; padding: 0 0 0 40px;}
.textbody ol li {list-style-type: decimal !important;}
/*.textbody video {max-width: 100%; width: 660px !important; height: 400px !important;}*/

/*Pagination */
.pageNav {text-align: center;}
.pageNav > a {
	display: inline-block;
	background: #F0F0F0;
	color:#000 !important;
	border-radius: 15px;
	min-width: 32px;
	font-size: var(--normal-size);
	line-height: 26px;
	text-align: center;
	padding: 4px 5px;
}
.pageNav > a.current {background: #E0E0E0;}
.pageNav > a:hover, .pager > a:focus {background: #E0E0E0;}
.pageNav > a.p-space {vertical-align: bottom; background: none; color: #ACACAC; min-width: 0; padding: 0;}
.pageNav > a i {color: #808080 !important; line-height: 26px;}

/* Cat navigation bar */
.pagebar {background-color: #F8F8F8; padding: 7px 0; font-size: var(--normal-size); margin: 1px auto;}
.pagebar {color: #585858;}
.pagebar a {color: #585858; display: inline-block;}
.pagebar a:hover {color: #087cce;}
.pagebar span {display: inline-block; font-size: 14px; padding: 0 5px;}

html:not([dir="rtl"]) .pagebar a:after {font-family: "Font Awesome 6 Free"; content: "\f105"; font-size: 14px; font-weight: 600; padding: 0 10px;}
html:not([dir="rtl"]) .pagebar a:last-child:after {content: none;}

html[dir="rtl"] .pagebar a:before {font-family: "Font Awesome 6 Free"; content: "\f104"; font-size: 14px; font-weight: 600; padding: 0 10px;}
html[dir="rtl"] .pagebar a:first-child:before {content: none;}



.sne-videoBox {width: 900px !important; max-width: 100% !important; margin: 10px auto 0 auto !important; text-align: center !important;}
.sne-videoBox video, .sne-videoBox iframe {width: 100% !important; height: 100%; border-radius: 10px;}
.sne-videoBox iframe {height: 500px !important;}
.sne-videoBox .video-desc {font-size: var(--normal-size); padding-top: 10px; text-align: center; color: #585858;}

/*.sne-pic {display: inline-block;}*/
.sne-pic img {border-radius: 10px;}

.sne-imgBox {text-align: center;}
.sne-imgBox p {
    /*background-color: #F0F0F0;*/
    color: #686868;
    padding-top: 7px;
    margin: 0;
    font-size: var(--normal-size);
}
div:has(> .sne-imgBox) > br:nth-child(2) {display: none;}
div:has(> .sne-videoBox) > br:nth-child(2) {display: none;}

/* magnificPopup */
.mfp-figure, img.mfp-img {border-radius: 15px !important;}
/*img.mfp-img {padding: 0; margin: 0;}*/
img.mfp-img {padding: 0; margin: 5vh 0 0 0; max-height: 90vh !important}

.mfp-content figcaption {border-radius: 15px !important; padding: 20px 10px;}
.mfp-bottom-bar {margin-top: -30px !important; font-size: var(--small-size);}
.mfp-figure:after {background: none; box-shadow: none;}
.mfp-wrap {z-index: 99999999;}


.small-videoBox {width: 300px; max-width: 100%; max-height: 200px;}
.small-videoBox video, .small-videoBox iframe {width: 100% !important; height: 100%; max-height: 200px !important;}

.video-box {width: 900px !important; max-width: 100% !important; aspect-ratio: var(--video-ratio) !important; margin: 10px auto 0 auto !important; text-align: center !important;}
.video-box video, .video-box iframe {width: 100% !important; height: 100%; border-radius: 12px;}
.video-box iframe {height: 450px !important;}
.video-box .video-desc {font-size: var(--normal-size); padding-top: 10px; text-align: center; color: #585858;}

.video-full {width: 900px !important; max-width: 100% !important;}

.podcast-box {width: 500px !important; max-width: 100% !important; margin: 10px auto 0 auto; text-align: center;}
.podcast-box audio {width: 100% !important;}
.podcast-box .podcast-desc {padding-top: 2px; text-align: var(--align-left); color: #585858;}

.small-podcastBox {width: 300px; display: inline-block;}

.gallery-show {margin-top: 10px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.gallery-show div {width: calc(25% - 15px); text-align: center;} /* (gap 20px / 4 colums) * 3 gaps = 15px */
.gallery-show div a {display: block;}
.gallery-show div a img {max-width: 100%; border-radius: 10px;}
.gallery-show div span {display: block; padding: 5px 0 0 0; font-size: var(--small-size);}
.gallery-show div span:empty {display: none;}


h1.bTitle {padding-bottom: 0;}

.main-body {padding-bottom: 20px; min-height: calc(100vh - 315px);}
.main-body2 {padding-top: 10px; padding-bottom: 20px; min-height: calc(100vh - 315px);}
.news-author {padding: 20px 0 10px 0; text-align: var(--align-right);}

.tags-box {margin-top: 30px;}
.tags-box span {display: inline-block; padding-right: 5px; color: #585858; font-weight: bold;}
.tags-box a {display: inline-block; margin: 0 3px;}
.tags-box a:after {content: '/'; color: #ACACAC; padding-left: 10px;}
.tags-box a:last-child:after {content: ''; padding-left: 0;}

.topic-news {border: var(--color-line); border-radius: 10px; margin: 40px 0 0 0; padding: 10px 20px;}
.topic-news .box-title {font-size: var(--xlarge-size); padding-bottom: 3px; display: flex; gap: 10px;}
.topic-news .box-title .topic-title {font-weight: bold;}
.topic-news .box-title i {font-size: var(--normal-size); padding-right: 5px; color: #808080;}
.topic-news li .item {padding-top: 12px; padding-bottom: 12px; border-bottom: #C0C0C0 1px dashed;}
.topic-news li:first-child .item {border-top: 0;}
.topic-news li:last-child .item {border-bottom: 0;}
.topic-news .title {padding-left: 3px;}
.topic-news .title h3 {font-size: var(--title-mainnews); font-weight: bold; padding: 0 0 5px 0;}

.other-news {margin-top: 30px; border-top: var(--color-line); padding-top: 10px;}
.other-news ul.gallery-mode {padding-top: 20px;}
.other-news ul.gallery-mode li {padding-bottom: 15px;}
.other-news ul.gallery-mode li .title {padding: 10px 0 25px 0;}
.other-news ul.gallery-mode li h3 {font-size: var(--title-othernews); font-weight: 600;}

.other-news ul.listing-mode {padding-top: 15px;}
.other-news ul.listing-mode li {padding: 3px 0;}
.other-news ul.listing-mode li h3 {font-size: var(--title-othernews); font-weight: 500; padding: 0;}
.other-news ul.listing-mode li i {font-size: 14px; color: #808080; padding-right: 5px;}
.other-news ul.listing-mode li .date {padding-left: 5px;}

.comment-section {margin-top: 30px; border-top: var(--color-line); padding-top: 15px;}
.comment-section h2 {padding-bottom: 10px; display: flex; gap: 10px; align-items: center;}
.comment-section h2 .counter {font-size: var(--xxlarge-size); font-weight: normal;}
.comment-form {padding-top: 15px;}
.comment-form p {padding: 5px 0;}
.comment-form textarea {width: 100%; padding: 10px 15px; border-radius: 10px; border: var(--color-line);}

.comment-list {position: relative; padding-top: 20px;}
.comment-list .user-avatar {float: var(--align-left); position: absolute; width: 40px; height: 40px; border-radius: 50%; border: #D0D0D0 1px solid; overflow: hidden;}
.comment-list .user-avatar img {width: 100%; height: 100%; object-fit: cover;}
.comment-list .comment-item {padding-top: 20px;}
.comment-list .comment-item:first-child {margin-top: 0; padding-top: 0;}
.comment-list .comment-item:last-child {border-bottom: 0; margin-bottom: 0;}
.comment-list .replies-counter {position: relative; font-size: var(--small-size); color: #808080; padding: 10px 0 0 25px;}
.comment-list .replies-counter:before {position: absolute; content: ''; left: 0; top: 0; width: 30px; height: 30px; background: url(../../../images/reply.svg) no-repeat left 15px;}
.comment-list .replies-counter a:hover {color: #087cce;}

.default-avatar {opacity: 0.6;}

.user-comment {margin-left: 55px; border-bottom: #C0C0C0 1px dashed; padding-bottom: 20px;}
.user-comment .name {float: left; font-weight: bold; padding-right: 6px;}
.user-comment .content {font-size: var(--large-size);}
.user-comment .replied-user {color: #000; padding-right: 6px;}
.user-comment .like-bar {display: flex; flex-direction: row; gap: 35px; color: #808080 !important; margin-top: 10px; font-size: var(--small-size);}
.user-comment .like-bar i {padding-right: 3px;}
.user-comment .like-bar p {}
.user-comment .like-bar .comment-date {text-align: var(--align-right); flex-grow: 1;}
.user-comment .like-bar a:hover {color: #087cce !important;}
.user-comment .like-bar .like-counter {display: inline-block; padding: 0 10px; border-radius: 8px; background-color: #F0F0F0; margin-left: 5px;}
.user-comment .like-bar .liked {color: #800000;}

.sub-comment .user-comment {border: 0;}
.sub-comment .user-comment:last-child {padding-bottom: 0;}

.comment-user {position: relative; display: inline-block; padding-right: 25px;}
.comment-user .user-avatar {position: absolute; width: 40px; height: 40px; left: -50px; top: -10px; border-radius: 50%; border: #D0D0D0 1px solid; overflow: hidden;}
.comment-user .user-avatar img {width: 100%; height: 100%; object-fit: cover;}
.comment-user .user-name {font-weight: bold; color: #585858;}

.view-more {display: inline-block; color: #087cce; text-decoration: underline; margin-left: 5px;}

.widget-poll {display: block; width: 100%; height: auto; background-color: #F2F2F2; padding: 20px 25px !important; border-radius: 15px;}
.widget-poll div {margin: 0;}
.widget-poll .poll-btn .info, .widget-poll .poll-btn .link {display: inline-block;}
.widget-poll .poll-btn .info {margin-left: 25px;}
.widget-poll .poll-btn .info:first-child {margin-left: 0;}
.widget-poll .poll-btn .info span {display: inline-block;}
.widget-poll .poll-btn .link {cursor: pointer;}
.widget-poll .poll-btn .link:hover {color: #087cce;}
.widget-poll .poll-btn i {font-size: 14px; padding-right: 3px;}

.poll-view {font-size: var(--large-size);}
.poll-view .poll-option {padding: 10px 0;}
.poll-view label {display: block; padding: 6px 15px; background-color: #fff; border-radius: 10px; margin: 10px 0; cursor: pointer;}
.poll-view input {margin-right: 10px !important;}

.poll-result .poll-option {width: 100%; padding: 15px 0;}
.poll-result .poll-row {padding: 8px 0;}
.poll-result .poll-row .row-text {width: 100%; clear: both; overflow: auto; margin-bottom: 5px;}
.poll-result .poll-row .option-text {float: var(--align-left); width: 82%;}
.poll-result .poll-row .option-percent {display: inline-block; margin-left: 15px; padding: 1px 8px; background-color: #E0E0E0; font-size: 14px; border-radius: 6px;}
.poll-result .poll-row .option-votes {float: var(--align-right); width: 18%; text-align: var(--align-right);}
.poll-result .poll-row .row-bar {position: relative; width: 100%; height: 8px; background-color: #E0E0E0; border-radius: 10px;}
.poll-result .poll-row .row-bar .row-percent {position: absolute; width: 0%; height: 8px; background-color: #FFAC1C /*#B42652*/; border-radius: 10px;}
.poll-result .poll-row-s {padding: 6px 0;}

.user-menu {margin-bottom: 25px;}
.user-menu li a {display: block; background-color: #F0F0F0; padding: 10px 20px; margin: 2px 0;}
.user-menu li a:hover {color: #087cce;}
.user-menu li:first-child a {border-top-left-radius: 15px; border-top-right-radius: 15px;}
.user-menu li:last-child a {border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.user-menu li i {font-size: 12px; color: #808080; padding-right: 6px;}
.user-menu li a.nav-title {background-color: #eae9e9; font-size: var(--xlarge-size); font-weight: 600; cursor: auto;}
.user-menu li a.nav-title:hover {color: #000;}

.edit-form {width: 800px; max-width: 100%; margin: 0 auto; font-size: 13px;}
.edit-form-small {width: 600px; max-width: 100%; margin: 0 auto; font-size: 13px;}
.info-form {width: 700px; max-width: 100%; margin: 0 auto;}
.info-form h2 {margin-bottom: 15px;}
.list-form {width: 900px; max-width: 100%; margin: 0 auto;}
.list-form table {}
.list-form td {vertical-align: middle;}
.list-form2 {width: 1200px; max-width: 100%; margin: 0 auto; padding-left: 15px;}
.list-form2 td {vertical-align: middle;}

.user-form input[type="text"], .user-form input[type="file"], .user-form input[type="password"] {width: 350px;}

table {width: 100%;}
table td {padding: 10px; text-align: var(--align-left);}
.tdmenu {font-weight: bold;}
.tdtext p {padding: 3px 0; margin: 0;}
.tblborder tr td {border: #D0D0D0 1px solid; padding-left: 10px; vertical-align: top;}
.tblborder tr td:first-child {background-color: #F8F8F8;}

.pic-thumb img {max-width: 300px; max-height: 250px; margin-bottom: 10px;}
.pic-thumb label {display: inline-block; padding-left: 20px; vertical-align: bottom; margin-bottom: 5px;}
.pic-thumb label input[type="checkbox"] {margin-right: 3px !important;}

.pic-full {text-align: center;}
.pic-full img {max-width: 100%; border-radius: 10px;}

.login-social {padding-top: 30px; margin-top: 5px; border-top: #C0C0C0 1px dashed; text-align: center;}
.login-social h3 {color: #585858; padding: 0; margin: 0; font-weight: normal; font-size: var(--normal-size);}
.login-social a {display: inline-block; padding: 10px 20px; margin: 10px; background-color: #F0F0F0; border-radius: 20px;}
.login-social img {height: 30px;}

.page-index {color: #2E5283;}
.page-index a {color: #2E5283; font-size: 18px !important; padding: 0 !important; line-height: 24px; font-weight: 600 !important;}
.page-index a:hover {color: #A57865;}
.page-index i {padding-left: 5px; margin-right: -10px;}

.featured-news .main-video {width: 100% !important;}
.featured-news .main-video video, .featured-news .main-video iframe {width: 100% !important; border-radius: 12px;}
.featured-news .main-video iframe {height: 427px !important;}


.mainvideo {}
.mainvideo h3 {font-size: var(--title-mainnews);}

.video-list {padding-bottom: 15px;}
.video-list .title {padding: 10px 0 35px 0;}

.video-maincat { border-top: var(--color-line); padding: 25px 0;}
.video-maincat .cat-title h2 {font-size: 22px; padding-bottom: 15px;}

.thumb-box {aspect-ratio: var(--default-ratio) !important; background-color: #585858; overflow: hidden; border-radius: 10px;}
.thumb-box a {width: 100% !important; height: 100% !important;}
.thumb-box video, .thumb-box img {width: 100% !important; min-height: 100% !important;}

.mainpodcast {}
.mainpodcast h3 {font-size: var(--title-mainnews);}

/*.podcast-list {padding-bottom: 15px;}*/
.podcast-list .title {padding: 10px 0 35px 0;}

.podcast-maincat { border-top: var(--color-line); padding: 25px 0;}
.podcast-maincat .cat-title h2 {font-size: 22px; padding-bottom: 15px;}

.date-nav {padding-bottom: 20px;}
.date-nav .date {padding-top: 5px; color: #585858; font-size: var(--large-size);}
.date-nav .date i {padding-right: 3px;}

.social-icons {display: flex; flex-direction: row; font-size: 22px; gap: 15px; justify-content: flex-end;}
.social-icons li {display: block; color: #585858;}

.author-info {padding: 20px 0;}
.author-info h1 {font-size: 22px; padding-bottom: 20px;}
.author-info .avatar {padding-bottom: 15px;}

.author-articles {padding-bottom: 25px;}
.author-articles .article-item {border-top: #C0C0C0 1px dashed; padding: 20px 0;}
.author-articles .article-item h3 {font-size: var(--title-mainnews);}
.author-articles .article-item .preview {padding-top: 10px;}

.author-videos, .author-podcasts {padding-top: 30px;}
.author-videos h2, .author-podcasts h2 {padding-bottom: 15px;}
.author-more {text-align: center; padding-top: 10px;}
.author-more a {color: #800080 !important; text-decoration: none;}

.block-list .list-menu {padding: 8px 10px; color: #383838; background: #bce7f1; font-size: var(--small-size); font-weight: 600; border-radius: 10px !important; text-align: center;}
.block-list .block-item {padding: 15px 0; border-bottom: #C0C0C0 1px dashed;}
.block-list .comment-post {padding-bottom: 6px;}
.block-list .comment-post span {display: inline-block;}
.block-list .comment-post a {color: #800080 !important;}
.block-list .date-in {display: none; padding-bottom: 6px; color: #585858;}
.block-list .date-col {display: flex; justify-content: center; gap: 25px; align-items: center;}
.block-list .date-col .delete {color: #808080;}
.block-list .date-col .delete:hover {color: #383838;}

.contact-form {width: 650px; max-width: 100%; margin: 0 auto; font-size: var(--normal-size);}
.contact-form input[type="text"], .contact-form textarea {width: 100%; padding: 6px 10px; border-radius: 12px;}
.contact-form td {padding: 5px !important;}

.rss-intro {padding-top: 20px; font-size: var(--xlarge-size);}
.rss-list {padding-top: 30px; width: 500px; max-width: 100%; margin: 0 auto; font-size: var(--xlarge-size);}
.rss-list .sub-1 {margin-left: 30px;}
.rss-list .sub-2 {margin-left: 60px;}
.rss-list div {padding: 8px 0; border-bottom: #D0D0D0 1px dashed;}
.rss-list div a {display: block;}
.rss-list .rss-icon {float: var(--align-right);}
.rss-list .rss-icon i {padding-left: 5px; color: #ee802f;}

.newsletter-form {color: #C0FFC0;}
.newsletter-form input {width: 200px; background-color: #fff; border: #fff 1px solid; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 4px 15px; margin-bottom: 5px;}
.newsletter-form button {min-width: 0 !important; padding: 5px 10px !important; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}

.date {color: #808080;}

.ui-datepicker table {font-size: 15px;}

/* ---------- Footer Begin ----------- */
footer {margin-top: 40px; /*background-color: #37628c; border-top: #37628c 3px solid; */ background-color: #313950; color: #fff;}
footer a {color: #fff;}
footer a:hover {color: #C0FFC0;}
footer .container {position: relative;}

.footer-menu {padding: 25px 0 10px 0; font-size: var(--normal-size);}
.footer-menu a {display: inline-block; padding: 2px 30px 5px 0;}

.social-network {margin-bottom: 5px; display: flex; flex-direction: row; gap: 15px; font-size: var(--xxlarge-size);}

.newsletter {padding: 25px 0;}
.newsletter .newsleter-desc {font-size: var(--small-size); padding: 5px 0;}

.go-top {position: absolute; top: 50px; right: 20px; width: 36px; height: 36px; line-height: 36px; background-color: #fff; border: #fff 1px solid; border-radius: 50%; text-align: center;}
.go-top i {font-size: var(--xlarge-size); color: #808080;}

.copyright {padding: 0 0 15px 0; font-size: var(--small-size); color: #D0D0D0;}
.copyright a {color: #D0D0D0;}
/* ---------- Footer End ------------- */



/* RTL layout --------------------- */
html[dir="rtl"] {direction: rtl;}
html[dir="rtl"] i.fa, html[dir="rtl"] i.fa-solid:not(.fa-headphones), html[dir="rtl"] i.fa-thumbs-up {
  transform: scaleX(-1); /* Flips the icon horizontally */
}

html[dir="rtl"] .my-button i {padding-right: 0; padding-left: 5px;}
html[dir="rtl"] .mybtn i, html[dir="rtl"] .mybtn2 i, html[dir="rtl"] .mybtn3 i {padding-right: 0; padding-left: 5px;}

html[dir="rtl"] .edit-form, html[dir="rtl"] .edit-form-s i {padding-right: 0; padding-left: 5px;}
/*html[dir="rtl"] .center-form i {padding-right: 0; padding-left: 5px;}
html[dir="rtl"] .security-code input {padding-right: 0; padding-left: 100px;}*/
html[dir="rtl"] .security-code a {right: auto; left: 82px;}

html[dir="rtl"] .page-user > div {display: flex; padding-left: 0; padding-right: 5px;}
html[dir="rtl"] .page-user span {padding-right: 0; padding-left: 10px;}
html[dir="rtl"] .page-user .logout i {padding-left: 0; padding-right: 6px;}

/*html[dir="rtl"] .featured-news {padding-right: 0; padding-left: 10px;}*/
html[dir="rtl"] .latestnews-side .title {padding-left: 0; padding-right: 4px;}
html[dir="rtl"] .page-most-viewed .title {padding-left: 0; padding-right: 4px;}

html[dir="rtl"] .maincat-list {border-left: 0; border-right: #C0C0C0 1px dashed; padding-left: 0; padding-right: 20px; margin-left: 0; margin-right: -5px;}
html[dir="rtl"] .cat-nextnews .news-item .title {padding-left: 0; padding-right: 3px;}

html[dir="rtl"] .video-cattitle li.icon i {padding-right: 0; padding-left: 10px;}
html[dir="rtl"] .video-cattitle li a {padding: 0 20px 0 0;}
html[dir="rtl"] .video-cattitle li.active h2 a {padding: 0;}

html[dir="rtl"] .podcast-cattitle li.icon i {padding-right: 0; padding-left: 10px;}
html[dir="rtl"] .podcast-cattitle li a {padding: 0 20px 0 0;}
html[dir="rtl"] .podcast-cattitle li.active h2 a {padding: 0;}

html[dir="rtl"] .page-column {padding-left: 0; padding-right: 20px;}

html[dir="rtl"] .tags-box span {padding-right: 0; padding-left: 5px;}
html[dir="rtl"] .tags-box a:after {content: '\\'; padding-left: 0; padding-right: 10px;}
html[dir="rtl"] .tags-box a:last-child:after {content: ''; padding-right: 0;}

/*html[dir="rtl"] .topic-news .box-title i {padding-right: 0; padding-left: 5px;}*/
html[dir="rtl"] .topic-news .title {padding-left: 0; padding-right: 3px;}

html[dir="rtl"] .user-comment .name {padding-right: 0; padding-left: 6px;}
html[dir="rtl"] .user-comment .replied-user {padding-right: 0; padding-left: 6px;}
/*html[dir="rtl"] .user-comment .like-bar i {padding-right: 0; padding-left: 3px;}*/
html[dir="rtl"] .user-comment {margin-left: 0; margin-right: 55px;}
html[dir="rtl"] .user-comment .like-bar .like-counter {margin-left: 0; margin-right: 5px;}

html[dir="rtl"] .comment-user {padding-right: 0; padding-left: 25px;}
html[dir="rtl"] .comment-user .user-avatar {left: auto; right: -50px;}

html[dir="rtl"] .widget-poll .poll-btn .info {margin-left: 0; margin-right: 25px;}

html[dir="rtl"] .user-comment .name {float: right;padding-right: 0; padding-left: 6px;}

html[dir="rtl"] .comment-user {padding-right: 0; padding-left: 25px;}
html[dir="rtl"] .comment-list .replies-counter {padding: 10px 25px 0 0;}
html[dir="rtl"] .comment-list .replies-counter:before {left: auto; right: -15px; top: 0; background: url(../../../images/reply.svg) no-repeat right 15px; transform: scaleX(-1);}

html[dir="rtl"] .user-menu li i {padding-right: 0; padding-left: 6px;}
html[dir="rtl"] .list-form2 {padding-left: 0; padding-right: 15px;}
html[dir="rtl"] .tblborder tr td {padding-left: 0; padding-right: 10px;}

html[dir="rtl"] .pic-thumb label {padding-left: 0; padding-right: 20px;}
html[dir="rtl"] .pic-thumb label input[type="checkbox"] {margin-right: 0 !important; margin-left: 3px !important;}

html[dir="rtl"] .page-index i {margin-right: 0; margin-left: -10px;}
/*html[dir="rtl"] .rss-list .rss-icon i {padding-left: 0; padding-right: 5px;}*/

html[dir="rtl"] .header-nav .top-nav li a i {margin-right: 0; margin-left: 5px;}
html[dir="rtl"] .header-nav .top-nav .page-topmenu > div::before {left: auto; right: 0; margin-left: 0; margin-right: -10px; border-left: 0; border-right: var(--color-line);}
html[dir="rtl"] .header-nav .top-nav .page-topmenu > div::after {content: ""; right: auto; left: 0; margin-right: 0; margin-left: -10px; border-right: 0; border-left: var(--color-line);}
html[dir="rtl"] .header-nav .top-nav .search-nav {margin-left: -15px; margin-right: -5px;}
html[dir="rtl"] .header-nav .search-box {margin-left: 0; margin-right: -320px;}

html[dir="rtl"] .mobile-search {right: auto; left: 20px;}
html[dir="rtl"] .mobile-search .search-box {margin-left: 0; margin-right: -250px;}

html[dir="rtl"] .mobile-menu {margin-left: 12px; margin-right: 0;}
html[dir="rtl"] .mobile-menu ul {left: auto; right: 15px;}
html[dir="rtl"] .mobile-menu ul li a i {padding-right: 0; padding-left: 5px;}

html[dir="rtl"] .view-more {margin-left: 0; margin-right: 5px;}

html[dir="rtl"] .poll-result .poll-row .option-percent {margin-left: 0; margin-right: 15px;}
html[dir="rtl"] .poll-view input {margin-right: 0 !important; margin-left: 10px !important;}

html[dir="rtl"] .rss-list .sub-1 {margin-left: 0; margin-right: 30px;}
html[dir="rtl"] .rss-list .sub-2 {margin-left: 0; margin-right: 60px;}

html[dir="rtl"] .m-r-15 {margin-right: 0; margin-left: 15px;}

html[dir="rtl"] nav .menu .top-menu li.home {margin-right: 0 !important; margin-left: -15px !important;}
html[dir="rtl"] .nav-subcat li {margin-right: 0; margin-left: 5px;}

html[dir="rtl"] .icon-gallery a:before {left: auto; right: 5px; background: url(../../../images/icon-gallery.svg); opacity: 0.8;}
html[dir="rtl"] .icon-gallery-s a:before {left: auto; right: 3px;}

html[dir="rtl"] .video-btn a:before {left: auto; right: 6px;}
html[dir="rtl"] .video-btn-s a:before {left: auto; right: 4px;}

html[dir="rtl"] .podcast-btn a:before {left: auto; right: 6px;}

html[dir="rtl"] .most-viewed ul {padding: 0 30px 0 10px;}
html[dir="rtl"] .most-viewed li::before {left: auto; right: -20px;}

html[dir="rtl"] .footer-menu a {padding: 2px 0 5px 30px;}
html[dir="rtl"] .go-top {right: auto; left: 20px;}

html[dir="rtl"] .newsletter-form input {border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
html[dir="rtl"] .newsletter-form button {border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0;}

html[dir="rtl"] .icon-mirror {transform: scaleX(-1); /* Flips the icon horizontally */}
html[dir="rtl"] .mfp-close {right: auto; left: 0 !important;}
/* End RTL ------------------------ */