.filter-bar.submissions-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: stretch;
    background: #f9fafc;
    border: 1px solid rgba(15, 23, 42, 0.05);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.filter-bar.submissions-filter .filter-field {
    position: relative;
    flex: 1 1 240px;
    min-width: 200px;
}

.filter-bar.submissions-filter .filter-field input,
.filter-bar.submissions-filter .filter-field select {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.6rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 10px;
    background: #ffffff;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    font-size: 0.95rem;
}

.filter-bar.submissions-filter .filter-field input:focus,
.filter-bar.submissions-filter .filter-field select:focus {
    outline: none;
    border-color: #0a6847;
    box-shadow: 0 0 0 3px rgba(10, 104, 71, 0.15);
}

.filter-bar.submissions-filter .filter-field select {
    appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #0a6847 50%), linear-gradient(135deg, #0a6847 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(1.1rem), calc(100% - 13px) calc(1.1rem);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.filter-bar.submissions-filter .filter-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(15, 23, 42, 0.45);
    font-size: 0.95rem;
    pointer-events: none;
}

.filter-bar.submissions-filter .btn-filter {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #0a6847 0%, #0c8259 100%);
    color: #ffffff;
    font-weight: 600;
    border: none;
    box-shadow: 0 10px 20px rgba(12, 130, 89, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.filter-bar.submissions-filter .btn-filter:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(12, 130, 89, 0.3);
}

.filter-bar.submissions-filter .btn-filter:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(12, 130, 89, 0.25);
}

.notification-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.notification-list li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.03);
    margin-bottom: 0.65rem;
    color: #1e293b;
    line-height: 1.45;
}

.notification-list li i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 104, 71, 0.1);
    color: #0a6847;
    font-size: 0.95rem;
}

.notification-list li .time {
    margin-left: auto;
    font-size: 0.85rem;
    color: rgba(15, 23, 42, 0.6);
}

.notification-list.collapsed li:nth-child(n+6) {
    display: none;
}

/* Custom badge colors for manuscript statuses */
.badge.bg-purple,
.badge.status-badge.bg-purple,
.bg-purple,
span.badge.bg-purple,
.badge.p-3.bg-purple,
.editor-dashboard .badge.bg-purple {
    background-color: #6f42c1 !important; /* distinct purple for 'Review Required' */
    color: #ffffff !important;
    border-color: #6f42c1 !important;
}

/* Ensure purple works in all badge contexts */
.badge.bg-purple:hover,
.badge.bg-purple:focus {
    background-color: #5a32a3 !important;
    color: #ffffff !important;
}
span.badge.bg-purple,
span.bg-purple.badge,
.badge.bg-purple span {
    background-color: #6f42c1 !important;
    color: #ffffff !important;
}

.btn-view-all {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1.15rem;
    border-radius: 8px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    color: #0a6847;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-view-all:hover {
    background: #0a6847;
    color: #ffffff;
    border-color: #0a6847;
}

.btn-view-all i {
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .filter-bar.submissions-filter {
        padding: 0.85rem 1rem;
    }

    .filter-bar.submissions-filter .filter-field {
        flex: 1 1 100%;
    }

    .filter-bar.submissions-filter .btn-filter {
        width: 100%;
        justify-content: center;
    }
}
/* =====================================
Template Name: Eduland
Author Name: ThemeLamp
Author URI: http://themelamp.com/
Release By: http://codeglim.com/
Description: Eduland is a awesome Education & Courses Template.
Version:	1.0
========================================*/

/*===============================
	Header CSS 
=================================*/
.header {
	background-color: #fff;
}

/* Header Inner */
.header .header-inner {
	background-image: url('../images/bg-pattern1.png');
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
}

.header .header-inner::before {
	opacity: 0.95;
	background: #fff;
}

/* Logo */
.header .logo {
	float: left;
	margin-top: 30px;
}

.header .logo a {
	font-size: 20px;
}

.header .menu-bar {
	position: relative;
}

.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	position: relative;
	padding: 0;
	float: right;
	padding-right: 50px;
}

.header .navbar-nav {
	display: block;
}

.header .nav li {
	float: left;
	position: relative;
	margin-right: 25px;
}

.header .nav li:last-child {
	margin-right: 0px;
}

.header .nav li a {
	color: #252525;
	font-size: 14px;
	text-transform: uppercase;
	padding: 30px 0px;
	display: block;
	position: relative;
}

.header .nav li a::before {
	content: "";
	position: absolute;
	height: 2px;
	left: 50%;
	bottom: 17px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 30px;
	right: 50%;
}

.header .nav li:hover a::before,
.header .nav li.active a::before {
	opacity: 1;
	visibility: visible;
	left: 25%;
	right: 25%;
}

.header .nav li a::after {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: 13px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.header .nav li:hover a::after,
.header .nav li.active a::after {
	opacity: 1;
	visibility: visible;
}

.header .nav li a i {
	margin-right: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.header .nav li.active a i,
.header .nav li:hover a i {
	opacity: 1;
	visibility: visible;
}

/* Dropdown Menu */
.header .nav li .dropdown {
	background: #fff;
	width: 225px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	-webkit-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: 0 0 0;
	border-top: 2px solid;
	top: 100%;
	padding: 15px 0;
}

.header .nav li:hover .dropdown {
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.header .nav li .dropdown li {
	float: none;
	margin: 0;
}

.header .nav li .dropdown li a {
	padding: 5px 20px;
	color: #555;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
}

.header .nav li .dropdown li a:before,
.header .nav li .dropdown li a:after {
	display: none;
}

.header .nav li .dropdown li i {
	float: right;
	margin-top: 6px;
}

.header .nav li .dropdown.submenu {
	left: 100%;
	top: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	transform-origin: 0 0 0;
	border-top: 2px solid;
}

.header .nav li .dropdown li:hover .dropdown.submenu {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}

.header .nav li .dropdown li .dropdown.submenu li a {
	color: #777;
	background: transparent;
}

/* Search form */
.header .search-area {
	position: absolute;
	right: 0;
	top: 28px;
}

.header .search-area .icon {
	width: 28px;
	display: block;
	height: 28px;
	line-height: 24px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.header .search-area .icon:hover {
	background: #06C46B;
	color: #fff;
	border-color: transparent;
}

.header .search-area.active .icon i:before {
	content: "\f00d";
}

.header .search-form {
	width: 300px;
	z-index: 99;
	position: absolute;
	right: 0;
	top: 57px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease 0s;
	transform-origin: 0 0 0;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.header .search-area.active .search-form {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}

.header .search-form input {
	width: 100%;
	height: 60px;
	padding: 0 65px 0 15px;
	font-size: 14px;
	border: none;
	border-radius: 0px;
	color: #888;
}

.header .search-form button {
	position: absolute;
	width: 50px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	border: none;
	right: 0;
	border-radius: 100%;
	border-radius: 0px;
}

.header .search-form button:hover {
	opacity: 0.8;
}

/*===============================
	End Header CSS 
=================================*/

/*===============================
	Slider CSS 
=================================*/
.home-slider {
	overflow: hidden;
}

.home-slider,
.home-slider .single-slider {
	height: 660px;
}

.home-slider .single-slider::before {
	opacity: 0.7;
	z-index: 1;
}

.home-slider .slider-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/* Slider Zoom Effect */
@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(1, 1);
	}

	to {
		-webkit-transform: scale(1.2, 1.2);
	}
}

@-moz-keyframes zoom {
	from {
		-moz-transform: scale(1, 1);
	}

	to {
		-moz-transform: scale(1.2, 1.2);
	}
}

@-o-keyframes zoom {
	from {
		-o-transform: scale(1, 1);
	}

	to {
		-o-transform: scale(1.2, 1.2);
	}
}

@keyframes zoom {
	from {
		transform: scale(1, 1);
	}

	to {
		transform: scale(1.2, 1.2);
	}
}

.home-slider .owl-item.active .slider-image {
	-webkit-animation: zoom 25s;
	animation: zoom 25s;
}

.home-slider .slider-content {
	display: inline-block;
	border-radius: 3px;
	position: relative;
	z-index: 2;
	margin: 158px 0 0;
}

.home-slider .slider-title {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	padding: 10px;
	display: inline-block;
}

.home-slider .slider-title span {
	display: block;
	font-size: 25px;
	font-weight: 600;
	line-height: 20px;
}

.home-slider .slider-title b {
	font-weight: 400;
}

.home-slider .slider-text {
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	color: #555;
	padding: 30px;
	display: inline-block;
}

.home-slider .button {
	margin-top: 20px;
}

.home-slider .button .btn {
	margin-right: 15px;
	position: relative;
	z-index: 2;
}

.home-slider .button .btn:last-child {
	margin: 0;
}

/* Slider Animation */
.home-slider .owl-item.active .slider-title {
	animation: fadeInLeft 1s both 0.8s;
}

.home-slider .owl-item.active .slider-text {
	animation: fadeInLeft 1s both 1.2s;
}

.home-slider .owl-item.active .button {
	animation: fadeInUp 1s both 1.5s;
}

/*===============================
	End Slider CSS 
=================================*/


/*===============================
	Courses CSS
=================================*/
/* Latest Articles Section */
.articles .single-article {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	margin-bottom: 30px;
	transition: all 0.3s ease;
}

.articles .single-article:hover {
	transform: translateY(-6px);
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
}

.articles .article-head img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.article-head {
	position: relative;
	width: 100%;
	height: 250px;
	/* adjust as needed */
	border-radius: 8px;
	overflow: hidden;
}

.article-head .article-bg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.article-head .overlay-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	/* lighter shadow */
	transition: background 0.3s ease;
}

.article-head:hover .overlay-light {
	background: rgba(0, 0, 0, 0.15);
}

.article-head .btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}

.articles .article-body {
	padding: 20px 25px;
}

.articles .a-title {
	font-size: 18px;
	font-weight: 600;
	color: #003366;
}

.articles .a-title a {
	color: inherit;
	text-decoration: none;
}

.articles .a-title a:hover {
	color: #05C46B;
}

.articles .article-meta {
	padding: 0 25px 20px;
	font-size: 14px;
	color: #666;
	display: flex;
	justify-content: space-between;
}

.articles .article-meta i {
	color: #05C46B;
	margin-right: 5px;
}

/*===============================
	End Courses CSS
=================================*/

/* About the Journal section background */
.about.section {
	background-color: #e7e7e7;
	/* subtle light gray for contrast */
}

/*===============================
	Call for papers CSS
=================================*/
.call-for-papers {
	background: #f8fbff;
	padding: 80px 0;
}

.call-for-papers .section-title h2 {
	font-weight: 700;
}

.call-for-papers .section-title span {
	color: #05C46B;
}

.call-for-papers .section-title p {
	font-size: 17px;
	color: #444;
	line-height: 1.7;
}

.call-for-papers .single-feature {
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	padding: 30px 25px;
	margin-bottom: 30px;
	transition: all 0.3s ease;
}

.call-for-papers .single-feature:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.call-for-papers .icon-img i {
	font-size: 40px;
	color: #05C46B;
	margin-bottom: 15px;
}

.call-for-papers .f-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

.call-for-papers .feature-content p {
	color: #555;
	line-height: 1.6;
	font-size: 15px;
}


/*===============================
	End call for paper CSS
=================================*/
/*=============================
	Announcements Section CSS
===============================*/
.announcements-section {
	background-color: #e7e7e7;
	padding: 80px 0;
}

.announcements-section .section-title {
	margin-bottom: 60px;
}

.announcements-section .section-title h2 {
	color: #333;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px;
}

.announcements-section .section-title h2 span {
	color: #05C46B;
}

.announcements-section .section-title p {
	color: #666;
	font-size: 16px;
	line-height: 1.6;
}

.announcements-section .single-event {
	background: #fff;
	border-radius: 8px;
	padding: 25px;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	border-left: 4px solid #05C46B;
}

.announcements-section .single-event:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.announcements-section .event-date {
	background: #05C46B;
	color: #fff;
	text-align: center;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 20px;
	width: 80px;
	float: left;
	margin-right: 20px;
}

.announcements-section .event-date p {
	color: #ffffff;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.announcements-section .event-date p span {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.announcements-section .event-content {
	overflow: hidden;
}

.announcements-section .event-title {
	margin-bottom: 15px;
}

.announcements-section .event-title a {
	color: #333;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.3s ease;
}

.announcements-section .event-title a:hover {
	color: #05C46B;
}

.announcements-section .event-content p {
	color: #666;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 15px;
}

.announcements-section .entry-date-time {
	color: #999;
	font-size: 13px;
	font-weight: 500;
}

.announcements-section .entry-date-time i {
	margin-right: 5px;
	color: #05C46B;
}

.announcements-section .button {
	margin-top: 40px;
}

.announcements-section .btn {
	padding: 12px 30px;
	margin: 0 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.announcements-section .btn.white {
	background: #f7f8fa;
	color: #05C46B;
	border: 2px solid #05C46B;
}

.announcements-section .btn.white:hover {
	background: transparent;
	color: #f7f8fa;
}

.announcements-section .btn.white.primary {
	background: transparent;
	color: #f7f8fa;
	border: 2px solid #05C46B;
}

.announcements-section .btn.white.primary:hover {
	background: #f7f8fa;
	color: #05C46B;
}

/* Responsive Design */
@media (max-width: 768px) {
	.announcements-section {
		padding: 60px 0;
	}

	.announcements-section .section-title h2 {
		font-size: 28px;
	}

	.announcements-section .single-event {
		padding: 20px;
	}

	.announcements-section .event-date {
		width: 70px;
		padding: 12px;
		margin-right: 15px;
	}

	.announcements-section .event-date p span {
		font-size: 20px;
	}

	.announcements-section .btn {
		display: block;
		margin: 10px auto;
		width: 200px;
	}
}

/*=============================
	End Announcements Section CSS
===============================*/

.single-article{
	background: #fff;
	border-radius: 8px;
	padding: 25px;
	margin-bottom: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	border-left: 4px solid #05C46B;
}

/*===============================
	Features CSS 
=================================*/
.features {
	background-image: url('../images/feature-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0 90px;
}

.features .single-feature {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.features .icon-img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	position: relative;
	text-align: center;
	left: 0;
	display: inline-block;
	overflow: hidden;
}

.features .icon-img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	z-index: 3;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.features .single-feature:hover .icon-img:before {
	opacity: 0.5;
}

.features .icon-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	opacity: 0;
	visibility: hidden;
}

.features .single-feature:hover .icon-img img {
	opacity: 1;
	visibility: visible;
	transform: scale(1.2);
}

.features .icon-img i {
	text-align: center;
	font-size: 25px;
	color: #fff;
	z-index: 333;
	position: relative;
}

.features .feature-content .f-title {
	font-size: 18px;
	margin: 15px 0;
	color: #fff;
}

.features .feature-content p {
	line-height: 22px;
	color: #ccc;
}

/*===============================
	End Features CSS 
=================================*/

/*===============================
	Register Today CSS
=================================*/
.register-today {
	background-image: url('../images/register-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.register-today.overlay::before {
	opacity: 0.6;
}

.register-today .course-countdown {
	margin: 130px 0;
}

.register-today .coming-course {
	margin-bottom: 25px;
}

.register-today .coming-course h2 {
	display: block;
	font-size: 50px;
	color: #fff;
	text-align: center;
}

.register-today .coming-course h2 span {
	display: block;
	font-weight: 300;
	font-size: 20px;
	color: #eee;
}

.register-today .coming-course h2 b {
	font-weight: 300;
}

.register-today .coming-time-inner {
	display: inline-block;
	text-align: center;
}

.register-today .coming-time {
	background: rgba(0, 0, 0, 0.6);
	padding: 30px;
}

.register-today .cdown {
	float: left;
	width: 25%;
}

.register-today .cdown {
	text-align: center;
	line-height: 40px;
}

.register-today .cdown span {
	font-size: 50px;
	display: block;
}

.register-today .cdown p {
	font-size: 15px;
	line-height: initial;
	margin-top: 15px;
	color: #fff;
	font-weight: 500;
}

.register-today .coming-text {
	text-align: center;
}

.register-today .coming-text h2 {
	color: #fff;
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 40px;
}

.register-today .coming-text p {
	color: #fff;
	padding: 0px 45px;
}

.register-today .subscription-form {
	position: absolute;
	top: 0;
	width: 600px;
	height: 350px;
	background: #353535;
	left: 50%;
	margin-left: -300px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	text-align: center;
	padding: 70px 90px;
}

.register-today .subscription-form.active {
	transform: scale(1.0);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.register-today .subscription-form .cross {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.register-today .subscription-form h2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #fff;
	position: relative;
	font-size: 30px;
}

.register-today .subscription-form h2:before {
	position: absolute;
	left: 0;
	bottom: -1px;
	content: "";
	background: #fff;
	width: 50px;
	height: 2px;
	left: 50%;
	margin-left: -25px;
}

.register-today .subscription-form p {
	color: #bbb;
}

.register-today .subscription-form form {
	position: relative;
	margin-top: 30px;
}

.register-today .subscription-form input {
	width: 100%;
	padding: 11px;
	background: transparent;
	color: #fff;
	border: none;
	border-bottom: 2px solid #fff;
}

.register-today .subscription-form button {
	position: absolute;
	right: 0;
	bottom: 0px;
	border-radius: 0px;
	padding: 8px 16px;
	background: #fff;
}

.register-today .subscription-form button i {
	font-size: 25px;
}

/* Register Form */
.register-today .register-form {
	background: #fff;
	padding: 30px;
}

.register-today .form-title {
	margin-bottom: 20px;
}

.register-today .form-title h2 {
	font-size: 20px;
	margin-bottom: 5px;
	position: relative;
	font-weight: 700;
}

.register-today .form-title p {
	color: #555;
}

.register-today .form {}

.register-today .form-group {
	position: relative;
	margin-bottom: 20px;
}

.register-today .form-group i {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
}

.register-today .form-group input,
.register-today .nice-select {
	margin: 0;
	width: 100%;
	height: 55px;
	color: #888;
	font-size: 14px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border-bottom: 1px solid rgba(204, 204, 204, 0.45);
	border-radius: 0px;
	padding-left: 25px;
	line-height: 55px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.register-today .nice-select {
	margin-bottom: 15px;
	padding: 0 35px 0 25px;
	position: relative;
}

.register-today .form-group .list {
	z-index: 3;
	border-radius: 0px;
	border-top: 2px solid;
}

.register-today .form-group textarea {
	border: none;
	resize: none;
	border-bottom: 1px solid rgba(204, 204, 204, 0.45);
	font-weight: 500;
	margin-bottom: 0px;
	padding: 0;
	border-radius: 0px;
	padding-left: 25px;
	padding-top: 10px;
	height: 158px;
	color: #888;
}

.register-today .nice-select i {
	top: 21px;
}

.register-today .nice-select::after {
	right: 20px;
	color: #757575;
}

.register-today .nice-select img {
	margin-right: 10px;
}

.register-today .list li {
	color: #757575;
}

.register-today .list li.selected {
	color: #757575;
	font-weight: 400;
}

.register-today .list li:hover {
	color: #fff;
}

.register-today .form-group.message i {
	top: 18px;
}

.register-today .form-group.button {
	margin: 0;
	text-align: center;
}

.register-today .form-group .btn {
	width: 100%;
	text-align: center;
	padding: 18px 0;
	display: block;
	color: #fff;
}

/*===============================
	End Register Today CSS
=================================*/

/*===============================
	Teachers CSS 
=================================*/
.teachers {
	background: #fff;
}

.teachers .teachers-slider {
	margin-top: 30px;
}

.teachers .single-teacher {
	position: relative;
	margin-bottom: 30px;
}

.teachers .teacher-head {
	position: relative;
}

.teachers .teacher-head.overlay::before {
	opacity: 0;
	z-index: 1;
	visibility: hidden;
}

.teachers .single-teacher:hover .teacher-head.overlay:before {
	opacity: 0.8;
	visibility: visible
}

.teachers .teacher-head img {
	height: 100%;
	width: 100%;
	text-align: center;
}

.teachers .social {
	width: 45px;
	position: absolute;
	top: 15px;
	text-align: center;
	padding: 15px 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	left: 15px;
	z-index: 2;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.teachers .single-teacher:hover .social {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}

.teachers .social li {
	display: block;
	margin-bottom: 10px;
}

.teachers .social li:last-child {
	margin: 0;
}

.teachers .social li a {
	color: #fff;
	font-size: 14px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 100%;
}

.teachers .social li a:hover {
	border-color: transparent;
	background: #fff;
}

.teachers .teacher-content {
	background: #fff;
	padding: 12px 30px;
	text-align: center;
	position: absolute;
	bottom: -15px;
	left: 15px;
	z-index: 33;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.teachers .single-teacher:hover .teacher-content,
.teachers .single-teacher.active .teacher-content {
	transform: scale(1.0);
	opacity: 1;
	visibility: visible;
}

.teachers .teacher-content:hover h4,
.teachers .teacher-content:hover span {
	color: #fff;
}

.teachers .teacher-content h4 {
	font-size: 18px;
}

.teachers .teacher-content h4 span {
	display: block;
	font-weight: 400;
	font-size: 15px;
	margin-top: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/* Slider Meta */
.teachers .owl-controls {
	margin-top: 30px;
}

.teachers .owl-controls .owl-nav div {
	width: 44px;
	height: 44px;
	line-height: 44px;
	font-size: 22px;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 100%;
	color: #555;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	margin: 0 10px 0 0;
}

.teachers .owl-controls .owl-nav div:last-child {
	margin: 0;
}

.teachers .course-slider:hover .owl-controls .owl-nav div {
	opacity: 1;
	visibility: visible;
}

.teachers .owl-controls .owl-nav div:hover {
	border-color: transparent;
	color: #fff;
}

/* Archive */
.teachers.archive {}

.teachers.archive .single-teacher {
	margin: 30px 0 30px;
}

.teachers.archive .single-teacher .social {
	transform: translateY(0%);
}

/*===============================
	End Teachers CSS 
=================================*/

/*===============================
	Events CSS 
=================================*/
.events {
	background: #F8F8F8;
}

.event-img,
.coming-event {
	margin-top: 30px;
}

.coming-event {
	padding-left: 35px;
}

.events .single-event {
	background: #fff;
	position: relative;
	margin-left: 0;
	padding: 30px 20px 30px 60px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.events .single-event:last-child {
	margin: 0;
}

.events .event-date {
	position: absolute;
	left: -35px;
	width: 70px;
	text-align: center;
	top: 50%;
	margin-top: -35px;
	padding: 10px 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.events .single-event:hover .event-date {
	border-radius: 100%;
}

.events .event-date p {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.events .single-event:hover .event-date p {
	font-size: 25px;
}

.events .event-date p span {
	display: block;
	font-size: 14px;
	font-weight: 500;
}

.events .event-title {
	font-size: 18px;
	margin-bottom: 10px;
}

.events .event-title a {
	font-weight: 700;
	color: #252525;
}

.events .entry-date-time {
	color: #555;
	margin-top: 5px;
	display: block;
}

/* Events Archive */
.events.archive {}

.events.archive .single-event {
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.events.archive .event-image {
	position: relative;
	overflow: hidden;
}

.events.archive .event-image img {
	width: 100%;
	height: 100%;
}

.events.archive .single-event:hover .event-image img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

.events.archive .event-date {
	top: 5px;
	margin: 0;
	left: 5px;
}

.events.archive .event-content {
	margin-top: 20px;
}

/*===============================
	End Events CSS 
=================================*/


/*=============================
	News Sidebar CSS
===============================*/
.main-sidebar {
	margin-top: 30px;
}

.main-sidebar .single-sidebar {
	background: #fff;
	position: relative;
	padding: 15px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.main-sidebar .single-sidebar:last-child {
	margin: 0px;
	border: none;
}

.main-sidebar .widget-title {
	text-transform: capitalize;
	font-size: 18px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 20px;
}

.main-sidebar .widget-title:before {
	content: "";
	position: absolute;
	left: 0;
	width: 4px;
	height: 100%;
	top: 0;
}

.main-sidebar .widget-title i {
	left: 0;
	top: 0;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	position: absolute;
	left: -34px;
	top: 10px;
}

.main-sidebar .single-sidebar ul li a {
	color: #555;
	font-weight: 500;
	display: block;
}

.main-sidebar .single-sidebar ul li a i {
	margin-right: 10px;
}

/* Course Sidebar */
.main-sidebar .single-sidebar.s-course .s-single-course {
	overflow: hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.main-sidebar .single-sidebar.s-course .s-single-course:last-child {
	padding: 0;
	margin: 0;
	border: none;
}

.main-sidebar .single-sidebar.s-course .s-single-course img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
	float: left;
	margin-right: 15px;
}

.main-sidebar .single-sidebar.s-course .s-course-content {
	float: left;
	padding-top: 5px;
}

.main-sidebar .single-sidebar.s-course h4 {
	font-size: 15px;
}

.main-sidebar .single-sidebar.s-course h4 a {
	color: #252525;
}

.main-sidebar .single-sidebar.s-course .meta {
	color: #555;
	font-size: 14px;
	font-weight: 500;
	border: none;
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: 400;
}

.main-sidebar .single-sidebar.s-course .meta span {
	font-size: 13px;
	margin-right: 10px;
}

.main-sidebar .single-sidebar.s-course .meta span i {
	margin-right: 5px;
}

/* Latest news */
.main-sidebar .small-news {
	overflow: hidden;
	position: relative;
	box-shadow: none;
	padding: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.main-sidebar .small-news:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.main-sidebar .news-img {
	float: left;
	margin-right: 15px;
	left: 0;
}

.main-sidebar .news-img img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
}

.main-sidebar .news-info {
	float: left;
	margin-top: 7px;
}

.main-sidebar .news-info h4 {
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}

.main-sidebar .news-info a {
	color: #252525;
	font-weight: 500;
}

.main-sidebar .news-info p {
	margin: 0;
	font-size: 13px;
	margin-top: 5px;
}

.main-sidebar .news-info span {
	margin-right: 10px;
}

.main-sidebar .news-info span i {
	margin-right: 5px;
	font-size: 13px;
}

/* Category */
.main-sidebar .category ul li {
	font-size: 15px;
	line-height: 47px;
	position: relative;
}

.main-sidebar .category ul li span {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	line-height: 32px;
	float: right;
	background: #f8f8f8;
	color: #555;
	position: absolute;
	top: 5px;
	right: 0;
}

.main-sidebar .category ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Subscribe */
.main-sidebar .subscribe {
	background-image: url('../images/feature1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	z-index: 3;
}

.main-sidebar .subscribe:before {
	opacity: 0.95;
}

.main-sidebar .subscribe p {
	color: #fff;
	z-index: 3;
	position: relative;
}

.main-sidebar .subscribe form {
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

.main-sidebar .subscribe input {
	background: #fff;
	display: block;
	width: 100%;
	color: #555;
	font-weight: 500;
	height: 50px;
	border: none;
	padding: 0 95px 0 15px;
	border-radius: 0px;
}

.main-sidebar .subscribe input::-webkit-input-placeholder {
	opacity: 1;
	color: #555 !important;
}

.main-sidebar .subscribe input::-moz-placeholder {
	opacity: 1;
	color: #555 !important;
}

.main-sidebar .subscribe input::-ms-input-placeholder {
	opacity: 1;
	color: #555 !important;
}

.main-sidebar .subscribe button {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	background: #20232E;
	height: 50px;
	padding: 0 15px;
	border-radius: 0px;
	border: none;
	font-size: 14px;
}

.main-sidebar .subscribe button:hover {
	background: #fff;
}

/* Tags */
.main-sidebar .tags h2 {
	margin-bottom: 5px;
}

.main-sidebar .tags ul {
	margin-left: -10px;
}

.main-sidebar .tags ul li {
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
}

.main-sidebar .tags ul li a {
	font-size: 14px;
	background: #f8f8f8;
	padding: 5px 15px;
	color: #555;
	display: block;
}

.main-sidebar .tags ul li a:hover {
	color: #fff;
}

.main-sidebar.archive.section .single-news {
	padding: 15px;
}

/*=============================
	End News Sidebar CSS
===============================*/

/*=============================
	Faqs CSS
===============================*/
.faqs {
	background: #f8f8f8;
}

.faqs .faq-image,
.faqs .faq-main {
	margin-top: 30px;
}

.faqs .text-content {
	text-align: left;
	padding: 0 60px 0 0;
	margin-bottom: 30px;
}

.faqs .faq-img img {
	width: 100%;
}

.faqs .panel-group {
	margin: 0;
	text-align: left;
}

.faqs .panel {
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border: none;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

.faqs .panel:last-child {
	margin: 0;
}

.faqs .panel-heading {
	background: none;
}

.faqs .faq-title a {
	padding: 15px;
	font-size: 15px;
	position: relative;
	color: #252525;
	background: #fff;
	width: 100%;
	display: block;
	font-weight: 700;
}

.faqs .panel.active .faq-title a {
	text-decoration: none;
	color: #fff;
}

.faqs .panel .faq-title a i {
	margin-right: 5px;
	border: 1px solid #ccc;
	border-radius: 100%;
	width: 28px;
	height: 28px;
	display: inline-block;
	line-height: 28px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.faqs .panel.active .faq-title a i {
	border-color: #fff;
}

.faqs .faq-body {
	padding: 25px;
	color: #555;
	font-size: 14px;
	line-height: 24px;
	background: #fff;
}

/*=============================
	End Faqs CSS
===============================*/

/*=============================
	Contact CSS
===============================*/
.contact .contact-bottom {
	margin-top: 30px;
}

.contact #map {
	height: 450px;
	margin-bottom: 30px;
	border: 10px solid #f8f8f8;
}

.contact .contact-head {
	overflow: hidden;
}

.contact .form-head {
	margin-top: 30px;
}

.contact .form-head .form-group {
	margin-bottom: 20px;
	position: relative;
}

.contact .form-head .form-group i {
	position: absolute;
	top: 21px;
	left: 20px;
	z-index: 1;
}

.contact .form-head .col-12:last-child .form-group {
	margin: 0;
}

.contact .form-head .form-group input,
.contact .form-head .form-group textarea {
	height: 55px;
	width: 100%;
	padding-left: 40px;
	color: #555;
	font-size: 15px;
	background: #f8f8f8;
	border: none;
	border-radius: 0px;
	resize: none;
}

.contact .form-head .form-group textarea {
	height: 190px;
	padding-left: 40px;
	padding-top: 18px;
}

.contact .form-head .form-group.message i {
	top: 25px;
}

.contact .form-head .form-group button {
	color: #fff;
	background: #20232E;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/* Contact info */
.contact .contact-info {
	text-align: left;
	margin-top: 30px;
	position: relative;
}

.contact .contact-info .icon {
	left: 0;
}

.contact .contact-info .icon i {
	width: 56px;
	height: 56px;
	line-height: 56px;
	font-size: 14px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	border: 1px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.contact .contact-info:hover .icon i {
	border-color: #ccc;
	background: transparent;
}

.contact .contact-info h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 5px;
	margin-top: 10px;
	text-transform: capitalize;
}

.contact .contact-info a {
	color: #777;
}

.contact .contact-info p {
	color: #555;
	font-size: 14px;
	line-height: 22px;
}

.contact .contact-info p span {}

/*=============================
	End Contact CSS
===============================*/

/*=============================
	Clinets Slider CSS
===============================*/
.clients {
	padding: 35px 0;
}

.clients::before {
	opacity: 0.95;
}

.clients .text-content h4 {
	font-size: 20px;
	margin-bottom: 5px;
	color: #fff;
}

.clients .text-content p {
	color: #f8f8f8;
	line-height: 22px;
}

.clients .client-slider {
	margin-top: 20px;
}

.clients .client-slider a {
	display: block;
}

.clients .single-slider img {
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.clients .single-slider img:hover {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
}

/*=============================
	End Clinets Slider CSS
===============================*/

/*======================================
	Others CSS
========================================*/
#scrollUp {
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	z-index: 33;
	bottom: 10px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
	color: #ffff;
	font-size: 18px;
	border-radius: 100%;
	font-size: 18px;
}

#scrollUp:hover {
	color: #fff;
	bottom: 15px;
}

/* Breadcrumbs CSS */
.breadcrumbs {
	background-position: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0;
}

.breadcrumbs h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 700;
	margin-top: 5px;
}

.breadcrumbs p {
	color: #ccc;
	margin-top: 5px;
}

.breadcrumbs .bread-list {
	background: rgba(255, 255, 255, 0.15);
	display: inline-block;
	padding: 10px 25px;
	float: right;
}

.breadcrumbs ul li {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.breadcrumbs ul li:last-child {
	margin: 0;
}

.breadcrumbs ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
}

.breadcrumbs ul li.active a {
	color: #fff;
	padding: 7px 20px;
	display: inline-block;
}

.breadcrumbs ul li.active a:hover {
	background: #fff;
	color: #20232E;
}

.breadcrumbs ul li i {
	margin-left: 5px;
}

/*======================================
	End Others CSS
========================================*/

/*=============================
	Footer CSS
===============================*/
.footer {
	background: #20232E;
	padding: 0;
}

.footer .footer-top {
	padding: 60px 0 90px;
	background-image: url('../images/clients-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.footer .footer-top:before {
	opacity: 0.9;
}

.footer a,
.footer p {
	font-weight: 400;
	color: #ccc;
	line-height: 22px;
}

.footer .single-widget {
	margin-top: 30px;
}

.footer .single-widget h2 {
	font-size: 16px;
	margin-bottom: 25px;
	color: #fff;
	position: relative;
}

.footer .about p {
	margin-top: 20px;
}

/* List */
.footer .list li {
	line-height: 35px;
	color: #ccc;
}

.footer .list li a {
	color: #ccc;
}

.footer .list li i {
	margin-right: 15px;
}

/* Social */
.footer .social {
	margin-top: 20px;
}

.footer .social li {
	display: inline-block;
	margin-right: 5px;
}

.footer .social li:last-child {
	margin: 0;
}

.footer .social li a {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 100%;
	font-size: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.footer .social li:hover a,
.footer .social li.active a {
	color: #fff;
}

/* Opening Times */
.footer .opening-times .list li {
	position: relative;
	line-height: 35px;
	color: #ccc;
}

.footer .opening-times .list li a {
	color: #ccc;
	font-size: 15px;
}

.footer .opening-times .list li i {
	margin-right: 10px;
}

.footer .opening-times .list li .value {
	float: right;
}

.footer .opening-times .list li .value.off {
	color: #fff;
	border-radius: 30px;
	padding: 0 11px;
	line-height: 30px;
}

/* Newsletter Widget */
.footer .newsletter .title {
	font-size: 26px;
	font-weight: 600;
	color: #fff;
}

.footer .newsletter .form {
	position: relative;
	margin-top: 20px;
}

.footer .newsletter .form input {
	width: 100%;
	line-height: 50px;
	color: #888;
	box-shadow: none;
	text-shadow: none;
	border: none;
	padding: 0px 50px 0px 20px;
	border-radius: 0px;
	background: #fff;
	height: 45px;
	font-size: 14px;
	font-weight: 500;
}

.footer .newsletter .button {
	height: 45px;
	color: #fff;
	box-shadow: none;
	text-shadow: none;
	border: none;
	font-size: 14px;
	padding: 10px 35px;
	border-radius: 0px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 2px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.footer .newsletter .button:hover {
	opacity: 0.8;
}

.footer .newsletter .button i {
	margin-right: 5px;
}

.footer-bottom {
	background: #121212;
	padding: 20px 0;
}

.footer .copyright {
	text-align: center;
}

.footer .copyright p {
	color: #aaa;
}

.footer .copyright a:hover {
	color: #fff;
}

/*=============================
	End Footer CSS
===============================*/
/* ====== ARCHIVE SECTION ====== */
.archive-section {
	background: #f9fafb;
	color: #333;
}

/* Title Styling */
.archive-section .section-title {
	font-weight: 700;
	font-size: 2rem;
	color: #222;
	text-align: center;
	margin-bottom: 2rem;
}

/* ====== VOLUME SCROLL AREA ====== */
.volume-scroll-wrapper {
	position: relative;
	max-width: 1000px; /* ✅ limits scroll width */
	margin: 0 auto; /* center horizontally */
	overflow: hidden; /* prevents overflow */
	padding: 10px 0;
}

.volume-scroll {
	background: #fff;
	border-radius: 50px;
	padding: 10px 20px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
	display: flex;
	align-items: center;
	overflow-x: auto; /* ✅ allows horizontal scrolling */
	scroll-behavior: smooth;
	white-space: nowrap;
	gap: 10px;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}

/* Webkit scrollbar (Chrome, Safari, Edge) */
.volume-scroll::-webkit-scrollbar {
	height: 6px;
}
.volume-scroll::-webkit-scrollbar-thumb {
	background-color: #bbb;
	border-radius: 4px;
}
.volume-scroll::-webkit-scrollbar-track {
	background: transparent;
}

/* Volume items */
.volume-item {
	flex: 0 0 auto;
	background: #f1f1f1;
	color: #333;
	padding: 10px 20px;
	border-radius: 8px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.volume-item:hover {
	background: #e0e0e0;
}

/* Active volume item */
.volume-item.active {
	background: #05C46B;
	color: #fff;
	border-color: #05C46B;
}

/* ====== SCROLL BUTTONS ====== */
.scroll-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #05C46B;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	cursor: pointer;
	transition: background 0.3s;
	z-index: 2;
}
.scroll-btn:hover {
	background: #049E55;
}

/* Left/Right positioning */
.scroll-btn.left {
	left: -50px;
}
.scroll-btn.right {
	right: -50px;
}

/* ====== ISSUE CARDS ====== */
.issue-card {
	background: #fff;
	border-radius: 10px;
	padding: 25px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.issue-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.issue-header h4 {
	font-weight: 600;
	color: #05C46B;
}

.issue-date {
	display: block;
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 10px;
}

.issue-summary {
	font-size: 0.95rem;
	color: #555;
	min-height: 70px;
}

/* Issue buttons */
.btn-issue {
	display: inline-block;
	background: #05C46B;
	color: #fff;
	padding: 8px 18px;
	border-radius: 25px;
	text-decoration: none;
	transition: background 0.3s;
}
.btn-issue:hover {
	background: #049E55;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 992px) {
	.scroll-btn.left {
		left: -30px;
	}
	.scroll-btn.right {
		right: -30px;
	}
}

@media (max-width: 768px) {
	.volume-scroll-wrapper {
		max-width: 100%;
		padding: 0 10px;
	}
	.scroll-btn {
		display: none; /* Hide buttons on mobile for simplicity */
	}
}

/* =====================================
	About Page Styles
========================================*/

/* About Section */
.about.section {
	padding: 80px 0;
	background: #f8f9fa;
}

.section-title {
	text-align: center;
	margin-bottom: 50px;
}

.section-title h2 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #333;
	margin-bottom: 15px;
	position: relative;
}

.section-title h2::after {
	content: '';
	display: block;
	width: 60px;
	height: 3px;
	background: #05C46B;
	margin: 15px auto 0;
}

.section-title p {
	font-size: 1.1rem;
	color: #666;
	margin: 0;
}

/* About Content */
.about-content {
	padding: 20px 0;
}

.about-content h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #05C46B;
	margin-bottom: 20px;
	border-bottom: 2px solid #05C46B;
	padding-bottom: 10px;
	display: inline-block;
}

.about-content p {
	font-size: 1rem;
	line-height: 1.8;
	color: #555;
	margin-bottom: 25px;
	text-align: justify;
}

/* Remove image section styles since no pictures */
.about-image {
	display: none;
}

/* About Details - What We Offer */
.about-details {
	background: #fff;
	padding: 50px 30px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	margin-top: 30px;
}

.about-details h3 {
	font-size: 2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 40px;
	text-align: center;
}

.feature-box {
	text-align: center;
	padding: 30px 20px;
	background: #f8f9fa;
	border-radius: 10px;
	transition: all 0.3s ease;
	margin-bottom: 30px;
	height: 100%;
}

.feature-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.feature-icon {
	margin-bottom: 20px;
}

.feature-icon i {
	font-size: 2.5rem;
	color: #05C46B;
}

.feature-box h4 {
	font-size: 1.3rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.feature-box p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.6;
	margin: 0;
}

/* Editorial Board */
.editorial-board {
	background: #fff;
	padding: 50px 30px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	margin-top: 30px;
}

.editorial-board h3 {
	font-size: 2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
	text-align: center;
}

.editorial-board > p {
	font-size: 1rem;
	color: #666;
	line-height: 1.7;
	text-align: center;
	margin-bottom: 40px;
}

.editor-info {
	background: #f8f9fa;
	padding: 25px;
	border-radius: 10px;
	border-left: 4px solid #05C46B;
	margin-bottom: 20px;
}

.editor-info h4 {
	font-size: 1.3rem;
	font-weight: 600;
	color: #05C46B;
	margin-bottom: 15px;
}

.editor-info p {
	font-size: 0.95rem;
	color: #555;
	line-height: 1.6;
	margin: 0;
}

.editor-info strong {
	color: #333;
	font-weight: 600;
}

/* Publication Information */
.publication-info {
	background: #fff;
	padding: 50px 30px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	margin-top: 30px;
}

.publication-info h3 {
	font-size: 2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 40px;
	text-align: center;
}

.info-box {
	text-align: center;
	padding: 25px 15px;
	background: #f8f9fa;
	border-radius: 10px;
	margin-bottom: 20px;
	height: 100%;
	border-top: 3px solid #05C46B;
}

.info-box h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #05C46B;
	margin-bottom: 15px;
}

.info-box p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.6;
	margin: 0;
}


/* Responsive Design for About Page */
@media (max-width: 992px) {
	.about.section {
		padding: 60px 0;
	}
	
	.section-title h2 {
		font-size: 2.2rem;
	}
	
	.about-details,
	.editorial-board,
	.publication-info,
	.contact-info {
		padding: 40px 20px;
	}
}

@media (max-width: 768px) {
	.about.section {
		padding: 50px 0;
	}
	
	.section-title h2 {
		font-size: 2rem;
	}
	
	.section-title p {
		font-size: 1rem;
	}
	
	.about-content h3 {
		font-size: 1.6rem;
	}
	
	.about-details h3,
	.editorial-board h3,
	.publication-info h3,
	.contact-info h3 {
		font-size: 1.7rem;
	}
	
	.feature-box,
	.editor-info,
	.info-box,
	.contact-details {
		margin-bottom: 20px;
	}
	
	.about-details,
	.editorial-board,
	.publication-info,
	.contact-info {
		padding: 30px 15px;
	}
}

@media (max-width: 576px) {
	.section-title h2 {
		font-size: 1.8rem;
	}
	
	.about-content h3 {
		font-size: 1.4rem;
	}
	
	.feature-box {
		padding: 25px 15px;
	}
	
	.feature-icon i {
		font-size: 2rem;
	}
}

/* =====================================
	Contact Page Styles
========================================*/

/* Contact Section */
.contact.section {
	padding: 80px 0;
	background: #f8f9fa;
}

/* Contact Form */
.contact-form-wrapper {
	background: #fff;
	padding: 50px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
}

.contact-form h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.form-group {
	margin-bottom: 25px;
}

.form-group label {
	font-size: 0.95rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	display: block;
}

.form-control {
	width: 100%;
	padding: 12px 15px;
	border: 2px solid #e1e5e9;
	border-radius: 8px;
	font-size: 0.95rem;
	transition: all 0.3s ease;
	background: #fff;
}

.form-control:focus {
	border-color: #05C46B;
	box-shadow: 0 0 0 3px rgba(5, 196, 107, 0.1);
	outline: none;
}

.form-control::placeholder {
	color: #999;
}

textarea.form-control {
	resize: vertical;
	min-height: 120px;
}

.btn-submit {
	background: #05C46B;
	color: #fff;
	padding: 12px 30px;
	border: none;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 600;
	transition: all 0.3s ease;
	cursor: pointer;
}

.btn-submit:hover {
	background: #049E55;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(5, 196, 107, 0.3);
}

.btn-submit i {
	margin-right: 8px;
}

/* Contact Information */
.contact-info-wrapper {
	background: #fff;
	padding: 50px 40px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
}

.contact-info h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.contact-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	padding: 20px;
	background: #f8f9fa;
	border-radius: 10px;
	border-left: 4px solid #05C46B;
	transition: all 0.3s ease;
}

.contact-item:hover {
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-icon {
	margin-right: 20px;
	flex-shrink: 0;
}

.contact-icon i {
	font-size: 1.8rem;
	color: #05C46B;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.contact-details h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.contact-details p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.6;
	margin: 0;
}

.contact-details a {
	color: #05C46B;
	text-decoration: none;
	font-weight: 500;
}

.contact-details a:hover {
	text-decoration: underline;
}

/* Google Map */
.map-wrapper {
	background: #fff;
	padding: 50px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
}

.map-wrapper h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.map-container {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.map-container iframe {
	display: block;
	width: 100%;
	height: 400px;
	border: none;
}

.map-note {
	text-align: center;
	padding: 15px;
	background: #f8f9fa;
	border-radius: 8px;
}

.map-note p {
	font-size: 0.9rem;
	color: #666;
	margin: 0;
}

.map-note i {
	color: #05C46B;
	margin-right: 8px;
}

/* Additional Information */
.additional-info {
	background: #fff;
	padding: 50px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.additional-info h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 40px;
	text-align: center;
}

.info-card {
	text-align: center;
	padding: 30px 20px;
	background: #f8f9fa;
	border-radius: 10px;
	transition: all 0.3s ease;
	margin-bottom: 30px;
	height: 100%;
	border-top: 3px solid #05C46B;
}

.info-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	background: #fff;
}

.info-icon {
	margin-bottom: 20px;
}

.info-icon i {
	font-size: 2.5rem;
	color: #05C46B;
}

.info-card h4 {
	font-size: 1.3rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.info-card p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.6;
	margin: 0;
}

/* Responsive Design for Contact Page */
@media (max-width: 992px) {
	.contact.section {
		padding: 60px 0;
	}
	
	.contact-form-wrapper,
	.contact-info-wrapper,
	.map-wrapper,
	.additional-info {
		padding: 40px 30px;
	}
	
	.contact-item {
		flex-direction: column;
		text-align: center;
	}
	
	.contact-icon {
		margin-right: 0;
		margin-bottom: 15px;
	}
}

@media (max-width: 768px) {
	.contact.section {
		padding: 50px 0;
	}
	
	.contact-form-wrapper,
	.contact-info-wrapper,
	.map-wrapper,
	.additional-info {
		padding: 30px 20px;
	}
	
	.contact-form h3,
	.contact-info h3,
	.map-wrapper h3,
	.additional-info h3 {
		font-size: 1.6rem;
	}
	
	.contact-item {
		padding: 15px;
		margin-bottom: 20px;
	}
	
	.map-container iframe {
		height: 300px;
	}
	
	.info-card {
		padding: 25px 15px;
		margin-bottom: 20px;
	}
}

@media (max-width: 576px) {
	.contact-form-wrapper,
	.contact-info-wrapper,
	.map-wrapper,
	.additional-info {
		padding: 25px 15px;
	}
	
	.contact-form h3,
	.contact-info h3,
	.map-wrapper h3,
	.additional-info h3 {
		font-size: 1.4rem;
	}
	
	.form-control {
		padding: 10px 12px;
	}
	
	.btn-submit {
		padding: 10px 25px;
		font-size: 0.95rem;
	}
	
	.contact-icon i {
		font-size: 1.5rem;
		width: 35px;
		height: 35px;
	}
	
	.map-container iframe {
		height: 250px;
	}
	
	.info-icon i {
		font-size: 2rem;
	}
}

/* =====================================
	Guidelines Page Styles
========================================*/

/* Guidelines Section */
.guidelines.section {
	padding: 80px 0;
	background: #f8f9fa;
}

.guidelines-content {
	background: #fff;
	padding: 50px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

/* Introduction Section */
.intro-section {
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 30px;
}

.intro-section h3 {
	font-size: 2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
}

.intro-section p {
	font-size: 1.1rem;
	color: #666;
	line-height: 1.7;
	margin: 0;
}

/* Guidelines Section */
.guidelines-section {
	margin-bottom: 50px;
}

.guideline-item {
	background: #f8f9fa;
	border-radius: 15px;
	margin-bottom: 30px;
	overflow: hidden;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.guideline-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.guideline-header {
	background: #05C46B;
	padding: 25px 30px;
	display: flex;
	align-items: center;
	color: #fff;
}

.guideline-number {
	background: #fff;
	color: #05C46B;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: 700;
	margin-right: 20px;
	flex-shrink: 0;
}

.guideline-header h4 {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0;
	color: #fff;
}

.guideline-content {
	padding: 30px;
}

.guideline-content p {
	font-size: 1rem;
	color: #555;
	line-height: 1.7;
	margin-bottom: 20px;
}

/* Category Grid */
.category-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.category-item {
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	border: 2px solid #e1e5e9;
	transition: all 0.3s ease;
}

.category-item:hover {
	border-color: #05C46B;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(5, 196, 107, 0.2);
}

.category-item i {
	font-size: 2.5rem;
	color: #05C46B;
	margin-bottom: 15px;
	display: block;
}

.category-item h5 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.category-item p {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.5;
	margin: 0;
}

/* Preparation Steps */
.preparation-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.step-item {
	display: flex;
	align-items: flex-start;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	border-left: 4px solid #05C46B;
	transition: all 0.3s ease;
}

.step-item:hover {
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.step-icon {
	margin-right: 15px;
	flex-shrink: 0;
}

.step-icon i {
	font-size: 1.8rem;
	color: #05C46B;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f9fa;
	border-radius: 50%;
}

.step-content h5 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.step-content p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.5;
	margin: 0;
}

/* Formatting Grid */
.formatting-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 15px;
	margin-top: 20px;
}

.format-item {
	display: flex;
	align-items: center;
	background: #fff;
	padding: 15px 20px;
	border-radius: 8px;
	border: 1px solid #e1e5e9;
	transition: all 0.3s ease;
}

.format-item:hover {
	border-color: #05C46B;
	background: #f8f9fa;
}

.format-item i {
	font-size: 1.2rem;
	color: #05C46B;
	margin-right: 12px;
	width: 20px;
}

.format-item span {
	font-size: 0.95rem;
	color: #555;
}

/* Ethical Requirements */
.ethical-requirements {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.ethical-item {
	display: flex;
	align-items: flex-start;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	border-top: 3px solid #05C46B;
	transition: all 0.3s ease;
}

.ethical-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.ethical-item i {
	font-size: 1.8rem;
	color: #05C46B;
	margin-right: 15px;
	flex-shrink: 0;
}

.ethical-item h5 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.ethical-item p {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.5;
	margin: 0;
}

/* Submission Process */
.submission-process {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.process-step {
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	border: 2px solid #e1e5e9;
	transition: all 0.3s ease;
	position: relative;
}

.process-step:hover {
	border-color: #05C46B;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(5, 196, 107, 0.2);
}

.step-number {
	background: #05C46B;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0 auto 15px;
}

.step-details h5 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.step-details p {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.5;
	margin: 0;
}

.step-details a {
	color: #05C46B;
	text-decoration: none;
	font-weight: 500;
}

.step-details a:hover {
	text-decoration: underline;
}

/* Review Info */
.review-info {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

.review-feature {
	background: #fff;
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	border-top: 3px solid #05C46B;
	transition: all 0.3s ease;
}

.review-feature:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.review-feature i {
	font-size: 2.5rem;
	color: #05C46B;
	margin-bottom: 15px;
	display: block;
}

.review-feature h5 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}

.review-feature p {
	font-size: 0.9rem;
	color: #666;
	line-height: 1.5;
	margin: 0;
}

/* Contact Section */
.contact-section {
	background: #f8f9fa;
	padding: 40px;
	border-radius: 15px;
	margin-top: 40px;
	text-align: center;
}

.contact-section h3 {
	font-size: 1.8rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.contact-section p {
	font-size: 1rem;
	color: #666;
	margin-bottom: 30px;
}

.contact-details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.contact-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	border-left: 4px solid #05C46B;
	transition: all 0.3s ease;
}

.contact-item:hover {
	transform: translateX(5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-item i {
	font-size: 1.5rem;
	color: #05C46B;
	margin-right: 15px;
	flex-shrink: 0;
}

.contact-item h5 {
	font-size: 1rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.contact-item p {
	font-size: 0.9rem;
	color: #666;
	margin: 0;
}

.contact-item a {
	color: #05C46B;
	text-decoration: none;
	font-weight: 500;
}

.contact-item a:hover {
	text-decoration: underline;
}

/* Responsive Design for Guidelines Page */
@media (max-width: 992px) {
	.guidelines.section {
		padding: 60px 0;
	}
	
	.guidelines-content {
		padding: 40px 30px;
	}
	
	.guideline-header {
		padding: 20px 25px;
	}
	
	.guideline-content {
		padding: 25px;
	}
	
	.category-grid,
	.preparation-steps,
	.ethical-requirements,
	.submission-process,
	.review-info {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.guidelines.section {
		padding: 50px 0;
	}
	
	.guidelines-content {
		padding: 30px 20px;
	}
	
	.intro-section h3 {
		font-size: 1.7rem;
	}
	
	.guideline-header {
		flex-direction: column;
		text-align: center;
		padding: 20px;
	}
	
	.guideline-number {
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.guideline-header h4 {
		font-size: 1.3rem;
	}
	
	.guideline-content {
		padding: 20px;
	}
	
	.contact-section {
		padding: 30px 20px;
	}
	
	.contact-details {
		grid-template-columns: 1fr;
	}
	
	.contact-item {
		flex-direction: column;
		text-align: center;
	}
	
	.contact-item i {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

@media (max-width: 576px) {
	.guidelines-content {
		padding: 25px 15px;
	}
	
	.intro-section h3 {
		font-size: 1.5rem;
	}
	
	.guideline-number {
		width: 40px;
		height: 40px;
		font-size: 1.2rem;
	}
	
	.guideline-header h4 {
		font-size: 1.2rem;
	}
	
	.category-item,
	.step-item,
	.ethical-item,
	.process-step,
	.review-feature {
		padding: 20px 15px;
	}
	
	.contact-section {
		padding: 25px 15px;
	}
}

/* =====================================
	Editorial Board Page Styles
========================================*/

/* Editorial Board Section */
.editorial-board.section {
	padding: 80px 0;
	background: #f8f9fa;
}

.editorial-content {
	background: #fff;
	padding: 50px;
	border-radius: 15px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

/* Introduction Text */
.intro-text {
	text-align: center;
	margin-bottom: 60px;
	padding-bottom: 40px;
}

.intro-text h3 {
	font-size: 2.2rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 25px;
}

.intro-text p {
	font-size: 1.1rem;
	color: #666;
	line-height: 1.8;
	margin: 0;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* Editorial Sections */
.editorial-section {
	margin-bottom: 50px;
}

.editorial-title {
	font-size: 1.6rem;
	font-weight: 600;
	color: #05C46B;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 2px solid #05C46B;
	display: flex;
	align-items: center;
}

.editorial-title i {
	margin-right: 12px;
	font-size: 1.4rem;
}

/* Editorial Members */
.editorial-members {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	margin-top: 20px;
}

.editorial-member {
	margin-top: 20px;
}

.member-item {
	padding: 25px 0;
	border-bottom: 1px solid #e1e5e9;
}

.member-item:last-child {
	border-bottom: none;
}

.member-info,
.member-item {
	transition: all 0.3s ease;
}

.member-info:hover,
.member-item:hover {
	background: rgba(5, 196, 107, 0.05);
	border-radius: 8px;
	padding: 20px;
	margin: 0 -20px;
}

.member-name {
	font-size: 1.3rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.member-position {
	font-size: 1rem;
	font-weight: 500;
	color: #05C46B;
	margin-bottom: 8px;
}

.member-affiliation {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.6;
	margin: 0;
	font-style: italic;
}

/* Review Board */
.review-board-info p {
	font-size: 1rem;
	color: #555;
	line-height: 1.7;
	margin-bottom: 25px;
}

.specialties {
	margin-top: 20px;
}

.specialty-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.specialty-tag {
	background: #05C46B;
	color: #fff;
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: 500;
	display: inline-block;
	transition: all 0.3s ease;
}

.specialty-tag:hover {
	background: #049E55;
	transform: translateY(-2px);
}

/* Editorial Contact */
.editorial-contact {
	background: #f8f9fa;
	padding: 40px;
	border-radius: 10px;
	margin-top: 40px;
	border-left: 4px solid #05C46B;
}

.contact-title {
	font-size: 1.6rem;
	font-weight: 600;
	color: #05C46B;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.contact-title i {
	margin-right: 12px;
	font-size: 1.4rem;
}

.editorial-contact p {
	font-size: 1rem;
	color: #555;
	line-height: 1.7;
	margin-bottom: 25px;
}

.contact-info p {
	margin-bottom: 12px;
	font-size: 0.95rem;
	color: #666;
}

.contact-info strong {
	color: #333;
	font-weight: 600;
}

.contact-info a {
	color: #05C46B;
	text-decoration: none;
	font-weight: 500;
}

.contact-info a:hover {
	text-decoration: underline;
}

/* Responsive Design for Editorial Board */
@media (max-width: 992px) {
	.editorial-board.section {
		padding: 60px 0;
	}
	
	.editorial-content {
		padding: 40px 30px;
	}
	
	.editorial-members {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.intro-text h3 {
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.editorial-board.section {
		padding: 50px 0;
	}
	
	.editorial-content {
		padding: 30px 20px;
	}
	
	.intro-text {
		margin-bottom: 40px;
		padding-bottom: 30px;
	}
	
	.intro-text h3 {
		font-size: 1.8rem;
	}
	
	.intro-text p {
		font-size: 1rem;
	}
	
	.editorial-title {
		font-size: 1.4rem;
	}
	
	.member-name {
		font-size: 1.2rem;
	}
	
	.editorial-contact {
		padding: 30px 20px;
	}
	
	.contact-title {
		font-size: 1.4rem;
	}
	
	.specialty-list {
		gap: 8px;
	}
	
	.specialty-tag {
		padding: 6px 12px;
		font-size: 0.85rem;
	}
}

@media (max-width: 576px) {
	.editorial-content {
		padding: 25px 15px;
	}
	
	.intro-text h3 {
		font-size: 1.6rem;
	}
	
	.editorial-title {
		font-size: 1.3rem;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.editorial-title i {
		margin-right: 0;
		margin-bottom: 8px;
	}
	
	.member-item {
		padding: 20px 0;
	}
	
	.member-name {
		font-size: 1.1rem;
	}
	
	.editorial-contact {
		padding: 25px 15px;
	}
	
	.specialty-list {
		justify-content: center;
	}
	
	.specialty-tag {
		padding: 5px 10px;
		font-size: 0.8rem;
	}
}

  /* ===== Policy Page Styles ===== */
.policy-section {
	background: #fff;
	color: #333;
	line-height: 1.8;
	font-size: 1rem;
}

.policy-section .section-title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #05C46B;
	margin-bottom: 1.5rem;
	border-left: 5px solid #05C46B;
	padding-left: 10px;
}

.policy-heading {
	font-size: 1.2rem;
	font-weight: 600;
	color: #05C46B;
	margin-top: 2rem;
}

.policy-list {
	margin-left: 20px;
}

.policy-list li {
	margin-bottom: 8px;
}

  /* ===== Author Dashboard Styles ===== */
  .author.dashboard.section {
	  background: #fff;
	  padding: 40px 0;
	  min-height: 85vh;
  }
  
  .author.dashboard.section.dashboard-header {
	margin-bottom: 25px;
	text-align: left;
}
.author.dashboard.section.dashboard-header h2 {
	font-size: 24px;
	font-weight: 600;
	color: #333;
}
.author.dashboard.section .dashboard-header .welcome-text {
	color: #777;
	margin-top: 5px;
}
  /* Toolbar */
.author.dashboard.section   .toolbar {
            background: linear-gradient(135deg, #0a6847 0%, #05c46b 100%);
	  padding: 10px 20px;
	  border-radius: 10px;
	  margin-bottom: 25px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
  }
.author.dashboard.section   .toolbar-menu {
	  list-style: none;
	  display: flex;
	  flex-wrap: wrap;
	  gap: 15px;
	  margin: 0;
	  padding: 0;
  }
.author.dashboard.section   .toolbar-menu li a {
	  display: flex;
	  align-items: center;
	  gap: 8px;
	  color: #fff;
	  font-weight: 500;
	  text-decoration: none;
	  padding: 10px 15px;
	  border-radius: 5px;
	  transition: background 0.3s ease;
  }
.author.dashboard.section   .toolbar-menu li a:hover,
.author.dashboard.section   .toolbar-menu li.active a {
	  background: #04a65e;
  }
.author.dashboard.section   .logout-btn {
	  display: flex;
	  align-items: center;
	  gap: 8px;
	  color: #fff;
	  font-weight: 500;
	  text-decoration: none;
	  padding: 10px 15px;
	  border-radius: 5px;
	  background: rgba(255, 255, 255, 0.2);
	  transition: background 0.3s ease;
	  margin-left: auto;
  }
.author.dashboard.section   .logout-btn:hover {
	  background: rgba(255, 255, 255, 0.3);
  }
  
  /* Content */
.author.dashboard.section   .dashboard-content {
	  background: #f9f9f9;
	  padding: 30px;
	  border-radius: 10px;
	  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }
.author.dashboard.section   .tab-content { display: none; }
.author.dashboard.section   .tab-content.active { display: block; }
  
/* Table Styles */
.author.dashboard.section   .table th, .table td { vertical-align: middle; }
.author.dashboard.section   .submissions-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 20px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.author.dashboard.section   .submissions-table thead {
	background: linear-gradient(135deg, #05C46B 0%, #04a65e 100%);
	color: #fff;
}
.author.dashboard.section   .submissions-table thead th {
	padding: 15px 12px;
	font-weight: 600;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
}
.author.dashboard.section   .submissions-table tbody tr {
	transition: all 0.3s ease;
	border-bottom: 1px solid #e9ecef;
}
.author.dashboard.section   .submissions-table tbody tr:hover {
	background-color: #f8f9fa;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.author.dashboard.section   .submissions-table tbody td {
	padding: 16px 12px;
	font-size: 0.95rem;
}
.author.dashboard.section   .manuscript-title {
	color: #2c3e50;
	font-size: 1rem;
	display: block;
	margin-bottom: 4px;
}
.author.dashboard.section   .submissions-table .status-badge {
	padding: 6px 12px;
	font-size: 0.85rem;
	font-weight: 500;
	border-radius: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.author.dashboard.section   .submissions-table .action-buttons {
	display: flex;
	gap: 6px;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
/* Uniform styling for all action buttons */
.author.dashboard.section   .submissions-table .action-buttons .btn,
.author.dashboard.section   .submissions-table .action-buttons .btn-view,
.author.dashboard.section   .submissions-table .action-buttons .btn-edit,
.author.dashboard.section   .submissions-table .action-buttons .btn-primary,
.author.dashboard.section   .submissions-table .action-buttons .btn-sm {
	padding: 8px 16px;
	font-size: 0.875rem;
	border-radius: 6px;
	transition: all 0.3s ease;
	text-decoration: none;
	border: 1px solid transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 100px;
	white-space: nowrap;
	font-weight: 500;
	line-height: 1.4;
}
.author.dashboard.section   .submissions-table .action-buttons .btn-view {
	background: #3498db;
	color: #fff;
	border-color: #3498db;
}
.author.dashboard.section   .submissions-table .action-buttons .btn-view:hover {
	background: #2980b9;
	border-color: #2980b9;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(52,152,219,0.3);
}
.author.dashboard.section   .submissions-table .action-buttons .btn-edit {
	background: #27ae60;
	color: #fff;
	border-color: #27ae60;
}
.author.dashboard.section   .submissions-table .action-buttons .btn-edit:hover {
	background: #229954;
	border-color: #229954;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(39,174,96,0.3);
}
/* Ensure btn-primary in action-buttons matches the style */
.author.dashboard.section   .submissions-table .action-buttons .btn-primary {
	background: #0a6847;
	color: #fff;
	border-color: #0a6847;
}
.author.dashboard.section   .submissions-table .action-buttons .btn-primary:hover {
	background: #06402c;
	border-color: #06402c;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(10,104,71,0.3);
}
.author.dashboard.section   .table-responsive {
	border-radius: 8px;
	overflow-x: auto;
}
.author.dashboard.section   .empty-state {
	padding: 40px 20px;
}
.author.dashboard.section   .empty-state i {
	display: block;
	margin-bottom: 15px;
	opacity: 0.5;
}
.author.dashboard.section   .empty-state p {
	margin-bottom: 20px;
	font-size: 1rem;
}
/* Responsive Table Styles */
@media (max-width: 768px) {
	.author.dashboard.section   .submissions-table thead th {
		padding: 12px 8px;
		font-size: 0.8rem;
	}
	.author.dashboard.section   .submissions-table tbody td {
		padding: 12px 8px;
		font-size: 0.9rem;
	}
	.author.dashboard.section   .manuscript-title {
		font-size: 0.95rem;
	}
	.author.dashboard.section   .submissions-table .action-buttons {
		flex-direction: column;
		gap: 6px;
		width: 100%;
	}
	.author.dashboard.section   .submissions-table .action-buttons .btn,
	.author.dashboard.section   .submissions-table .action-buttons .btn-view,
	.author.dashboard.section   .submissions-table .action-buttons .btn-edit,
	.author.dashboard.section   .submissions-table .action-buttons .btn-primary {
		width: 100%;
		min-width: auto;
		justify-content: center;
	}
}
/* Author Manuscript Modal Styles */
.author-manuscript-modal-dialog {
    max-width: 95%;
    width: 1200px;
}

@media (min-width: 1400px) {
    .author-manuscript-modal-dialog {
        max-width: 1400px;
    }
}

.author-manuscript-modal {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.author-modal-header {
    background: linear-gradient(135deg, #0a6847 0%, #05c46b 100%);
    color: #ffffff;
    border-bottom: none;
    padding: 24px 30px;
}

.author-modal-header .modal-icon-wrapper {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.author-modal-header .modal-title {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5rem;
}

.author-modal-header .text-muted {
    color: rgba(255, 255, 255, 0.85) !important;
}

.author-modal-header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.author-modal-header .btn-close:hover {
    opacity: 1;
}

.author-modal-body {
    padding: 30px;
    background: #f8f9fa;
}

.manuscript-detail-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.manuscript-detail-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.manuscript-title-card {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-left: 4px solid #0a6847;
}

.manuscript-reviews-card {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
}

.review-comments-display {
    background: #ffffff;
    padding: 12px 15px;
    border-radius: 8px;
    border-left: 3px solid #0a6847;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #495057;
    max-width: 400px;
    max-height: 200px;
    overflow-y: auto;
    word-wrap: break-word;
    white-space: pre-wrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.review-comments-display::-webkit-scrollbar {
    width: 6px;
}

.review-comments-display::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.review-comments-display::-webkit-scrollbar-thumb {
    background: #0a6847;
    border-radius: 4px;
}

.review-comments-display::-webkit-scrollbar-thumb:hover {
    background: #05c46b;
}

.detail-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #0a6847 0%, #05c46b 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.25rem;
    flex-shrink: 0;
    box-shadow: 0 4px 8px rgba(10, 104, 71, 0.2);
}

.detail-content {
    flex: 1;
}

.detail-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    margin-bottom: 8px;
}

.detail-value {
    font-size: 1rem;
    color: #212529;
    line-height: 1.6;
    word-wrap: break-word;
}

.manuscript-title-card .detail-value {
    font-size: 1.25rem;
    font-weight: 600;
    color: #0a6847;
    line-height: 1.5;
}

.detail-text {
    font-size: 0.95rem;
    color: #495057;
    line-height: 1.8;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.manuscript-cover-image {
    max-width: 100%;
    max-height: 300px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

.btn-download-file {
    margin-top: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-download-file:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(10, 104, 71, 0.3);
}

.author-modal-footer {
    background: #ffffff;
    border-top: 1px solid #e9ecef;
    padding: 20px 30px;
}

.author-modal-footer .btn {
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 500;
    min-width: 120px;
}

/* Reviews table styling in modal */
#view_manuscript_reviews .table {
    margin-top: 15px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

#view_manuscript_reviews .table thead {
    background: #f8f9fa;
}

#view_manuscript_reviews .table thead th {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 12px 15px;
    border-bottom: 2px solid #dee2e6;
}

#view_manuscript_reviews .table tbody td {
    padding: 15px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f3f5;
}

#view_manuscript_reviews .table tbody tr:last-child td {
    border-bottom: none;
}

#view_manuscript_reviews .table tbody tr:hover {
    background: #f8f9fa;
}

@media (max-width: 768px) {
    .author-modal-body {
        padding: 20px;
    }
    
    .manuscript-detail-card {
        flex-direction: column;
        gap: 15px;
    }
    
    .detail-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .author-modal-header {
        padding: 20px;
    }
    
    .author-modal-header .modal-icon-wrapper {
        width: 40px;
        height: 40px;
        font-size: 1.25rem;
    }
}

/* Profile Form Styles */
.author.dashboard.section   .profile-header {
	border-bottom: 2px solid #e9ecef;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.author.dashboard.section   .profile-header h3 {
	color: #2c3e50;
	font-size: 1.5rem;
	margin-bottom: 5px;
}
.author.dashboard.section   .profile-header h3 i {
	color: #05C46B;
	margin-right: 10px;
}
.author.dashboard.section   .profile-form-wrapper {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.author.dashboard.section   .profile-form .form-group {
	margin-bottom: 20px;
}
.author.dashboard.section   .profile-form label {
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 8px;
	display: block;
}
.author.dashboard.section   .profile-form label i {
	color: #05C46B;
	margin-right: 8px;
	width: 20px;
}
.author.dashboard.section   .profile-form .form-control {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 0.95rem;
	transition: all 0.3s ease;
}
.author.dashboard.section   .profile-form .form-control:focus {
	border-color: #05C46B;
	outline: none;
	box-shadow: 0 0 0 3px rgba(5, 196, 107, 0.1);
}
.author.dashboard.section   .profile-form .form-text {
	font-size: 0.85rem;
	margin-top: 5px;
}
.author.dashboard.section   .profile-form .text-danger {
	color: #e74c3c;
}
.author.dashboard.section   .form-row {
	display: flex;
	gap: 20px;
	margin-bottom: 0;
}
.author.dashboard.section   .form-row .form-group {
	flex: 1;
	margin-bottom: 20px;
}
.author.dashboard.section   .form-actions {
	display: flex;
	gap: 15px;
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #e9ecef;
}
.author.dashboard.section   .btn-save {
	background: linear-gradient(135deg, #05C46B 0%, #04a65e 100%);
	color: #fff;
	padding: 12px 30px;
	border: none;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.author.dashboard.section   .btn-save:hover {
	background: linear-gradient(135deg, #04a65e 0%, #039e57 100%);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(5, 196, 107, 0.3);
	color: #fff;
}
.author.dashboard.section   .btn-reset {
	background: #fff;
	color: #6c757d;
	padding: 12px 30px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.author.dashboard.section   .btn-reset:hover {
	background: #f8f9fa;
	border-color: #bbb;
	color: #495057;
}
@media (max-width: 768px) {
	.author.dashboard.section   .form-row {
		flex-direction: column;
		gap: 0;
	}
	.author.dashboard.section   .form-actions {
		flex-direction: column;
	}
	.author.dashboard.section   .btn-save,
	.author.dashboard.section   .btn-reset {
		width: 100%;
		justify-content: center;
	}
	.author.dashboard.section   .profile-form-wrapper {
		padding: 20px;
	}
}
.author.dashboard.section   .notification-list { list-style: none; padding: 0; }
.author.dashboard.section   .notification-list li {
	  padding: 10px;
	  border-bottom: 1px solid #ddd;
  }
.author.dashboard.section   .notification-list li i {
	  color: #05C46B;
	  margin-right: 8px;
  }
.author.dashboard.section   .notification-list .time {
	  float: right;
	  color: #999;
	  font-size: 13px;
  }

/* ===== Reviewer Dashboard (Unique Styles Only) ===== */

.reviewer-dashboard .toolbar {
	background: linear-gradient(135deg, #0a6847 0%, #05c46b 100%);
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.reviewer-dashboard .toolbar-nav,
.reviewer-dashboard .toolbar-menu {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	gap: 15px;
}

.reviewer-dashboard .toolbar-nav li,
.reviewer-dashboard .toolbar-menu li {
	color: #fff;
	padding: 5px;
	margin-right: 10px;
	cursor: pointer;
	font-weight: 500;
	border-radius: 4px;
	transition: background 0.3s ease;
}

.reviewer-dashboard .toolbar-menu li a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	padding: 5px;
}

.reviewer-dashboard .toolbar-nav li:hover,
.reviewer-dashboard .toolbar-nav li.active,
.reviewer-dashboard .toolbar-menu li:hover,
.reviewer-dashboard .toolbar-menu li.active {
	background: rgba(255, 255, 255, 0.32);
    transform: translateY(-3px);
}

.reviewer-dashboard .toolbar-menu li.active a {
	color: #fff;
}
.reviewer-dashboard .logout-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.2);
	transition: background 0.3s ease;
	margin-left: auto;
}
.reviewer-dashboard .logout-btn:hover {
	background: rgba(255, 255, 255, 0.3);
}

.reviewer-dashboard .tab-content {
	background: #f9f9f9;
	padding: 25px;
	border-radius: 6px;
}

.reviewer-dashboard .tab-pane {
	display: none;
}

.reviewer-dashboard .tab-pane.active {
	display: block;
}

.reviewer-dashboard .stats-grid {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 15px;
}

.reviewer-dashboard .stat-card {
	flex: 1;
	background: #f4f4f4;
	border-radius: 6px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.reviewer-dashboard .table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}

.reviewer-dashboard .table th,
.reviewer-dashboard .table td {
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 0.95rem;
}

.reviewer-dashboard .table th {
	background: #05C46B;
	color: white;
}

.reviewer-dashboard .btn-success {
	background: #05C46B;
}

.reviewer-dashboard .btn-primary {
	background: #05C46B;
}

.reviewer-dashboard .form-group {
	margin-bottom: 15px;
}

/* Additional reviewer dashboard styles to match author dashboard */
.reviewer-dashboard,
.reviewer-dashboard.dashboard-section {
	background: #fff;
	padding: 40px 0;
	min-height: 85vh;
}

.reviewer-dashboard .dashboard-header {
	margin-bottom: 25px;
	text-align: left;
}

.reviewer-dashboard .dashboard-header h2 {
	font-size: 24px;
	font-weight: 600;
	color: #333;
}

.reviewer-dashboard .dashboard-header .welcome-text {
	color: #777;
	margin-top: 5px;
}

.reviewer-dashboard .dashboard-content {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.reviewer-dashboard .tab-content {
	display: none;
	background: transparent;
	padding: 0;
	border-radius: 0;
}

.reviewer-dashboard .tab-content.active {
	display: block;
}

.reviewer-dashboard .manuscript-summary {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-bottom: 20px;
}

.reviewer-dashboard .meta-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.reviewer-dashboard .meta-card i {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #05C46B;
	font-size: 18px;
}

.reviewer-dashboard .meta-card .label {
	font-size: 0.8rem;
	color: #6c757d;
	margin-bottom: 2px;
}

.reviewer-dashboard .meta-card .value {
	font-weight: 700;
	color: #2c3e50;
	font-size: 1.05rem;
}

.reviewer-dashboard .data-table,
.reviewer-dashboard .submissions-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 15px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.reviewer-dashboard .data-table thead,
.reviewer-dashboard .submissions-table thead {
	background: linear-gradient(135deg, #05C46B 0%, #04a65e 100%);
	color: #fff;
}

.reviewer-dashboard .data-table th,
.reviewer-dashboard .data-table td,
.reviewer-dashboard .submissions-table th,
.reviewer-dashboard .submissions-table td {
	padding: 16px;
	font-size: 1rem;
	text-align: left;
	border-bottom: 1px solid #e9ecef;
	vertical-align: middle;
}

.reviewer-dashboard .data-table th,
.reviewer-dashboard .submissions-table th {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 0.85rem;
	color: white;
	border: none;
}

.reviewer-dashboard .data-table tbody tr,
.reviewer-dashboard .submissions-table tbody tr {
	transition: all 0.3s ease;
}

.reviewer-dashboard .data-table tbody tr:hover,
.reviewer-dashboard .submissions-table tbody tr:hover {
	background-color: #f8f9fa;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.reviewer-dashboard .submissions-table .manuscript-title {
	color: #2c3e50;
	font-size: 1.05rem;
	display: block;
	margin-bottom: 6px;
}

.reviewer-dashboard .btn-sm {
	border: none;
	padding: 6px 14px;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	font-size: 0.85rem;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.reviewer-dashboard .btn-view {
	background: #6c757d;
	border-color: #6c757d;
}

.reviewer-dashboard .btn-view:hover {
	background: #5a6268;
	border-color: #545b62;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
	color: #fff;
}

.reviewer-dashboard .btn-assign {
	background: #05C46B;
}

.reviewer-dashboard .btn-assign:hover {
	background: #04a65e;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(5,196,107,0.3);
	color: #fff;
}

.reviewer-dashboard .action-buttons {
	display: flex;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap;
}

.reviewer-dashboard .profile-header {
	margin-bottom: 20px;
}

.reviewer-dashboard .profile-header h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.reviewer-dashboard .profile-header h3 i {
	margin-right: 8px;
	color: #05C46B;
}

.reviewer-dashboard .profile-form-wrapper {
	background: #fff;
	border-radius: 10px;
	padding: 25px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.reviewer-dashboard .profile-form .form-group {
	margin-bottom: 20px;
}

.reviewer-dashboard .profile-form label {
	font-weight: 500;
	color: #333;
	margin-bottom: 8px;
	display: block;
}

.reviewer-dashboard .profile-form label i {
	margin-right: 8px;
	color: #05C46B;
}

.reviewer-dashboard .profile-form .form-control {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 15px;
	transition: border-color 0.3s ease;
}

.reviewer-dashboard .profile-form .form-control:focus {
	border-color: #05C46B;
	outline: none;
	box-shadow: 0 0 0 3px rgba(5,196,107,0.1);
}

.reviewer-dashboard .form-actions {
	display: flex;
	gap: 15px;
	margin-top: 25px;
}

.reviewer-dashboard .btn-save {
	background: #05C46B;
	color: #fff;
	border: none;
	padding: 12px 30px;
	border-radius: 6px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
}

.reviewer-dashboard .btn-save:hover {
	background: #04a65e;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(5,196,107,0.3);
}

.reviewer-dashboard .btn-reset {
	background: #6c757d;
	color: #fff;
	border: none;
	padding: 12px 30px;
	border-radius: 6px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
}

.reviewer-dashboard .btn-reset:hover {
	background: #5a6268;
	transform: translateY(-2px);
}

.reviewer-dashboard .empty-state {
	text-align: center;
	padding: 40px 20px;
}

.reviewer-dashboard .empty-state i {
	color: #ccc;
	margin-bottom: 15px;
}

.reviewer-dashboard .empty-state p {
	color: #777;
	margin: 0;
}

.reviewer-dashboard .recent-activity {
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	margin-top: 20px;
}

.reviewer-dashboard .recent-activity h6 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;
}

.reviewer-dashboard .recent-activity ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.reviewer-dashboard .recent-activity ul li {
	padding: 12px 0;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	gap: 12px;
}

.reviewer-dashboard .recent-activity ul li:last-child {
	border-bottom: none;
}

.reviewer-dashboard .recent-activity ul li i {
	color: #05C46B;
	font-size: 16px;
}

.reviewer-dashboard .recent-activity ul li .time {
	color: #999;
	font-size: 13px;
	margin-left: auto;
}

.reviewer-dashboard .badge {
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 0.85rem;
	font-weight: 500;
}

.reviewer-dashboard .text-center {
	text-align: center;
}

.reviewer-dashboard .text-muted {
	color: #6c757d;
}

.reviewer-dashboard .table-responsive {
    overflow-x: auto;
}

/* Message Sub-Tabs */
.reviewer-dashboard .nav-tabs {
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 20px;
}

.reviewer-dashboard .nav-tabs .nav-item {
    margin-bottom: -2px;
}

.reviewer-dashboard .nav-tabs .nav-link {
    color: #6c757d;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 20px;
    background: transparent;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviewer-dashboard .nav-tabs .nav-link:hover {
    color: #05C46B;
    border-bottom-color: #05C46B;
    background: rgba(5, 196, 107, 0.05);
}

.reviewer-dashboard .nav-tabs .nav-link.active {
    color: #05C46B;
    border-bottom-color: #05C46B;
    background: rgba(5, 196, 107, 0.05);
    font-weight: 600;
}

.reviewer-dashboard .nav-tabs .nav-link .badge {
    margin-left: 5px;
}

.reviewer-dashboard .message-subtab {
    display: none;
}

.reviewer-dashboard .message-subtab.active {
    display: block;
}
/* ===== Editor Dashboard (Unique Styles Only) ===== */

.editor-dashboard-layout {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.editor-dashboard-main {
	flex: 1 1 auto;
	min-width: 0;
}

.editor-dashboard-toolbar {
	flex: 0 0 260px;
}

.editor-dashboard .toolbar {
	background: #ffffff;
	border-radius: 18px;
	padding: 24px 20px;
	box-shadow: 0 14px 40px rgba(10, 104, 71, 0.12);
	border: 1px solid rgba(10, 104, 71, 0.12);
	display: flex;
	flex-direction: column;
	gap: 28px;
	position: sticky;
	top: 96px;
}

.editor-dashboard .toolbar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.editor-dashboard .toolbar-nav li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-radius: 12px;
	cursor: pointer;
	font-weight: 600;
	color: #0a6847;
	background: #f2f8f5;
	transition: all 0.25s ease;
}

.editor-dashboard .toolbar-nav li i {
	width: 22px;
	text-align: center;
	font-size: 1rem;
}

.editor-dashboard .toolbar-nav li:hover,
.editor-dashboard .toolbar-nav li.active {
	background: #0a6847;
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(10, 104, 71, 0.25);
}

.editor-dashboard .toolbar-nav li:hover i,
.editor-dashboard .toolbar-nav li.active i {
	color: #ffffff;
}

.editor-dashboard .logout-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 12px;
	background: #ffefe9;
	color: #d35400;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.25s ease, color 0.25s ease;
}

.editor-dashboard .logout-btn:hover {
	background: #d35400;
	color: #ffffff;
}

@media (max-width: 1100px) {
	.editor-dashboard-layout {
		flex-direction: column;
	}

	.editor-dashboard-toolbar {
		width: 100%;
	}

	.editor-dashboard .toolbar {
		position: static;
	}
}

@media (max-width: 640px) {
	.editor-dashboard .toolbar {
		padding: 20px;
	}

	.editor-dashboard .toolbar-nav li {
		padding: 10px 12px;
	}
}

.editor-dashboard .tab-content {
	background: #f9f9f9;
	padding: 25px;
	border-radius: 6px;
}

.editor-dashboard .tab-content:not(.active) {
	display: none;
}

.editor-dashboard .stats-grid,
.editor-dashboard .reports-grid {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 15px;
}

.editor-dashboard .card {
	flex: 1;
	background: #f4f4f4;
	border-radius: 6px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.editor-dashboard .card h6{
	color: #05C46B;
	margin-bottom: 10px;
}

.editor-dashboard .data-table,
.editor-dashboard .submissions-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 15px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.editor-dashboard .data-table thead,
.editor-dashboard .submissions-table thead {
	background: linear-gradient(135deg, #05C46B 0%, #04a65e 100%);
	color: #fff;
}

.editor-dashboard .data-table th,
.editor-dashboard .data-table td,
.editor-dashboard .submissions-table th,
.editor-dashboard .submissions-table td {
	padding: 16px;
	font-size: 1rem;
	text-align: left;
	border-bottom: 1px solid #e9ecef;
	vertical-align: middle;
}

.editor-dashboard .data-table th,
.editor-dashboard .submissions-table th {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 0.85rem;
	color: white;
	border: none;
}

.editor-dashboard .data-table tbody tr,
.editor-dashboard .submissions-table tbody tr {
	transition: all 0.3s ease;
}

.editor-dashboard .data-table tbody tr:hover,
.editor-dashboard .submissions-table tbody tr:hover {
	background-color: #f8f9fa;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.editor-dashboard .submissions-table .manuscript-title {
	color: #2c3e50;
	font-size: 1.05rem;
	display: block;
	margin-bottom: 6px;
}

.editor-dashboard .btn-assign,
.editor-dashboard .btn-view {
	border: none;
	padding: 6px 14px;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	font-size: 0.85rem;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.editor-dashboard .btn-assign {
	background: #05C46B;
}

.editor-dashboard .btn-assign:hover {
	background: #04a65e;
	transform: translateY(-2px);
	box-shadow: 0 2px 4px rgba(5,196,107,0.3);
	color: #fff;
}

.editor-dashboard .btn-view {
    background: #6c757d;
    border-color: #6c757d;
}

.editor-dashboard .btn-view:hover {
    background: #5a6268;
    border-color: #545b62;
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    color: #fff;
}

.editor-dashboard .btn-info {
    background: #6c757d;
    border-color: #6c757d;
}

.editor-dashboard .btn-info:hover {
    background: #5a6268;
    border-color: #545b62;
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    color: #fff;
}

.editor-dashboard .action-buttons {
	display: flex;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap;
}

/* ===== Editor - Manuscript Details Enhancements ===== */
.editor-dashboard .manuscript-summary {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 20px;
}

.editor-dashboard .meta-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.editor-dashboard .meta-card i {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #05C46B;
}

.editor-dashboard .meta-card .label {
	font-size: 0.8rem;
	color: #6c757d;
	margin-bottom: 2px;
}

.editor-dashboard .meta-card .value {
	font-weight: 700;
	color: #2c3e50;
	font-size: 1.05rem;
}

.editor-dashboard .sticky-actions {
	position: sticky;
	top: 12px;
	z-index: 3;
	background: #f8fafb;
	border: 1px solid #eef2f4;
	border-radius: 10px;
	padding: 12px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
	margin-bottom: 20px;
}

.editor-dashboard .sticky-actions .btn {
	margin-right: 8px;
}

.editor-dashboard .profile-form-wrapper h4 {
	color: #2c3e50;
	font-weight: 700;
}

/* Page background & section separation for Editor pages */
.editor-dashboard,
.dashboard-section {
	background: linear-gradient(180deg, #f6faf8 0%, #f7f9fc 100%);
}

.editor-dashboard .profile-form-wrapper,
.dashboard-section .profile-form-wrapper {
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #e9eef3;
	box-shadow: 0 6px 14px rgba(18,38,63,0.06);
	padding: 24px;
	position: relative;
}

/* Colored accent bar for sections */
.editor-dashboard .profile-form-wrapper::before,
.dashboard-section .profile-form-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	background: #05C46B;
}

/* Alternate subtle backgrounds to distinguish sections */
.editor-dashboard .profile-form-wrapper:nth-of-type(even),
.dashboard-section .profile-form-wrapper:nth-of-type(even) {
	background: #fbfeff;
}

.editor-dashboard .profile-form-wrapper h4,
.dashboard-section .profile-form-wrapper h4 {
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 2px solid #eef2f6;
}

/* Strengthen table zebra striping within editor pages */
.editor-dashboard table.table tr:nth-child(odd),
.dashboard-section table.table tr:nth-child(odd) {
	background-color: #fbfcfe;
}
.editor-dashboard table.table tr:hover,
.dashboard-section table.table tr:hover {
	background-color: #f1f6ff;
}
.editor-dashboard table.table thead tr,
.dashboard-section table.table thead tr {
	background: linear-gradient(135deg, #05C46B 0%, #04a65e 100%);
	color: #fff;
}

/* Colorful icons for summary cards */
.editor-dashboard .manuscript-summary .meta-card:nth-child(1) i {
	background: linear-gradient(135deg, #05C46B, #04a65e);
}
.editor-dashboard .manuscript-summary .meta-card:nth-child(2) i {
	background: linear-gradient(135deg, #3498db, #2e86c1);
}
.editor-dashboard .manuscript-summary .meta-card:nth-child(3) i {
	background: linear-gradient(135deg, #9b59b6, #8e44ad);
}
.editor-dashboard .manuscript-summary .meta-card:nth-child(4) i {
	background: linear-gradient(135deg, #f39c12, #e67e22);
}

/* Improve labels within info blocks */
.editor-dashboard .form-control-plaintext,
.dashboard-section .form-control-plaintext {
	color: #2f3b52;
	background: transparent;
	padding-left: 0;
}

/* Badges slight elevation */
.editor-dashboard .badge,
.dashboard-section .badge {
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.editor-dashboard .info-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.editor-dashboard .info-list li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px dashed #e9ecef;
}

.editor-dashboard .info-list li:last-child {
	border-bottom: 0;
}

@media (max-width: 992px) {
	.editor-dashboard .manuscript-summary {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.editor-dashboard .manuscript-summary {
		grid-template-columns: 1fr;
	}
}

.editor-dashboard .filter-bar {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	align-items: center;
	flex-wrap: wrap;
}

.editor-dashboard .search-input {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	flex: 1;
	min-width: 200px;
}

.editor-dashboard .filter-bar select {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.editor-dashboard h2 {
	margin-bottom: 15px;
	color: #333;
	font-size: 1.5rem;
	font-weight: 600;
}

.editor-dashboard .form-group {
	margin-bottom: 15px;
}

/* ===== Editor Dashboard - Enhanced ===== */

.editor-dashboard .dashboard-header {
	margin-bottom: 20px;
}

.editor-dashboard .dashboard-header .subtext {
	color: #666;
	font-size: 0.95rem;
	margin-top: 5px;
}

.editor-dashboard .card i {
	display: block;
	color: #05C46B;
	margin-bottom: 8px;
}

.editor-dashboard .stat-value {
	font-size: 1.6rem;
	font-weight: 700;
	color: #333;
}

.editor-dashboard .quick-actions {
	margin-top: 30px;
	background: #f9f9f9;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.editor-dashboard .quick-actions h6{
	margin-bottom: 10px;
}

.editor-dashboard .action-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.editor-dashboard .recent-activity {
	margin-top: 30px;
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.editor-dashboard .recent-activity h6{
	margin-bottom: 15px;
}

.editor-dashboard .recent-activity ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.editor-dashboard .recent-activity ul li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	font-size: 0.95rem;
	color: #444;
}

.editor-dashboard .recent-activity ul li i {
	color: #05C46B;
	margin-right: 8px;
}

.editor-dashboard .latest-manuscripts {
	margin-top: 30px;
}

.editor-dashboard .subtext {
	color: #666;
	font-size: 0.95rem;
	margin-bottom: 10px;
}

.editor-dashboard .filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}

.editor-dashboard .filter-bar input,
.editor-dashboard .filter-bar select {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline: none;
}

.editor-dashboard .badge {
	padding: 4px 8px;
	border-radius: 4px;
	color: #fff;
	font-size: 0.8rem;
	font-weight: 500;
}

.editor-dashboard .badge.pending { background: #ffc107; }
.editor-dashboard .badge.under { background: #17a2b8; }
.editor-dashboard .badge.reviewed { background: #28a745; }
.editor-dashboard .badge.active { background: #05C46B; }
.editor-dashboard .badge.busy { background: #fd7e14; }
.editor-dashboard .badge.available { background: #6c63ff; }

.editor-dashboard .reports-grid .card {
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

/* =====================================
   Auth Pages (Login / Register / Forgot)
   Matches site brand: #0a6847 / #05C46B
===================================== */
.login-container,
.register-container,
.forgot-container {
    max-width: 1000px;
    margin: 40px auto;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    overflow: hidden;
    padding: 0; /* works with .row.g-0 */
}

.login-left,
.register-left,
.forgot-left {
    background: linear-gradient(135deg, #0a6847 0%, #05C46B 100%);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 32px;
    min-height: 320px;
}

.login-left h2,
.register-left h2,
.forgot-left h2 {
    font-family: 'Merriweather', Georgia, serif;
    font-weight: 700;
    margin-bottom: 10px;
}

.login-left p,
.register-left p,
.forgot-left p {
    opacity: 0.95;
    line-height: 1.6;
    margin: 0;
}

.login-right,
.register-right,
.forgot-right {
    padding: 48px 32px;
}

/* Inputs inherit Bootstrap; add subtle focus ring matching brand */
.login-right .form-control,
.register-right .form-control,
.forgot-right .form-control {
    border: 2px solid #e9ecef;
    border-radius: 10px;
    padding: 12px 14px;
}

.login-right .form-control:focus,
.register-right .form-control:focus,
.forgot-right .form-control:focus {
    border-color: #0a6847;
    box-shadow: 0 0 0 3px rgba(10,104,71,0.12);
}

/* Brand buttons */
.btn-login,
.btn-register,
.btn-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border: 0;
    border-radius: 10px;
    padding: 14px 18px;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(135deg, #0a6847 0%, #05C46B 100%);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.btn-login:hover,
.btn-register:hover,
.btn-reset:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(10,104,71,0.25);
    color: #ffffff;
}

.btn-login:active,
.btn-register:active,
.btn-reset:active {
    transform: translateY(0);
}

/* Secondary text links */
.register-link,
.login-link {
    text-align: center;
    color: #666;
}

.register-link a,
.login-link a,
.forgot-password {
    color: #0a6847;
    text-decoration: none;
    font-weight: 600;
}

.register-link a:hover,
.login-link a:hover,
.forgot-password:hover {
    color: #05C46B;
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .login-left,
    .register-left,
    .forgot-left {
        padding: 40px 24px;
    }

    .login-right,
    .register-right,
    .forgot-right {
        padding: 32px 24px;
    }
}

@media (max-width: 575.98px) {
    .login-container,
    .register-container,
    .forgot-container {
        margin: 16px;
        border-radius: 12px;
    }

    .login-right,
    .register-right,
    .forgot-right {
        padding: 24px 20px;
    }

    .login-left,
    .register-left,
    .forgot-left {
        padding: 30px 20px;
        min-height: auto;
    }

    .login-right h3,
    .register-right h3 {
        font-size: 24px !important;
    }

    .login-left h2,
    .register-left h2,
    .forgot-left h2 {
        font-size: 24px;
    }

    .auth-icon-wrapper {
        font-size: 48px;
        margin-bottom: 16px;
    }

    .auth-features {
        margin-top: 20px;
    }

    .feature-item {
        font-size: 0.85rem;
        padding: 8px 0;
    }

    .form-control {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 12px;
    }

    .mb-3.d-flex {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }

    .forgot-password {
        font-size: 14px;
    }

    .btn-login,
    .btn-register,
    .btn-reset {
        padding: 14px 18px;
        font-size: 16px;
        min-height: 48px; /* Touch-friendly */
    }
}
/* Auth page icon wrapper */
.auth-icon-wrapper {
    font-size: 64px;
    margin-bottom: 24px;
    opacity: 0.9;
}

.auth-icon-wrapper i {
    color: #ffffff;
}

/* Auth features list */
.auth-features {
    margin-top: 32px;
    width: 100%;
    max-width: 280px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    color: #ffffff;
    opacity: 0.95;
    font-size: 0.95rem;
}

.feature-item i {
    font-size: 1.2rem;
    width: 24px;
    text-align: center;
    opacity: 0.9;
}

.feature-item span {
    font-weight: 500;
}

/* Responsive adjustments for auth features */
@media (max-width: 991.98px) {
    .auth-icon-wrapper {
        font-size: 48px;
        margin-bottom: 20px;
    }

    .auth-features {
        margin-top: 24px;
        max-width: 100%;
    }
}