body{
  font-family: Roboto,Helvetica,Arial,sans-serif;
  font-weight: 400;
  line-height:1.8em;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: "Merriweather", serif !important;
}
.navbar-left li a:hover{
    color:black !important;
}
.navbar-nav > li > a:hover{
  background-color: #fff !important;
}
.logo-stle{
	/* height: 100px; */
  height: 90px;
  width: 210px;
}
.logo-bran{
	padding: 0px;
}
.dropdown li a:after{
	content: '' !important; 
}
.search-bar{
	width:728px;
	height:90px;
}
section.newletter {
    background-color: #F0F1F2;
    padding: 30px 0px 60px;
}
.subscribe{
  font-size:16px;
}

.subscribe:hover {
    color: #061a3e;
}
.boxicon.mr-3 i {
    color: #505358;
    display: block;
    margin-top: 5px;
    font-size: 60px;
}
.ourmission{
  margin-top: -10px;
}
.ourmission a{
  text-decoration: none;
  color:#111;
}
.form-subscribe{
  padding:20px 0px 10px;
}

ul.ourmissions > li{
  border-bottom: none !important;
}
.subscribe-email{
    width:400px !important;
    border:1px solid #061a3e;
}
.submit{
  width:150px !important;
  font-size: 16px;
}
.card{
	border:1px solid #e1e1e1;
	padding:20px;
    border-radius: 5px;
}
.icon{
  padding: 20px;
  color:#061a3e;
  transition: transform .1s; /* Animation */
  margin: 0 auto;
}
.icon:hover{
    color:#f44336;
    transform: scale(1.5);
}
.heighpubs-services{
	padding:10px;
}
.heighpubs-cards:hover{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  z-index: 2;
  border-radius:5px;
}
.search-home{
  background-image: url(../../../images/web/hspi-banner-bg.jpg);
  background-repeat: no-repeat !important;
/*  background-position: 100% 0%;*/
  background-size: auto 100%;
  background-color: #131313;  
}
.search-home{
	padding: 2.5rem 0;
    padding-bottom: 120px; 
    position: relative;
}

.label-search {
    display: block;
    margin-top: 20px;
    margin-bottom: .375rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0.05em;
    font-size: 2.8em;
    color: #FFF;
    padding:10px;
}
.label-journall{
    /* margin-left: 11px !important; */
}
.label1 {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 17px;
    padding: 3px;
    color: #fff;
}
.find {
    margin: 1.5rem 0;
    font-weight: 700;
    line-height: 1.05;
    font-size: 3.8em;
    padding:10px 0;
    color:#FFF;
}
.input-group__input:not(:first-child) {
    margin-left: 10px;
}
.input-group__input{
	/* height: 50px; */
  height: 36px;
  width:320px !important;
  border-radius: 3px !important;
  border:1px solid #eee;
  margin-left: 0 !important;
}
.sub{
	background-color: #fff;
  border-color: #fff;
  color: #333;
  text-transform: uppercase;
  width:100px;
  height:40px;
  margin-left: 0;
}
.input-group, .repeatable-fields ul li {
    margin: 0 0 1rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    /* flex-flow: row wrap; */
    border-collapse: separate;
    width: 100%;
}
.hspc-banner-btn-manu {
    padding: 10px 45px;
    border: 0;
    border-radius: 5px;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 27px;
    margin-left: 10px;
}
.hspc-banner-quicklink {
    padding: 6px 10px;
    border: 0; 
    /* border-radius: 5px; */
    font-size: 17px;
    margin-top: 18px;
    /* margin-bottom: 27px; */
    /* margin-left: 10px; */
}
.quick_links:hover .quick_links_menu {
      display: block;
      margin-top: 1px;
  }

.featured-icon-box.style4 .featured-icon-box-inner {
    background: #fff;
    padding: 40px 0 0;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.poloccy-heading{
    font-size: 20px;
}

.image-slider{
     border:1px solid #e1e1e1;
}
.imagee-loader {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 0 2px 0 2px;
    background-color: #fff;
}
.imagee-loader:hover {
    background-color:#fff; /*3b5990*/
    color: #fff;
}

.num-count h5{
    color:#222222;
    font-weight: 700;
}
/*#counts{
  width: 60%;
  border-radius: 50%;
  background: #bcd6ff;
  line-height: 0;
  position: relative;
  font-family: 'HSPI-Light', sans-serif;
}
#counts::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.count{
  position: absolute;
  bottom: 50%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 19px;
}*/

.heading-resources{
    border-bottom-style:none !important;
}
.resources a{
  text-decoration: none;
  color:black;
}
.footer-content li a{
    color: #fff;
    font-size: 14px;
    line-height: 0.9;
}
.footer-content li a:hover{
    color: #fff;
}
.footer-content li a:before{
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    padding: 0 10px 0 0;
    font-weight: 800;
}
.footer-form{
    background: #282A2B;
    border-color: #444;
    color: #CCC;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}
.overflow_hidden{
   overflow: hidden;
    position: relative;
}
a.released-Issues{
    background-color: #061a3e !important;
}
.news-post a.released-Issues{
position: absolute;
  top:15px;
  left: 0px;
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background-color:#061a3e;
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  padding: 5px 10px;
  text-align: center;
  line-height: 18px;

}
.overlay a{
  text-decoration: none; 
  color:#f1f1f1; 
}
.overflow_hidden:hover .overlay{
  opacity: 1; 
}
.stay-connected{
    padding: 30px 0px 30px;
}
.social-widget-twitter{
    padding: 30px 0px;
}
.fa-video{
    color: black;
}
.pagination-box1 ul.pagination-list1{
    padding: 10px 0px 10px;
}
.article-contents-style{
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  box-shadow: 1px 2px 15px #ddd;
}
.post-content1{
  /*max-width:86%;*/
  float: left;
}
.article-title{
  font-size: 16px !important;
  line-height: 1.4em !important;
}
.article-page{
  max-width: 11%;
  margin:right:3%;
}
ul.list-posts .articles-list-post > li{
  border-bottom: 1px solid #ddd !important;
}

.article-journal-name{
  margin-top: 10px !important;
  border: 1px #dee1e4 solid;
  display: inline-block !important;
  font-size: 12px;
  padding: 5px;
  border-radius: 3px;
  background-color: #fff;
}
.article-journal-name a{
  text-decoration: none;
  color:#222;
}
.page-box{
  padding-left: 20px;
  padding-right: 20px;
}
.features-today1{
  padding: 30px 0 20px;
}
.indexing{
  /* padding:30px 0 40px; */
  padding: 20px 0 20px;
}
.list-post1 img{
  width:auto !important;
}
.list-post1{
  padding:0px !important; 
}
.recent-view-points a{
  text-decoration: none;
  /*color:#061a3e;*/
}
.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-190px;
    top:230px;
    width:210px;
    z-index: 1100;
}
.sticky li{
  background: #061a3e;
    /* background: linear-gradient(to bottom, #061a3e 0%, #061a3e 100%); */
    color: #fff;
    width: auto;
    margin: auto;
    text-align: center;
    border-radius: 0px 0px 20px 0px;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .5s ease-in-out;
    box-shadow: 1px 2px #ccc;
    padding:10px 5px;
    border-radius: 5px;

}
.sticky li:hover{
    margin-left:-25px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:15px;
    writing-mode: vertical-lr;
}
.sticky li p a{
    text-decoration:none;
    color:#FFFFFF;
    font-size:14px;

}
.facebook-twitter{
  box-shadow: 3px 3px 15px rgb(0 0 0 / 9%);
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.post-tags1 li{
  color: #333 !important;
  line-height:normal;
  word-spacing:normal;
  /*font-weight: 700;*/
}
.post-tags li i{
  color:#666666 !important;
}
.list-posts1 > li img{
   width:80px !important;
}

.error{
  color:#C62828 !important;
  font-size: 13px;
}
.subarticle{
  border:1px solid #C62828 !important; /*add class remove class from submit article form validation*/
}
.sub_banner{
  border-top: 1px solid #f0771e;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-size: cover; 
}
.text-heading{
  font-size: 25px;
  line-height: 30px;
  padding-bottom: 10px;
  color: #FFF;
  font-weight: 600;
  letter-spacing: -0.6px;
}
.page_h1{
  color: #FFF;
  padding: 10px 0;
  font-size: 24px;
  font-weight:600;
}
.checkbox_stylee{
  width:2.3%;
}
.add_document{
  padding: 0px 1px 10px;
}
.file_input_type{
  margin: 0 0 12px !important;
}
.add_document_button,.remove_document_button{
  color: #FFF !important;
}
.submit_button{
  padding: 15px 18px !important;
  color: #FFF !important;
}
.forgot_signup{
  margin-top: 20px;
}
.guideline{
  margin:0px 0px 20px;
}
.form-check-label{
  padding: 0px 6px 2px;
}
.checkbox_content{
  font-size: 12px !important;
}
.signin_box{
    border-right: 1px solid #ccc;
    padding: 20px 20px 20px;
    box-shadow: 3px 3px 20px rgb(0 0 0 / 9%);
    border-radius: 4px;
}
.contact_more{
   padding: 20px 20px 20px;
}
ul.side-socials-widgets {
    padding: 0;
    margin: 0 10px 0 0;
    list-style: none;
}
ul.side-socials-widgets > li {
    margin-bottom: 20px;
}
ul.side-socials-widgets a {
    color: #667;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}
ul.side-socials-widgets a i {
    display: inline-block;
    font-size: 13px;
    margin-right: 25px;
    color: rgb(255,133,0);
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    padding-top: 7px;
    border: 1px solid rgb(255,133,0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

ul.side-socials-widgets a:hover, ul.side-socials-widgets a:focus {
    color: rgb(255,133,0);
}
.side-socials-widgets > li a:hover i {
    background-color: rgb(255,133,0);
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.text-white{color: #fff !important;}
.pt-2 {
  padding-top: 2% !important;
}
.pt-3{
  padding-top: 3% !important;
}
.pb-3{
  padding-bottom: 3% !important;
}
.category_section{
  margin-top:-4%;
  padding-bottom: 25px;
}
.hspi-blue{
  color: #061a3e;
}
.owl-item h4, .owl-item p, .owl-item i{
  color: #061a3e;
  font-weight: 600;
}
.owl-item:hover h4, .owl-item:hover p, .owl-item:hover i{
  color: #FFF;
}
.owl-item .template-demo p{
  font-size: 14px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}
.owl-item .affiliation_color i{
    color: #a7a7a7;
}
.hr_line {
    border-bottom: 1px dotted #666666;
}
.owl-item .profile h4 {
    font-size: 13px;
    font-weight: bold;
}
.owl-item .profile .cust-name {
  color: #000;
}
.hp_h2{
  font-size: 18px;
  font-weight:900;
  
}
.hp_h2_20{
  font-size: 16px;
  font-weight:600;
}
.conf_title {
    margin-top: 30px;
}
.mb-2{
  margin-bottom: 15px;
}
.conf_footer{
    border: 1px solid #061a3e;
}
.conf_button {
    display: flex;
    margin-right: 6px;
    justify-content: -webkit-box;
}
.conf_button li {
    list-style-type: none;
    margin-right: 5px;
    margin-top: 7px;
}
.heading-news3-hp {
    padding: 50px 15px 40px;
}
.heading-news3-hp .owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.heading-news3-hp .heading-news-box .owl-wrapper .item {
    padding: 0 15px;
}
/* .heading-news3-hp .image-post:hover .hover-box {
    background: rgba(34, 34, 34, 0.7);
}
.heading-news3-hp .image-post:hover .hover-box:before {
    border-color: #999999;
} */
.heading-news3-hp .image-post .hover-box:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.heading-news3-hp .image-post .hover-box {
    position: absolute;
    overflow: hidden !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: transparent;
}
.heading-news3-hp h2{
  margin-top: 0px;
}
.heading-news3-hp h3 a{
  text-decoration: none;
  color: #FFF;
}
.heading-news3-hp p a{
  color: #fff;
  font-family: "FAT Regular", sans-serif;
  font-size: 16px;
}
.heading-news3-hp p a:hover{
  color: #fff;
  text-decoration: none;
}
.heading-news3-hp .image-post .hover-box .inner-hover ul.post-tags li i{
  margin-right:5px;
}

#myTab li.active:after{
  /*content: "";
  border: 15px solid transparent;
  border-top-color: #061a3e;
  padding: 9px 0 0 0;*/

  content: "";
  position: relative;
  bottom: -12px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #061a3e;
}

.top-stories {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 10px;
    background: #f44336;
    top: 20px;
    left: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
}
.article-contents-style p{
  padding-top: 10px;
}
.article-contents-style a.top-stories{
  color: #fff;
  text-decoration: none;
}
.pt-1{padding-top: 1% !important;}
.text-red{color: #f44336 !important;}
.hp_bg_green {
    background: #32b47b;
}
.hp_bg_blue {
    background: #33a3f1;
}
.hp_bg_purple {
    background: #4c60f6;
}
.hs_sm_ar .owl-theme .owl-controls {
    margin-top: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -64px;
    margin-right: 2px;
}
.hs_sm_ar .owl-theme .owl-controls .owl-buttons div {
    font-size: 11px;
    color: #999999;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    background: transparent;
    border: 1px solid #cccccc;
    margin-left: 2px;
    outline: none;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    opacity: 1;
    margin: 0 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.hs_sm_ar .owl-theme .owl-controls .owl-buttons div.owl-next:after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
  font-weight: 600 !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #999999;
}

.hs_sm_ar .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
  font-weight: 600 !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #999999;
}
.hs_sm_ar .owl-theme .owl-controls .owl-buttons div.owl-next:after{
  font-size:15px;
  line-height:normal;
  font-weight:normal;
}
.hs_sm_ar .owl-theme .owl-controls .owl-buttons div.owl-prev:after{
  font-size:15px;
  line-height:normal;
  font-weight:normal; 
}
.resources .poloccy-heading{
  font-size:14px;
  line-height:22px;
}
.hp_remove_bg .bx-wrapper .bx-prev, .bx-wrapper .bx-next{
  background: none;
}
.hp_remove_bg img{
  border: 1px solid #CCC;
  border-radius: 4px;
}
/*Kishore*/
.count-section{
  margin-bottom: 50px;
}
.counts {
  background: #f1f7fd;
}

.counts .count-box {
  padding: 30px 30px 25px 30px;
  width: 100%;
  position: relative;
  text-align: center;
  background: #fff;
}

.counts .count-box i {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: #061a3e;
  /* background: #1977cc; */
  padding: 12px;
  color: #fff;
  border-radius: 50px;
}

.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 600;
  color: #082744;
}

.hp_university i{
  background: #f0771e;
  width: 40px;
  height: 40px;
  color: #ffffff;
  text-align: center;
  position: relative;
  line-height: 40px;
  font-size: 30px;
  margin-right: 5px;
  float: left;
}

form.university-form input[type=text] {
  padding: 8px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

form.university-form button {
  float: left;
  width: 20%;
  padding: 8px;
  background: #061a3e;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

form.university-form button:hover {
  background: #0b7dda;
}

form.university-form::after {
  content: "";
  clear: both;
  display: table;
}
.article_by_country_h2{
  padding: 0px !important;
  color: #FFF;
  margin-top: 0px !important; 
}
#subscribe{
  padding: 12px 10px 11px !important;
}
.ec_eb_right li{
  width:33.33% !important;
}
.ec_eb_right h2 a{
  
}
.hp_testimonials{
  border: 1px solid #CCC;
  min-height: 160px;
}
.hp-mb{
  margin-bottom: 20px;
}
.a_satisfaction{
  padding: 0px;
}
.a_satisfaction li{
  list-style: none;
  padding: 4px;
}
/*.a_satisfaction li:before{
  content: "\f18e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
}*/
.a_satisfaction a:hover{
  text-decoration: none;
  color: #f44336;
}
.hp-pt-3{padding-top: 30px;}
.hp-p-0{padding: 0;}
.hp-accordion .collapsed h5{
  color: #337ab7;
}
.hp-accordion .card-header a{
  color: #f44336;
}
.hp-accordion .card-header a:hover{ text-decoration:none;}
.hp-accordion .card{
  padding: 10px 15px !important;
  margin-top: 10px;
}
.hp-accordion .card-body{
  padding: 10px 0 5px 0;
}
.hp-accordion .card-body a{
  background-color: #061a3e;
  color: #FFF !important;
}
.hp-accordion .card-body a:hover{
  background-color: #f44336 !important;
  color: #FFF;
  border:1px solid #f44336 !important;
}
.hs_sm_ar img{
  border:1px solid #CCC;
}
.overlay_hp{
    position: absolute;
    bottom: 0;
    background-color: #061a3e;
    color: #f1f1f1;
    width: 92%;
    transition: .5s ease;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    line-height: 18px;
}
@media (max-width: 1024px) {
   .overlay_hp{
    width: 96%;
   }
}
@media (max-width: 768px) {
   .overlay_hp{
    width: 62%;
   }
}
@media (max-width: 425px) {
   .overlay_hp{
    width: 56%;
   }
}
@media (max-width: 375px) {
   .overlay_hp{
    width: 64%;
   }
}
@media (max-width: 320px) {
   .overlay_hp{
    width: 76%;
   }
}
.glyphicon-ok:before {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
}
#country_search .btn-group>.btn:first-child{
    padding: 12px 10px 11px !important;
    width: 100%;
    outline: none;
    background: #ffffff;
    padding: 14px 20px 11px;
    color: #999999;
    font-size: 12px;
    border: transparent;
    margin: 0;
    line-height: 12px;
    height:35px;
}
#country_search #submit-subscribe{
  float:unset;
}
#country_search .bootstrap-select.btn-group .dropdown-menu li{
  width: 280px;
  font-size: 12px;
}
.cp_search .bootstrap-select.btn-group .dropdown-menu li{
  width: 280px;
  font-size: 12px;
}
.article-div{margin-top: 30px !important;}
.search-h1 span{color: red;}
.indexing img{ height: 50px; }
.collapsed .fa-minus:before{content:"\f067";}
.standard-post2 .post-title {
    padding: 18px 20px;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.standard-post2 .post-title h2 {
    color: #333333;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 16px;
}
.standard-post2 .post-title h2 a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #333333;
}
.article-box .news-post {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}
.news-post {
    position: relative;
}
.label-issue {
    display: inline;
    padding: 4px;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px;
    box-shadow: 0px 2px 5px #ccc;
    margin: 2px;
    font-weight:normal;
}
.google-img {
    float: right;
    width: auto !important;
}
.article-des{
  font-size: 16px;
  line-height: 1.4em;
}
.issues-btns {
    padding: 2px 5px;
    margin-bottom: 10px;
    margin: 2px;
}
.standard-post2:hover .post-title {
    background: transparent;
}
.latest-articles:hover {
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
    z-index: 2;
    border-radius: 5px;
}
.mb-0{margin-bottom: 0px !important;}
.article_top{height: 46px;}
.hspi_cpage h2{ font-size: 20px; line-height: 25px; margin-top:25px;color: #061a3e !important;font-weight:bold;}
.hspi_cpage ul{padding-left:revert !important;}
.hspi_cpage ul li{padding-bottom:5px !important; list-style-type:disclosure-closed !important;}
.hspi_cpage table{border:1px solid #333; }
.hspi_cpage table td { height:30px; border: 1px solid #333;}
.hspi_cpage table tr:first-child td { height:35px; background-color: #333; color: #FFF;}
.label-btns {
    display: inline;
    padding: 4px 4px;
    font-size: 11px;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .0em;
    box-shadow: 0px 2px 5px #ccc;
  }
.article-buttons-last li:last-child{float: right;}
#hp_msg_pop, #SubmitArticle{z-index: 100000;}

.pb-2 {
    padding-bottom: 10px;
}
.label-issue {
    display: inline;
    padding: 3px 3px;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .0em;
    box-shadow: 0px 2px 5px #ccc;
}
#articlerecord .article-titles{
	margin-top: 10px; margin-bottom: 0px; padding-bottom: 10px;
}
#articlerecord a.read-more-button:hover i {
    color: #ffffff;
    background: #333333;
    border-right-color: transparent;
    margin: 0px;
}
#articlerecord a.read-more-button i {
    padding: 6px 8px;
    border-right: 1px solid #cccccc;
    background: #fafafa;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#articlerecord a.read-more-button span {
    padding: 6px 10px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#articlerecord a.read-more-button:hover span {
    color: #222222;
    background: #f5d76e;
}
#articlerecord a.read-more-button span {
    padding: 6px 10px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#articlerecord .article_buttons a {
    display: inline;
    padding: .2em .6em .2em;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0 !important;
    border: 1px solid #999;
    color: #666!Important;
    font-weight: normal;
    cursor: pointer;
    text-transform: unset;
    display: inline-block;
}
#articlerecord .article_buttons a:hover {
  color: #f44336 !important;
  background-color: #FFF !important;
}
.mt-1 {
    margin-bottom: 15px;
}
.desktop-advert1{text-align: right; padding-top: 20px;}
.desktop-advert1 input[type="text"]{
  padding: 12px;
  width: 40%;
  padding-right: 40px;
}

.article-search-btn{padding: 8px !important;}
.navbar-form button {right:2px;}
.article_tags{padding-bottom: 10px !important;}
.article_tags li{ color: #333 !important; font-size: 12px !important;}
.pagination-box{padding-bottom:20px;}
.article-search-btn {
    padding: 8px !important;
}
.navbar-form button{top:10px;}

.article_tags{padding-bottom: 10px !important;}
.article_tags li{ color: #333 !important; font-size: 12px !important;}
.pagination-box{padding-bottom:20px;}
.article-search-btn {
    padding: 8px !important;
}
.navbar-form button{top:10px;}
.post-title2{padding: 0px;text-align:center;}
.post-title2 a{color: #FFF !important;}

.hspi_morecontent span {
    display: none;
}
.hspi_morecontent a{
 text-decoration: none;
 color: red;
}
.morelink, .morelink:hover {
  text-decoration: none;
  color: red;
  font-weight: bold;
  font-size: 11px;
}
.hspi_cpage ol{
padding-left:revert;
}









/*list item style/*



ol.ordered-list {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.ordered-list > li {
    position:relative; /* Create a positioning context */
    margin:0 0 4px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 4px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:1px solid #ccc;
    background:#fff;
    cursor: default
}
ol.ordered-list > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:1px solid #ccc;
    color:#fff;
    background:#ccc;
    font-weight:bold;
    text-align:center;
}

ol.ordered-list > li:hover, ol > li:hover {
	background-color: rgb(59 89 144);
	background-color: #f5f5f5; }

ol.ordered-list > li:hover:before, ol > li:hover:before {
  background-color: #061a3e !important;
	/* background-color: rgb(59 89 144); */
	border-color: rgba(9,80,81,0.7); }

.ordered-list li ol,
.ordered-list li ul {margin-top:6px;}
.ordered-list ol ol li:last-child {margin-bottom:0;}







ol.ordered-list {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.ordered-list > li {
    position:relative; /* Create a positioning context */
    margin:0 0 4px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 4px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:1px solid #ccc;
    background:#fff;
    cursor: default
}
ol.ordered-list > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:1px solid #ccc;
    color:#fff;
    background:#ccc;
    font-weight:bold;
    text-align:center;
}

ol.ordered-list > li:hover, ol > li:hover {
  border-color: #061a3e;
	/* border-color: rgb(59 89 144); */
	background-color: #f5f5f5; }

ol.ordered-list > li:hover:before, ol > li:hover:before {
	background-color: rgb(59 89 144);
	border-color: rgba(9,80,81,0.7); }

.ordered-list li ol,
.ordered-list li ul {margin-top:6px;}
.ordered-list ol ol li:last-child {margin-bottom:0;}





ol.ordered-list {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.ordered-list > li {
    position:relative; /* Create a positioning context */
    margin:0 0 4px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 4px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:1px solid #ccc;
    background:#fff;
    cursor: default
}
ol.ordered-list > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
}


/*Scroll top css start*/
  #return-to-top {
    position: fixed;
    bottom: 42px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: #061a3e;
    width: 45px;
    height: 44px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    
    left: 13px;
    top: 7px;
    font-size: 30px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(59 89 144);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/*Scrool Top css end*/
.conf_card {
    padding: 0px !important;
}
	
	
	



/* .boxcount {box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; width:140px; height:140px; margin:10px;} */
/* .boxcount {
  width: 140px;
  height: 140px;
  margin: 6px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
} */

.hspi-article-title{
  color: #061a3e;
  font-size: 22px;
}
.hpsi-articles-modal{
  max-width: 75% !important;
  margin: 1rem auto !important;
}
.article-popup-scroll{
  height: 500px;
  overflow-y: scroll;
}
/*.numbered-circle {
    font-size: 12px;
  color: #fff;
    background-color: #3b7ba7;
    border-radius: 50%;
    width: 32px;
    height: 28px;
    margin-right: 6px;
  padding: 4px;
    text-align: center;
}*/
.numbered-circle {
    font-size: 12px;
    color: #fff;
    background-color: #3b7ba7;
/*    border-radius: 5%;*/
    /*width: 32px;
    height: 28px;*/
    /* margin-right: 6px; */
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
.p-0{
  padding: 4px;
}
.article-names-sec{
  line-height: normal;
  padding: 3px;
  border: 1px solid transparent;
}
.article-names-sec a{
  font-size: 13px;
  color: #06314a !important;
  text-decoration: none;
}
.mtb-10{
    margin-bottom: 10px;
    margin-top: 10px;
}
.article-names-sec:hover{
  border: 1px solid #17628f;
  padding: 3px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
.w-25{
  width: 25%;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.journal_margin{
  padding: 5px;
  margin-bottom: 10px;
}
.p-3{
  padding: 5px;
}
.footer_heading{
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}
.home_page_editor_names a{
      font-size: 13px;
}
.ql-group{
  margin: 15px 0 27px 10px;
}
.ql-btn{
  padding:10px 45px; font-size: 20px;
}
.ql-btn-1{
  padding:10px; font-size: 20px;
}
.ql-ul{font-weight: bold;color: #FFF;width: 100%;}
.ql-ul li{padding: 6px;}

/*2024-06-25*/
.hspi_ql{
  background:#fff; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; border-radius:4px; z-index: 1000;padding:8px;
}
.hspi_ql .col-md-3{padding: 5px 8px;}
.hspi_l{box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;; border-radius:2px; text-align:center; margin:0;}
.fa-4 { font-size: 7em;}
.hspi_l p{font-size: 1.45rem; color: #061a3e; font-weight:bold; padding-top:5px;}
.hspi_search_home{
  padding: 1.5rem 0;
  position: relative;
  background-color: #061a3e;
  /* padding-bottom: 120px;
  background-image: url(../../../images/dashboard/hero-banner.jpg);
  background-repeat: no-repeat !important;
  background-size: 100%;
  height:340px;*/
}
.hero-bnr-content {
  position: relative;
  z-index: 1;
}
.mrgn-0{margin: 0 !important;}
.mrgn-tp-30{margin-top: 30px !important;}
.mrglf-25{margin-left: 25px !important;}
.mrgn-25{margin-left: -25px !important;}
.hspi_search_home h1{font-size: 25px;color: #fff;margin-top: 10px !important;font-weight:bold;}
.hspi_search_home h2{font-size: 20px;color: #fff;margin-top: 15px !important;}
.hspi_hd{font-size:20px;font-weight: 600; padding:6px;}
.hspi_l img{width: 50%; margin:0 auto; padding-top:10px;}
.ticker-controls{margin: 5px 0 0 0;}
.hspi_search_home .input-group .input-group__input{margin-bottom:8px;}
.ticker-news-box{
  padding: 10px;
  background-color: #061a3e;
  /* background-color: #71f3ff; */
}
.subms-btns{
  color: #222 !important;
  background-color: #fff !important;
  padding: 6px 8px !important;
  margin: 8px 5px;
}
.navbar-nav > li.custom-submission-hover:hover > .dropdown-menu {
  display: block;
}
.navbar-nav > li.custom-submission-hover {
  position: relative;
}
.navbar-nav > li.custom-submission-hover > .dropdown-menu {
  top: 100%; /* Stick to bottom of button */
  margin-top: 0 !important; /* Remove any gap */
  left: 0;
  right: auto;
  position: absolute;
  z-index: 9999;
}

.mega-submission-menu {
  background-color: #041e42;
  min-width: 170px;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.mega-submission-menu > li > a {
  display: block;
  padding: 10px 15px;
  color: #fff !important;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  transition: background 0.2s ease;
}
.mega-submission-menu > li > a:hover {
  color: #222 !important;
  background-color: #fff;
  text-decoration: none;
}
.ticker-news-box .ticker{width:960px !important;}
.ticker-swipe{background-color:unset !important;}
.ticker-swipe span{background-color:unset !important;}
.hspi_ql a:hover > div{box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;}
@media screen and (max-width:768px) {
  .mrgn-25{margin-left: 0 !important;}
  .logo-stle{width: 200px;}
  .social-lst-styl{
    display: none;
  }
  .al-jrnl-indvd-title{
    display: block;
  }
  .blog-cntnt-sec{flex-wrap: wrap-reverse;}
}
@media screen and (max-width:425px){
  .logo-stle{margin-left: 14px;}
  .navbar-nav li.drop ul.dropdown li a:hover{color: #fff ;}
  .navbar-nav{display: block;}
  .input-group{
    flex-flow: row wrap;
  }
  .quick-link {
    flex: 1 1 calc(50% - 12px);
  }
}
/*New year wish design start*/

/*New year wish design end*/


.boxcount {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 105px;
  margin: 4px auto;
  padding: 10px;
  background: #e6f2ff;
  border-radius: 6px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  color: #333;
}
.boxcount:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.boxcount-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.boxcount i {
  font-size: 25px;
  margin-bottom: 5px;
}
.resources .poloccy-heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 19px;
}

.btn-highlight {
  position: relative;
  z-index: 1;
  animation: pulse 2s infinite;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  transition: box-shadow 0.3s ease-in-out;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}