#target,
#target p {
	color: rgb(2 50 86)
}

.animate-icon .animate-icon-horizontal,
.animate-icon .animate-icon-vertical {
	transform: translate3d(0, 0, 0);
	vertical-align: middle;
	position: relative;
	text-align: center;
	overflow: hidden
}

#target,
.owl-carousel .owl-nav button.owl-next {
	right: 0
}

.j_mr_info,
.whatsapp ul {
	list-style: none
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../../journals/fonts/Proxima-Nova/Proxima-Nova-Regular.woff2') format('woff2'),
		 url('../../journals/fonts/Proxima-Nova/Proxima-Nova-Regular.woff') format('woff'),
		 url('../../journals/fonts/Proxima-Nova/Proxima-Nova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  
  body {
	font-family: 'Proxima Nova', sans-serif !important;
  }
.bg-primary {
	background: rgb(2,0,36);
}

nav.navbar.navbar-expand-lg.navbar-dark.bg-primary.p-0 {
	background: #2073d6 !important;
	border: 2px solid #000;
}

.bg-warning {
	background-color: #ffca28 !important
}

.text-warning {
	color: #ffca28 !important
}

#navbarJrnlMain .navbar-nav .nav-link,
.btn-link,
a {
	color: #023256
}

span.btn-title.sub_manu_title:hover {
    color: #fff;
}

.text-primary {
	color: #023256 !important
}

.cu-a-color {
	color: #00f
}

#target .txtspan {
	color: rgb(14 175 226)
}

#target {
	font: 15px arial;
	padding: 10px 5px;
	margin: 10px;
	width: 100px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #fff;
	text-align: center;
	box-shadow: 0 0 3px #000;
	z-index: 2000;
	top: 440px
}

#target a {
	text-decoration: none;
	margin: 0 3px
}

#target p {
	font-size: 13px;
	font-weight: 600
}

.a_icon {
	background: rgb(2 50 86);
	text-align: center;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 5px
}

.a_icon_1 {
	background: #f16725
}

.a_icon span .fa {
	font-size: 30px;
	color: #fff
}

.a_icon p {
	color: #fff;
	padding: 6px 0
}

.animate-icon .animate-icon-horizontal {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #858585;
	border-radius: 50%
}

.animate-icon .animate-icon-bottom-to-top:first-child,
.animate-icon .animate-icon-left-to-right:first-child,
.animate-icon:hover .animate-icon-bottom-to-top:last-child,
.animate-icon:hover .animate-icon-left-to-right:last-child {
	transform: translate(0, 0)
}

.animate-icon .animate-icon-horizontal-wrap {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	padding: .75rem
}

.animate-icon .animate-icon-left-to-right:last-child {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transform: translate(-100%, 0)
}

.animate-icon:hover .animate-icon-left-to-right:first-child {
	transform: translate(100%, 0)
}

.animate-icon .animate-icon-vertical {
	display: inline-block
}

.animate-icon .animate-icon-vertical-wrap {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	padding: 1rem
}

.animate-icon .animate-icon-bottom-to-top:last-child {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	transform: translate(0, -100%)
}

.animate-icon:hover .animate-icon-bottom-to-top:first-child {
	transform: translate(0, 100%)
}

.bootstrap-select>.dropdown-toggle {
	border: 1px solid #ced4da;
	background-color: #fff
}

.megamenu {
	position: static
}

#navbarMain .navbar-nav .nav-link,
.whatsapp ul li a {
	color: #fff
}
#navbarMain .navbar-nav .nav-link{
    padding: 15px 0px;
    border-left: 1px dashed #b3b3b3;
    border-right: 1px dashed #9d9d9d;
}
#navbarJrnl .navbar-nav .nav-link,
#navbarMain .navbar-nav .nav-link:focus,
#navbarMain .navbar-nav .nav-link:hover,
.cd-top {
	color: #efd822;
}

#navbarMain .dropdown-menu {
	position: absolute;
	background-color: #f9f9f9;
	left: 0;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
}

@media (min-width:992px) {
	#navbarMain .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem
	}

	#navbarJrnl .navbar-nav .nav-link {
		padding-right: .7rem;
		padding-left: .7rem
	}
}

#carouselHome .carousel-item {
	background-position: center;
	background-size: cover;
	min-height: 50vh
}

#carouselHome .carousel-caption {
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	bottom: 20%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center
}

.owl-carousel .owl-nav {
	top: 50%;
	position: absolute;
	width: 100%;
	margin-top: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 50px;
	outline: 0;
	margin: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.owl-carousel .owl-nav button.owl-prev {
	left: 0
}

.owl-carousel .owl-nav button[class*=owl-] {
	background-color: #023256;
	border-color: #023256;
	color: #ffca28
}

.col:first-of-type .subject,
.owl-item:first-of-type .subject,
.subject,
[class*=col-]:first-of-type .subject {
	background-color: #5b7e13;
}

.subject .card-header {
	border-top: 8px solid rgb(75 101 27);
	border-bottom: 8px solid rgb(75 101 27);
}

.subject .card-body {
	opacity: 0.7;
}

.col:nth-of-type(2) .subject,
.owl-item:nth-of-type(2) .subject,
[class*=col-]:nth-of-type(2) .subject {
	background-color: #a26fb0
}

.col:nth-of-type(3) .subject,
.owl-item:nth-of-type(3) .subject,
[class*=col-]:nth-of-type(3) .subject {
	background-color: #a35061
}

.col:nth-of-type(4) .subject,
.owl-item:nth-of-type(4) .subject,
[class*=col-]:nth-of-type(4) .subject {
	background-color: #78a472
}

.col:nth-of-type(5) .subject,
.owl-item:nth-of-type(5) .subject,
[class*=col-]:nth-of-type(5) .subject {
	background-color: #22bced
}

.col:nth-of-type(6) .subject,
.owl-item:nth-of-type(6) .subject,
[class*=col-]:nth-of-type(6) .subject {
	background-color: #645eaa
}

.col:nth-of-type(7) .subject,
.owl-item:nth-of-type(7) .subject,
[class*=col-]:nth-of-type(7) .subject {
	background-color: #577a7b
}

.col:nth-of-type(8) .subject,
.owl-item:nth-of-type(8) .subject,
[class*=col-]:nth-of-type(8) .subject {
	background-color: #627bb3
}

.col:nth-of-type(9) .subject,
.owl-item:nth-of-type(9) .subject,
[class*=col-]:nth-of-type(9) .subject {
	background-color: #ad6e29
}

.col:nth-of-type(10) .subject,
.owl-item:nth-of-type(10) .subject,
[class*=col-]:nth-of-type(10) .subject {
	background-color: #778288
}

.col:nth-of-type(11) .subject,
.owl-item:nth-of-type(11) .subject,
[class*=col-]:nth-of-type(11) .subject {
	background-color: #8bc34a
}

.subject img {
	opacity: .7;
	max-height: 5vh
}

[data-toggle=collapse]::before {
	content: '\2212';
	color: inherit;
	font-weight: 700;
	margin-left: 5px
}

.collapsed[data-toggle=collapse]::before {
	content: "\002B"
}

.icon-link {
	margin-left: .5em;
	padding-left: 0
}

.icon-link a::before {
	content: "\f0a4";
	font-weight: 400;
	font-family: "Font Awesome 5 Free";
	left: .5em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

.popover {
	max-width: 50%
}

.full-text .table-responsive {
	margin-bottom: 2em;
	border: 1px solid #dee2e6
}

.full-text thead {
	background-color: #eee
}

.full-text caption {
	caption-side: top;
	text-align: center
}

.full-text caption p {
	margin-bottom: 0
}

footer ul li {
	padding: .3rem 0
}

.cd-top {
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	overflow: hidden;
	text-indent: initial;
	white-space: nowrap;
	background: #023256;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s, visibility 0s .3s, background-color .3s;
	transition: opacity .3s, visibility 0s .3s, background-color .3s
}

.cd-top.cd-top--fade-out,
.cd-top.cd-top--show,
.cd-top:hover {
	-webkit-transition: opacity .3s, visibility, background-color .3s;
	transition: opacity .3s, visibility, background-color .3s
}

.cd-top.cd-top--show {
	visibility: visible;
	opacity: 1;
    color: #fff;
    text-align: center;
}

.cd-top.cd-top--fade-out {
	background: #1b58a9;
}

.cd-top:hover {
	background-color: #1b58a9;
    opacity: 1;
}

@media only screen and (min-width:768px) {
	.cd-top {
		right: 20px;
		bottom: 20px
	}
}

@media only screen and (min-width:1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px
	}
}

.tooltip_j {
	position: relative
}

.tooltip_j:hover .tooltiptext {
	visibility: visible
}

.tooltip_j .tooltiptext {
	width: 230px;
	visibility: hidden;
	background-color: #eee;
	color: #555;
	border-radius: 6px;
	padding: 5px 11px;
	border: 1px solid rgba(0, 0, 0, .125);
	position: absolute;
	z-index: 100;
	top: 100%
}

#file_name1,
#file_name2 {
	visibility: hidden !important;
	max-height: 0 !important;
	width: 10rem !important;
	max-height: 125px;
	margin-right: 10px;
}

.awards_link {
	width: 100%;
	border-color: #00b1e4 !important;
	color: #fff !important;
	background-color: #dc3545;
	border-color: #dc3545;
}

.awards_link:hover {
	color: #fff !important;
	background-color: #ef530a !important;
	border-color: #e24e0a !important;
}

.multi_lang a {
	background: #fff;
	padding: 15px
}

.multi_lang .dropdown-toggle {
	background: #023256;
	color: #fff !important;
	font-weight: 600;
	padding: 12px 15px
}

.multi_lang .dropdown-item {
	color: #000;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	font-size: 12px
}

.multi_lang .dropdown-menu {
	border-radius: 0;
	margin-top: -1px;
	margin-left: -1px;
	padding-top: 0
}

.multi_lang .dropdown-item img {
	width: 20px;
	margin-right: 4px
}

.multi_lang .dropdown-item:hover {
	color: #000 !important
}

.multi_lang .dropdown-item:last-child {
	border-bottom: 0;
	margin-bottom: -8px
}

.j_multi_lang .dropdown-toggle {
	background: #023256;
	padding: 8px 14px;
	color: #fff !important
}

.j_multi_lang {
	padding-left: 8px
}

.j_multi_lang .dropdown-menu {
	margin-left: 8px
}

@media only screen and (max-width:575px) {
	.multi_lang a {
		margin-top: 15px;
		margin-right: 15px
	}
}

@media only screen and (max-width:480px) {
	a.header-logo img {
		width: 300px!important;
	}

	nav.navbar.navbar-expand-lg.navbar-dark.bg-primary.p-0 div#navbarMain {
		background: #000;
	}

	nav.navbar.navbar-expand-lg.navbar-dark.bg-primary.p-0 {
    	height: 50px;
	}

	.col-sm-auto .card.bg-amber-400.border-0.mt-3.mt-sm-0 .card-body.p-2.d-flex.align-items-center {
        font-size: 16px;
    }
    .col-sm-auto .card.bg-amber-400.border-0.mt-3.mt-sm-0 .card-body.p-2.d-flex.align-items-center img {
        display: inline-block;
        margin-left: 90px;
    }

	.author_menu_buttons ul {
		margin-right: 30px;
	}

	.col-lg-12.online_sumission_system {
		display: inline-block !important;
	}

	section.online-jou {
		margin-left: 15px !important;
    	margin-right: 15px !important;
	}

	div#navbarMain .navbar-nav.mr-auto {
		padding: 24px;
	}
	#navbarMain .navbar-nav .nav-link {
		padding: 15px 0px;
		border-left: none;
		border-right: none;
	}
	.container.text-white .banner_title {
		margin-top: 2px;
		font-size: 22px;
	}
	.banner_overlay .container.text-white {
		padding: 15px;
	}
	.container.text-white p.banner_subtitle {
    	font-size: 14px;
	}
	.container.text-white h3 {
		font-size: 1.1rem;
		padding-top: 10px;
	}
	.container.text-white i {
		font-size: 14px;
	}
	.row.latest-art .abt-snx-jnls {
    	width: 95%;
	}
    .row.latest-art .list-group.list-group-flush {
		padding-left: 12px;
	}
	.row.main_container .main {
		padding-left: 20px;
	}
	.row.main_container .list-unstyled.mb-0.a-py-2 {
		padding-left: 20px;
	}
    .footer-menu-list .footer-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
		padding: 0;
		margin: 0;
	}	
	.col-sm-6.col-xs-12.gudelines {
		padding-top: 25px;
	}
	.online-jou .text-primary {
		font-size: 24px;
	}
	.online-jou .mange_sys-list ul li {
		font-size: 15px;
        font-weight: 700;
        line-height: 24px;
        padding: 5px;
    }
	.online-jou .author_menu_buttons ul li{
		width:100%;
		text-align: center;
	}
	.container .brochure-form form .form-group > label {
		display: block;
		width: 100%;
		margin-bottom: 0.3rem;
	}
	.container .brochure-form form .form-group > .form-control,
	.container .brochure-form form .form-group > .attach-file,
	.container .brochure-form form .form-group > input[list] {
		width: 100% !important;
	}
	.container .brochure-form form .form-group.col-6 {
		width: 100% !important;
		flex: 0 0 100%;
		max-width: 100%;
	}
	h1.text-primary.text-center.mt-4 {
		font-size: 27px;
	}
}
@media only screen and (max-width: 380px) {
	.gen-content.brochure-form .attach-file.form-control {
    	font-size: 0.8rem;
	}
	.col-sm-auto .card.bg-amber-400.border-0.mt-3.mt-sm-0 .card-body.p-2.d-flex.align-items-center img {
        display: inline-block;
        margin-left: 60px;
    }
	
    .container.text-white .banner_title {
        margin-top: 14px;
        font-size: 18px;
    }
	.banner_overlay .container.text-white {
        padding: 0px;
    }
	.container.text-white i {
        font-size: 10px;
    }
	.container.text-white h3 {
        font-size: 1.0rem;
        padding-top: 10px;
    }
	.container.text-white p.banner_subtitle {
        font-size: 12px;
    }
}

.j_mr_info {
	list-style: none;
	padding-left: 15px;
}

.tooltip_j {
	position: relative;
}

.tooltip_j:hover .tooltiptext {
	visibility: visible;
}

.tooltip_j .tooltiptext {
	width: 230px;
	visibility: hidden;
	background-color: #eee;
	color: #555;
	border-radius: 6px;
	padding: 5px 11px;
	border: 1px solid rgba(0, 0, 0, .125);
	position: absolute;
	z-index: 100;
	top: 100%;
}
/* Shankar Start CSS */
.intro {
	margin-bottom: 30px;
}

.subscription-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.subscription-table th,
.subscription-table td {
	border: 1px solid #dee2e6;
	padding: 12px;
	text-align: center;
}

.subscription-table th {
	background-color: #003366;
	color: #fff;
}

.plan-card {
	background-color: #ffffff;
	border-left: 5px solid #007bff;
	margin-bottom: 30px;
	padding: 20px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.plan-card h3 {
	margin-top: 0;
	color: #007bff;
}

.plan-card ul {
	padding-left: 20px;
	margin: 10px 0;
}

.plan-card ul li::marker {
	content: "✓ ";
	color: green;
}

.guidelines {
	background-color: #e9f5ff;
	padding: 20px;
	border-left: 5px solid #17a2b8;
}

.guidelines ul li::marker {
	content: "✔ ";
	color: #17a2b8;
}
section.auth-editor-review-section .row.latest-art {
    margin-top: 0px;
}
#captcha-display {
    background: #0a7ec7;
    color: #fff;
    padding: 8px 0px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
    letter-spacing: 5px;
    border-radius: 6px;
    display: inline-block;
    position: relative;
    user-select: none;
    overflow: hidden;
}
 
/* Add diagonal strike line */
#captcha-display::before,
#captcha-display::after {
    content: '';
    position: absolute;
    height: 2px;
    background: rgba(255, 255, 255, 0.6);
    width: 120%;
    top: 30%;
    left: -10%;
    transform: rotate(-20deg);
}
 
#captcha-display::after {
    top: 60%;
    transform: rotate(25deg);
}
.r_header .max-container {
    margin-left: 85px;
    margin-right: 85px;
}
.card-body.p-2.d-flex.align-items-center {
    font-size: 14px;
}
.card-body.p-2.d-flex.align-items-center img {
    margin-left: 10px;
}

ul.journal-list li.fa.fa-arrow-right a {
    text-decoration: none;
}

.journal-bottom a:hover {
    color: #99e4ff;
}

h1.text-center.mb-4 {
    font-weight: 900;
    text-align: left !important;
}

h5.fweight-600.footer_title1 {
	margin-top: 28px;
    margin-bottom: 18px;
    background: #1964bd;
    padding: 10px;
    display: inline-block;
}

h5.fweight-600.footer_title2 {
    margin-bottom: 18px;
	background: #1964bd;
    padding: 10px;
    display: inline-block;
}

h5.fweight-600.footer_title3 {
   	margin-bottom: 18px;
	background: #1964bd;
    padding: 10px;
    display: inline-block;
}

.journal-card {
    border: 3px solid #24bbf3;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
	height: 226px;
}

.journal-card .jou_card-content {
    padding-left: 1px;
}

.journal-top {
    height: 170px;
    width: 100%;
    margin-top: 25px;
}

.journal-middle {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.journal-middle h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 900;
}

.journal-bottom {
    background: #e0f2ff;
    padding: 15px;
    min-height: 162px;
}

.journal-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
	display: inline-grid;
}

.journal-bottom ul li {
    font-size: 16px;
    margin-bottom: 5px;
}

.journal-bottom ul li a {
    color: #1a1a1a;
    text-decoration: none;
}

.journal-bottom ul li a:hover {
    text-decoration: underline;
	color:#007bff;
}

.view-more {
    display: block;
    text-align: center;
    padding: 8px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
}

.banner_overlay {
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 50px;
	inset: 0;
	background-image: url("../images/svg/main_jou_header_slider.svg");
	background-color: #165199;
	background-size: cover;
}
.banner_overlay .container.text-white {
    background: #fff;
}
.banner_overlay .container {
	padding: 50px;
}

@font-face {
	font-family: 'Colonna MT';
	font-style: normal;
	font-weight: normal;
	src: local('Colonna MT'), url('../fonts/COLONNA.woff') format('woff');
	}
  
  .container{
	max-width: 1300px; /* Set to your desired width */
    margin: 0 auto; /* Center align */
    padding: 0 15px; /* Add some padding */
  }
  .r_header #navbarMain .navbar-nav .nav-link:hover {
	background: #0a7ec7;
    color: #fff;
  }
  .r_header .card.bg-amber-400.border-0.mt-3.mt-sm-0 {
	  background: #f2f3ff !important;
  }
  .r_header .navbar{
	z-index: 1;
  }
  .list-group-item{
  margin-bottom:15px;
  background: #dae5af;
  box-shadow: 0px 0px 5px #000;
  }
  .list-group-item:after {
	  width: 50px;
	  height: 3px;
	  background-color: #0347a8;
	  content: "";
	  top: 0;
	  left: 20px;
	  position: absolute;
	  transition: all 0.25s ease-in-out 0s;
	  border-radius: 50px;
	  
  }
  .list-group-item:hover:after {
	  content: '';
	  width: 94%;
  }
  .list-group-item:hover {
	  background: #fdc1a3;
	  box-shadow: inset 0px 0px 7px 1px #f76868;
  }
  .d-flex.justify-content-between a.border-bottom-2 {
	  border-bottom: 2px solid #3a871a !important;
	  background: #ffb916;
	  padding: 2px 15px;
  }
  .latest-art .col-sm-7,
  .latest-art .col-sm-5{
	  float:left;
  }
  .row.latest-art {
	margin-top: 97px;
  }
  .abt-snx-jnls{
	  width: 90%;
	  float: left;
	  background: #f9f4f4;
	  margin-bottom: 15px;
	  padding: 10px;
	  text-align: justify;
	  box-shadow: 0px 0px 5px #000;
	  margin: 0px 1% 30px 1%;
	  /* display: inline-block; */
	  min-height: 194px;
  }
  .abt-snx-jnls:hover{
	  text-decoration: none;
	  color: #fff;
  }
  .main-foot{
	color: #fff;
	background-color: #2073D6;
	background-image: url("../images/svg/main_footer_design.svg");
  }
  .main-foot{
	padding: 10px 0px 0px 0px;
    margin-top: 50px;
	margin-left: 85px;
    margin-right: 85px;
}
  .main-foot .col-xs-6 {
	  width: 50%;
	  float: left;
	  padding: 0px 15px;
  }
  .main-foot .col-xs-2 {
	  width: 20%;
	  float: left;
  }
  .main-foot .col-xs-4 {
	  width: 33.33%;
	  float: left;
  }
  .main-foot .nav>a,
  .main-foot ul li>a{
	  color:#fff;
  }
  .copyrights{
	  width:100%;
	  float:left;
	  background: rgb(2, 0, 36);
	  background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgb(9 9 9) 50%, rgb(27 88 169) 100%) !important;
	  text-align: center;
	  padding:15px 0px;
	  color:#fff;
	  font-size:15px;
	  clear:both;
  }
  /*** Footer social Media start ***/
  .menu {
	  position: relative;
	  width: 100px;
	  height: 100px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  text-align: left;
	  padding-left: 0px;
	  margin-top: 80px;
	}
	.menu li {
	  position: absolute;
	  left: 10px;
	  list-style: none;
	  transform: rotate(0deg) translateX(100px);
	  transform-origin: 122px;
	  transition: 0.5s;
	  transition-delay: calc(0.1s * var(--i));
	}
	.menu.active li {
	  transform: rotate(calc(360deg / 4* var(--i)));
	}
	.menu a {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 120px;
	  height: 120px;
	  text-decoration: none;
	  font-size: 22px;
	  border-radius: 50%;
	  transform: rotate(calc(360deg / 4 * var(--i)));
	  transition: 1s;
	  color: transparent;
	  transition-delay: 0.5s;
	  filter: drop-shadow(0 0 2px var(--clr));
	}
	.menu.ftlist.active li{
	  left:10px;
	  position:absolute;
	}
	.menu.ftlist li{
	  left:-28px;
	  position:absolute;
	}
	.menu.active a {
	  color: var(--clr);
	}
	.menu a::before {
	  content: "";
	  position: absolute;
	  width: 20px;
	  height: 2px;
	  border-radius: 2px;
	  background: var(--clr);
	  transform: rotate(calc(180deg * var(--i))) translate(0, 25px);
	  transition: width 0.5s, height 0.5s, transform 0.5s;
	  transition-delay: 0.5s, 1s, 1.5s;
	}
	.menu.active a::before {
	  width: 80px;
	  height: 80px;
	  background: #161616;
	  border: 2px solid var(--clr);
	  transform: rotate(calc(0 * var(--i)));
	  transition: transform 0.5s, height 0.5s, width 0.5s;
	  transition-delay: 0.5s, 1.5s, 1.5s;
	  border-radius: 10px;
	  filter: drop-shadow(0 0 5px var(--clr));
	  rotate: 135deg;
	}
	.menu.active li:hover a::before {
	  background: var(--clr);
	}
	.menu.active li:hover a ion-icon {
	  color: #161616;
	}
	 .menuToggle {
	  position: absolute;
	  width: 25px;
	  height: 25px;
	  color: #fff;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  z-index: 100;
	  border-radius: 50%;
	  cursor: pointer;
	  font-size: 32px;
	  transition: 1.5s;
	  left: 105%;
	  top: 50%;
	  transform: translate(60%, -50%) !important;
	  background: #16223a;
	  /* padding: 5px; */
	  /* margin: 5px; */
	}
	.menu.active .menuToggle {
	  transform: rotate(315deg);
	}
  
  /*** Footer social media ends ***/
  
  .list-group.list-group-flush img {
	border: 1px solid;
	float: left;
	margin-right: 15px;
	border-radius: 14px;
  }
  .editorialbrd {
	width: 100%;
	float: left;
  }
  .r_banner_container .banner_inner{
	width:100%;
	background:#e1f5fe;
	position: relative;
	border-top: 5px solid #0a7ec7;
  }
  .r_banner_container .banner_inner:before {
	background-image: url(../images/shape-3.png);
	background-repeat: no-repeat;
	content: '';
	background-position: 100%;
	width: 100%;
	height: 200px;
	display: inline-block;
	-webkit-animation-name: float-bob-y;
	  animation-name: float-bob-y;
	  -webkit-animation-duration: 2s;
	  animation-duration: 2s;
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
  }
  .title-box {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 75%;
  }
  .title-box button {
	display: block;
	/* float: left; */
	margin-top: 30px;
	background: orange;
	padding: 15px;
	border: none;
	color: #040345;
  }
  .latest-art .list-group {
	display: inline-block;
	width:100%;
  }
  .latest-art .col-sm-12{
	padding:0px;
  }
  .abt-snx-jnls.left img{
	float: left;
    width: 25%;
    margin-right: 0;
    padding: 10px;
    background: #fff;
    height: 125px;
  }
  .abt-snx-jnls.left p{
	width: 75%;
    float: right;
    padding-left: 15px;
  }
  .main-foot .col-xs-6 .nav.a-py-2{
	border: 2px solid;
  }
  .main-foot .col-xs-6 .nav.a-py-2{
	border: 2px solid;
  }
  .main-foot .nav>a{
	color: #fff;
	border: 1px solid #fff;
	text-align: left;
  }
  nav.nav.a-py-2 {
    display: inline-block;
    width: 100%;
}
.col-lg-12.text-center.footer_header {
    background: #2073d6;
    padding: 10px;
	box-shadow: 0px 3px 10px #fff;
}
  .main-foot .nav>a:hover{
  background:#111832;
  }
  .col-xs-6.b-right ul{
  /* border-right:2px solid #fff; */
  height: 214px;
  }
  .footer-menu-list {
	width: 100%;
	  background: #202c46;
	  text-align: center;
	  padding: 12px;
	  float: left;
  }
  .footer-menu-list li {
	display: inline-block;
	margin: 0px 5px;
	padding: 5px 10px;
	border: 1px solid #fff;
  }
  .footer-menu-list li a {
	color: #fff;
  }
  .navbar-expand-lg .navbar-nav {
	  margin:0 auto;
  }
  .community-inner-container a {
	background: #58dd58;
	padding: 15px;
	color: #fff;
	position: fixed;
	right: -146px;
	top: 40%;
	z-index: 10;
	transition: all 0.25s ease-in-out 0s;
  }
  .community-inner-container a:hover {
	right: 0px;
	text-decoration: none;
  }
  .community-inner-container i {
	font-size: 36px;
	vertical-align: middle;
  }
  .community-inner-container span {
	padding-left:15px;
  }
  /***** Key Frames Start ******/
  @-webkit-keyframes float-bob-y {
	0% {
	  transform: translateY(-20px);
	}
  
	50% {
	  transform: translateY(-10px);
	}
  
	100% {
	  transform: translateY(-20px);
	}
  }
  
  @keyframes float-bob-y {
	0% {
	  transform: translateY(-20px);
	}
  
	50% {
	  transform: translateY(-10px);
	}
  
	100% {
	  transform: translateY(-20px);
	}
  }
  
  .float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
  }
  
  
  .img-bounce {
	-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
	animation: ImgBounce 5s ease-in-out 0s infinite alternate;
  }
  /***** Key Frames Ends ******/
  .abt-snx-jnls::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0px;
	right: -6px;
	border-radius: 8px;
	background-color: #0a7ec7;
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	transform-origin: right center;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	z-index: -1;
	color: #fff;
  }
  .abt-snx-jnls:hover::before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transform-origin: right center;
  }
  .abt-snx-jnls {
	position: relative;
	align-items: center;
	background-color: var(--thm-white);
	border-radius: 8px;
	z-index: 1;
  }
  
  :root {
	  --thm-base: #24bbf3;
	  --thm-base-rgb: 255,54,57;
  }
  .card.border-0 {
	margin: 0px 5px;
	border: 4px solid #24bbf3 !important;
	/* box-shadow: inset 0px 1px 4px 10px #b4d772; */
  }
  .list-snd,
  .list-ft{
	float:left;
	width:50%;
  }
  
  .list-ft .card-header {
	font-size: 16px;
	height: 140px !important;
	padding: 0px 15px;
	border-left: 8px solid #040237;
	border-right: 8px solid #040237;
  }
  .earnslider2 .card{
	width:100%;
	float:left;
  }
  .list-ft .card-header a{
	vertical-align: middle;
	  display: table-cell;
   }
  .list-snd {
	padding: 15px 10px;
	text-align: left;
	border-bottom: 8px solid #476012f5;
	height: 236px;
	position: relative;
	background: #e3f1ff;
  }
  .list-snd ul {
	padding-left: 20px;
	  margin-bottom: 0;
	  list-style: disc;
  }
  .list-snd a.view-more{
	width:100%;text-align: center;padding:10px;display: inline-block;color:#fff;font-size:14px;position: absolute;left: 0;bottom: 0;
	background: rgb(2, 0, 36);
	  background: linear-gradient(180deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 50%, rgb(28 163 191) 100%);
  }
  .list-ft h5{
	text-align: center;
  }
  ul.menu.ftlist.active li a img {
	width: 35px;
	height: 35px;
	z-index: 1;
	visibility: visible;
	transform: rotate(calc(180deg* var(--i))) translate(0, 0px);
  }
  ul.menu.ftlist li a img {
	visibility: hidden;
	width: 35px;
	height: 35px;
	z-index: -1;
  }
  .list-ft {
	width: 40%;
  }
  .list-snd {
	width: 60%;
  }
  a.header-logo {
	font-size: 86px;
	display: inline-block;
	font-family: 'Colonna MT';
	color: #040341;
	line-height: 60px;
	margin-top: 0px;
  }
  a.header-logo img{
	width: 216px;
  }
  a.header-logo:hover {
	text-decoration:none;
  }
  .header-logo i{
	color:orangered;
	font-style: normal;
  }
  .trms ul li,
  .faq ul li {
	background: #ebebeb;
	margin-bottom: 10px;
	list-style: none;
	border-left: 6px solid #2072d6;
    border-right: 6px solid #2072d6;
	padding: 10px;
	border-radius: 12px;
	text-align: justify;
  }
  .trms ul,
  .faq ul {
	padding-left:0px;
	margin-bottom:20px;
	display: inline-block;
  }
  .faq ul li h4 {
	font-size:18px;
	color: #0893ca;
  
  }
  /*Create cart*/
  .main_container {
	padding-top: 3%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .main {
	display: flex;
	flex-direction: column;
	gap: 0.8em;
  }
  .up {
	display: flex;
	flex-direction: row;
	gap: 0.8em;
  }
  .down {
	display: flex;
	flex-direction: row;
	gap: 0.8em;
  }
  
  .card1 {
	width: 90px;
	height: 90px;
	outline: 5px solid rgb(217, 0, 255);
	border: none;
	background: rgb(30, 30, 30);
	border-radius: 90px 5px 5px 5px;
	box-shadow:
	  rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
	  rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	transition: all 0.2s;
  }
  .card2 {
	width: 90px;
	height: 90px;
	outline: 5px solid rgb(255, 3, 3);
	border: none;
	background: rgb(30, 30, 30);
	border-radius: 5px 90px 5px 5px;
	box-shadow:
	  rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
	  rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	transition: all 0.2s;
  }
  .card3 {
	width: 90px;
	height: 90px;
	outline: 5px solid rgb(93, 250, 255);
	border: none;
	background: rgb(30, 30, 30);
	border-radius: 5px 5px 5px 90px;
	box-shadow:
	  rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
	  rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	transition: all 0.2s;
  }
  .card4 {
	width: 90px;
	height: 90px;
	outline: 5px solid rgb(36, 0, 179);
	border: none;
	background: rgb(30, 30, 30);
	border-radius: 5px 5px 90px 5px;
	box-shadow:
	  rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
	  rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	transition: all 0.2s;
  }
  
  /*Change icons color*/
  .card1:hover .youtube {
	fill: rgb(225, 52, 255);
  }
  
  .card1:hover .youtube_center_Icon {
	fill: rgb(255, 255, 255);
  }
  
  .card2:hover .discord {
	fill: rgb(255, 3, 3);
  }
  
  .card3:hover .twitter {
	fill: rgb(139, 251, 255);
  }
  
  .card4:hover .twitch {
	fill: rgb(57, 0, 190);
  }
  
  /*Change background color icons*/
  .card1:hover {
	cursor: pointer;
	scale: 1.1;
	background: rgb(225, 52, 255);
  }
  
  .card2:hover {
	cursor: pointer;
	scale: 1.1;
	background: rgb(255, 3, 3);
  }
  
  .card3:hover {
	cursor: pointer;
	scale: 1.1;
	background: rgb(0, 160, 166);
  }
  
  .card4:hover {
	cursor: pointer;
	scale: 1.1;
	background: rgb(57, 0, 190);
  }

/* Shankar End CSS */
/* prasad Start CSS */
.main-foot.journals-footer .wrapper {
  display: inline-flex;
  list-style: none;
  height: 120px;
  width: 100%;
  font-family: "Poppins", sans-serif;
  justify-content: left;
  padding-left: 0px;
}

.main-foot.journals-footer .wrapper .icon {
  position: relative;
  background: #fff;
  border-radius: 50%;
  margin: 10px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-foot.journals-footer .wrapper .tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  background: #fff;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-foot.journals-footer .wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #fff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.main-foot.journals-footer .wrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.main-foot.journals-footer .wrapper .icon:hover span,
.main-foot.journals-footer .wrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.main-foot.journals-footer .wrapper .linkedin:hover,
.main-foot.journals-footer .wrapper .linkedin:hover .tooltip,
.main-foot.journals-footer .wrapper .linkedin:hover .tooltip::before {
  background: #005e83;
  color: #fff;
}
.main-foot.journals-footer .wrapper .facebook:hover,
.main-foot.journals-footer .wrapper .facebook:hover .tooltip,
.main-foot.journals-footer .wrapper .facebook:hover .tooltip::before {
  background: #1877f2;
  color: #fff;
}

.main-foot.journals-footer .wrapper .twitter:hover,
.main-foot.journals-footer .wrapper .twitter:hover .tooltip,
.main-foot.journals-footer .wrapper .twitter:hover .tooltip::before {
  background: #1da1f2;
  color: #fff;
}

.main-foot.journals-footer .wrapper .instagram:hover,
.main-foot.journals-footer .wrapper .instagram:hover .tooltip,
.main-foot.journals-footer .wrapper .instagram:hover .tooltip::before {
  background: #e4405f;
  color: #fff;
}

.instructionsModal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.instructionsModal-content {
	background-color: #fefefe;
	margin: 10% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 700px;
	border-radius: 5px;
}

.instructionsModal-content.close {
	color: #aaa;
	text-align: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
}

.instructionsModal-content.close:hover {
	color: black;
}
.instructionsModal-content h2 {
	text-align: center;
	margin-bottom: 30px;
}
section.online-jou h1.text-primary.text-center.mt-4 {
    background: #8dbef957;
    color: #1f72d6 !important;
    display: block;
    text-align: center !important;
    padding: 10px;
    border-radius: 10px;
}
section.online-jou {
	background: #fff;
    padding: 20px;
    margin-left: 85px;
    margin-right: 85px;
    box-shadow: 1px 0px 5px #000;
}
h1.jou_mange_sys {
	text-align: center;
	padding-bottom: 15px;
}
.mange_sys-list ul{
	list-style: none;
}
.mange_sys-list ul li {
	font-size: x-large;
	font-weight: 700;
	line-height: 50px;
}
.mange_sys-list ul li i {
	color: #00a65a;
	padding-right: 10px;
}
.author_menu_buttons ul{
	list-style: none;
}
.author_menu_buttons ul li {
	border: 1px solid;
	padding: 10px;
	width: 50%;
	text-align: center;
	margin-bottom: 5px;
}
.author_menu_buttons ul li:hover{
	background:white;
}
.author_menu_buttons ul li.active {
    background: #2073d6;
}
.author_menu_buttons ul li.active a {
    color: #fff;
}
.col-6.author_menu_buttons {
text-align: -webkit-center;
}
.gen-content.brochure-form h3.su-man-smt {
    text-align: center;
    margin-bottom: 19px;
    background: #0a7ec7;
	color: #fff;
    font-weight: bold;
	padding: 10px;
}
.gen-content.brochure-form {
    border: 1px solid;
    padding: 10px;
}
#allJournalsView .subject-section {
	margin-bottom: 30px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

#allJournalsView .subject-section .subject-header {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	position: relative;
}
#allJournalsView .subject-section .subject-header h2 {
	margin: 0;
	font-size: 24px;
}
#allJournalsView .subject-section .subject-header .subject-image {
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	margin-right: 20px;
	border: 3px solid white;
}

#allJournalsView .subject-section .journal-table {
	background-color: white;
}
#allJournalsView .subject-section .journal-table .journal-row .tooltip_j {
	position: relative;
	display: inline-block;
}

#allJournalsView .subject-section .tooltip_j .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -100px;
	opacity: 0;
	transition: opacity 0.3s;
}
#allJournalsView .subject-section .tooltip_j .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

#allJournalsView .subject-section .tooltip_j:hover .tooltiptext {
	visibility: visible;
    opacity: 1;
    width: 240px;
    height: 80px;
    text-align: left;
}
.text-mutted {
    color: #6c757d;
}
/* prasad End CSS */

/*sravya changes start */
.author_menu_buttons ul li#instructions-link{
	color: #0cddec;
}
.author_menu_buttons ul li#contact-link{
	background: #fff;
}
.author_menu_buttons ul li#login-link {
	color: #f6c608;
}
.journal-event-item .journal-item .journal-content .event-post-meta ul li .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    border-radius: 100%;
    color: #027bff;
    font-size: 20px;
    background-color: #f7f7f7;
}
.journal-event-item .journal-item .journal-content .event-post-meta.ul-li-block {
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
    line-height: 1.5rem;
}
.journal-event-item .journal-item .journal-title {
    position: relative;
}
.journal-item .journal-main-title h3.title span.jou_short_code{
    text-transform: uppercase;
}
.journal-event-item .journal-item .journal-content {
    display: table;
    width: 62%;
}
.journal-title.mb-15 h5.journal-sub-title {
    border: 1px solid #027bff;
    padding: 4px;
	background: #d4edff;
    box-shadow: 0px 1px 5px #04033d6e;
	text-align: left;
}
h5.journal-sub-title span.subject_name {
    font-size: 16px;
}
.journal-event-item .journal-item .event-post-meta ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

h5.journal-sub-title {
    font-weight: bold;
}
section#journal-section {
    margin-top: 20px;
}
a.tickets-details-btn {
    z-index: 1;
    font-weight: 600;
    overflow: hidden;
    float: right;
    padding: 10px 15px;
    position: relative;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: #007bff;
}
.journal-event-item .journal-item:hover{
	border-color:#130e58;
}
.journal-event-item .journal-item {
    padding: 10px;
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 2px solid #2073d5;
	box-shadow: 5px 5px 5px #a6c8f1;
	height: 280px;
}
.journal-event-item .journal-image img {
    width: 100%;
	height: 196px;
    display: block;
	height:auto;
	border-radius: 6px;
}
.journal-event-item .journal-image {
    float: left;
    width: 200px;
    /* height: 210px; */
    overflow: hidden;
    position: relative;
    margin-right: 16px;
}
.journal-event-item .journal-main-title {
    background: #187eca;
    padding: 8px 12px;
    text-align: center;
    margin-bottom: 8px;
    border-radius: 6px;
}

.journal-main-title .title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}

/* From Uiverse.io by Li-Deheng */
.btn-conteiner {
  display: flex;
  justify-content: center;
  --color-text: #ffffff;
  --color-background: #0a7ec7;
  --color-outline: #1d09ba80;
  --color-shadow: #00000080;
}

.btn-content {
  display: flex;
  align-items: center;
  padding: 5px 30px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-text);
  background: var(--color-background);
  transition: 1s;
  border-radius: 20px;
  box-shadow: 0 0 0.2em 0 var(--color-background);
}

.btn-content:hover, .btn-content:focus {
  transition: 0.5s;
  -webkit-animation: btn-content 1s;
  animation: btn-content 1s;
  outline: 0.1em solid transparent;
  outline-offset: 0.2em;
  box-shadow: 0 0 0.4em 0 var(--color-background);
}

.btn-content .icon-arrow {
  transition: 0.5s;
  margin-right: 0px;
  transform: scale(0.6);
}

.btn-content:hover .icon-arrow {
  transition: 0.5s;
  margin-right: 25px;
}

.icon-arrow {
  width: 20px;
  margin-left: 15px;
  position: relative;
  top: 6%;
}
  
/* SVG */
#arrow-icon-one {
  transition: 0.4s;
  transform: translateX(-60%);
}

#arrow-icon-two {
  transition: 0.5s;
  transform: translateX(-30%);
}

.btn-content:hover #arrow-icon-three {
  animation: color_anim 1s infinite 0.2s;
}

.btn-content:hover #arrow-icon-one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}

.btn-content:hover #arrow-icon-two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */
@keyframes color_anim {
  0% {
    fill: white;
  }

  50% {
    fill: var(--color-background);
  }

  100% {
    fill: white;
  }
}

/* Button animations */
@-webkit-keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}

@keyframes btn-content {
  0% {
    outline: 0.2em solid var(--color-background);
    outline-offset: 0;
  }
}

.translate-container {
    margin-right: 16px;
}
section.py-5.auth-editor-review-section .fa.fa-pencil.fa-font {
    color: #00c6d7;
}
section.py-5.auth-editor-review-section .fas.fa-edit {
    color: #0f664a;
}
section.py-5.auth-editor-review-section .fas.fa-user {
    color: #0c0c64;
}
.auth-editor-review-section .card-wrapper {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.auth-editor-review-section .section-heading {
    position: absolute;
    top: -16px;
    left: 20px;
    background: #fff;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 600;
}

.auth-editor-review-section .for-authors {
    color: #081d67;
}

.auth-editor-review-section .for-editors {
    color: #0f664a;
}

.auth-editor-review-section .for-reviewers {
    color: #00c6d7;
}

.auth-editor-review-section .content-row {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    flex: 1;
}

.auth-editor-review-section .content-row i {
    font-size: 28px;
    color: #444;
    padding-top: 4px;
    min-width: 24px;
}

.auth-editor-review-section .content-text {
    font-size: 15px;
    color: #333;
    line-height: 1.6;
}

.auth-editor-review-section .view-more {
    margin-top: auto;
    padding-top: 20px;
}

.auth-editor-review-section .view-more a {
    background: #1b62ba;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    border-radius: 3px;
    transition: 0.3s ease;
	float: right;
}

.auth-editor-review-section .view-more a:hover {
    background: #3e8be9;
    color: white;
}

.text-danger_form_error {
    background: #a43939;
    padding: 0px;
    margin-top: 5px;
    color: #fff;
    text-align: center;
}
.goog-te-combo {
  border-radius: 4px !important;
  border: 2px solid #24bbf3 !important;
  background-color: #f8f9fa !important;
  padding: 8px 12px !important;
}
.form-group.captcha-wrapper {
    background-color: #cadfe3;
    padding: 10px;
    border-radius: 6px;
    margin-top: 34px;
}

.captcha-label {
    font-size: 15px;
}

.captcha-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.captcha-code {
    background-color: #023256;
    color: white;
    font-weight: bold;
    padding: 8px 16px;
    font-size: 18px;
    border-radius: 10px;
    min-width: 100px;
    text-align: center;
}

.refresh-btn {
    border: 1px solid #007bff;
    color: #007bff;
    background-color: transparent;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
}

.refresh-btn:hover {
    background-color: #e6f0ff;
}

.required-star {
    color: red;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

p.fweight-400 {
    text-align: center;
}
.col-lg-12.online_sumission_system {
    display: flex;
}
.col-lg-12.online_sumission_system .col-lg-6.mange_sys-list {
    margin-top: 20px;
}
.col-lg-12.online_sumission_system .col-lg-6.author_menu_buttons {
    margin-top: 20px;
}
p strong {
  font-weight: 900 !important;
  font-size: 20px !important;
}


body {
  overflow-x: hidden;
}
body, p, span, li, td {
  text-align: justify;
}
.banner_overlay .container.text-white {
	text-align: left;
}
.banner_overlay .container.text-white .banner_title {
    color: black;
}
.container.text-white p.banner_subtitle {
    text-align: justify;
    text-align-last: left;
    max-width: 95%;
    padding-right: 15px;
   /* margin: 0 auto;  optional to center if needed */
	color: black;
}
.banner_overlay .container.text-white h3 {
    color: black;
}
.banner_overlay .container.text-white i {
    color: black;
}
.arrow-list {
  list-style-type: none;
  padding-left: 20px;
}
.arrow-list li {
  position: relative;
  margin-bottom: 1em; /* spacing between list items */
}
.arrow-list li::before {
  content: "→";
  color: black;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
/*sravya changes end */

/* Prasad changes start */
@media only screen and (max-width:767px) and (min-width:320px){
	.container{
		padding:0px;
	}
	.container .banner_overlay{
		padding: 27px;
	}
	.container .banner_overlay .container.text-white {
		background: #fff;
		padding: 10px;
	}
	.tab-pane .journal-event-item {
		padding: 13px;
	}
	.tab-pane .journal-event-item .journal-item{
		height: 100%;
	}
	.tab-pane .journal-event-item .journal-image{
    	margin-bottom: 11px;
	}
	.journal-event-item .journal-item .journal-content {
		width: 99%;
	}
	section.auth-editor-review-section .row.latest-art {
		margin-top: 0px;
		margin: 0px 0px 0px 0px;
	}
	.auth-editor-review-section .card-wrapper {
		margin-left: 3%;
		margin-bottom: 30px;
	}
	.main-foot.journals-footer {
		padding: 0px 0px 0px 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.main-foot.journals-footer .container .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.container .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.r_header .max-container {
		margin-left: 0px;
		margin-right: 0px;
	}
	.r_header .max-container .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	a.header-logo img {
        width: 262px !important;
        margin-left: 12%;
        margin-bottom: 10px;
    }
	.max-container .row.align-items-center .btn-conteiner{
		margin-left: 2%;
	}
	.r_header .max-container .nav.flex-column.justify-content-end.text-right.a-py-1{
		text-align: right !important;
    	display: block;
	}
	.translate-container {
		width: 100%;
	}
	.translate-container .skiptranslate.goog-te-gadget{
		float: right;
	}
	.r_header .max-container .nav.flex-column.justify-content-end.text-right.a-py-1 .nav-link{
    text-align: left;
	}
	section.online-jou {
		padding:0px;
	}
	.gen-content.brochure-form .attach-file #file {
		width: 100%; 
	}
	.col .guidelines {
		margin-bottom: 20px;
	}
	.gen-content.brochure-form {
		margin-bottom: 20px;
	}
	section#journal-section {
		width: 100%;
	}

	.animate-icon .animate-icon-vertical-wrap{
		top: -7px;
		left: -7px;
	}
	h5.fweight-600.footer_title2 {
        margin-top: 15px;
    }
	h5.fweight-600.footer_title1 {
	margin-left: 20px;}

	.main-foot.journals-footer .wrapper {
		padding-left: 20px;
	}
}