.editor-section-main{
	margin:10px 0px;
}
.editor-section h1{
	color: #2640d4;
}
.click-font{
	font-family: 'Lato', sans-serif;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 12px;
}
.editor-section a{
	text-decoration: none;
	color: #242426;
}
.editor-section-border{
	border-bottom: 1px solid #a19c9c;
}
.all-forms{
	margin: 10px 0px;
	font-family: 'Lato', sans-serif;
}
.triangle-left {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 50px solid #555;
	border-bottom: 25px solid transparent;
}
.form-group span{
	font-size: 10px;
}
.uploadicon i{
	font-size: 18px;
    color: #ffff;
    border-radius: 7px 0px 0px 7px;
    background-image: linear-gradient(#141E30,#243B55);
    width: 16%;
    padding: 8px 8px;
    
}

.icon-form-upload{
	width: 100%;
    justify-content: flex-end;
    margin: 10px 0px;
    /*padding: 8px 8px;*/
    box-shadow: 0px 0px 3px #ccc;
    box-sizing: border-box;  
    border: 2px solid #e8dcdc;
    border-radius: 10px;
}
@media screen and (max-width: 386px) {
    .uploadicon i{ 
        font-size: 16px;
        width: 37%;

    }
}
@media screen and (min-width:387px) and (max-width: 503px) {
    .uploadicon i{ 
        font-size: 16px; 
        width: 31%;

    }
}
@media screen and (min-width:503px) and (max-width: 644px) {
    .uploadicon i{ 
        font-size: 18px; 
        width: 27%;
    }
}
@media screen and (min-width:767px) and (max-width: 848px) {
    .uploadicon i{ 
        font-size: 15px;
        width: 21%;

    }
}
@media screen and (min-width:848px) and (max-width: 1072px) {
    .uploadicon i{ 
        font-size: 15px;
        width: 18%;

    }
}


/*form end*/

/*start editorial images and details*/


/*for headings*/
.heading
{
    padding: 10px 0;
    
}
.heading h2{
    font-size: 40px;
    color: #0078B9;
    text-transform: uppercase;
    text-align: center;
}
/*.heading h2:before{*/
/*    content:attr(before-title);*/
/*    font-size:55px;*/
/*    color: #969696;*/
/*    opacity: 0.2;*/
/*    text-transform: uppercase;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 0;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 100%;*/
/*    text-align: center;*/

/*}*/
@media screen and (min-width: 300px) and (max-width: 425px){
    .heading h2 {
        margin: 0px 0;
        font-size: 30px;
        color: #0078B9;
        text-transform: uppercase;
    }
    .heading h2:before {
        content: attr(before-title);
        font-size: 35px;
        color: #969696;
        opacity: 0.2;
        text-transform: uppercase;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        width: 100%;
    }
}
@media screen and (min-width: 425px) and (max-width: 768px){
    .heading h2 {
        margin: 0px 0;
        font-size: 40px;
        color: #0078B9;
        text-transform: uppercase;
    }
    /*.heading h2:before {*/
    /*    content: attr(before-title);*/
    /*    font-size: 45px;*/
    /*    color: #969696;*/
    /*    opacity: 0.2;*/
    /*    text-transform: uppercase;*/
    /*    position: absolute;*/
    /*    left: 50%;*/
    /*    top: 0;*/
    /*    transform: translate(-50%, -50%);*/
    /*    width: 100%;*/
    /*}*/
}
.quick-links
{
    width: 100%;
}


/*guidelines  css*/
.for-Editor-heading{

    margin-top: 30px;
    border-bottom: 3px solid #bfc8da;
    
}
.for-Editor-heading
{
    padding: 10px 0;
    
}
.for-Editor-heading h2{
 font-size: 30px;
 color: #0078B9;
 text-transform: uppercase;
 text-align: center;
}
/*.for-Editor-heading h2:before{*/
/*    content:attr(before-title);*/
/*    font-size: 38px;*/
/*    color: #969696;*/
/*    opacity: 0.2;*/
/*    text-transform: uppercase;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 36px;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 100%;*/
/*    text-align: center;*/

/*}*/
@media screen and (min-width: 300px) and (max-width: 425px){
    .for-Editor-heading h2 {

        font-size: 17px;

    }
    .for-Editor-heading h2:before {

        font-size: 21px;

    }
}
@media screen and (min-width: 425px) and (max-width: 995px){
    .for-Editor-heading h2 {

        font-size: 20px;

    }
    .for-Editor-heading h2:before {

        font-size: 25px;
    }
}
.triangle-left {
    width: 0;
    height: 0;
    top: 75px;

    right: 10px;
    position: absolute;
    border-top: 23px solid #fb212100;
    border-right: 29px solid #8fb3e0;
    border-bottom: 0px solid transparent;
}
@media screen and (min-width: 300px) and (max-width: 425px){
    .triangle-left{

     top: 59px;
 }
}
@media screen and (min-width: 425px) and (max-width: 995px){
    .triangle-left{

     top: 62px;
 }
}

.triangle-right-aim {

    width: 0;
    height: 0;
    top: 96px;
    position: absolute;
    border-top: 0px solid #fb212100;
    border-left: 27px solid #8fb3e0;
    border-bottom: 20px solid transparent;
}
@media screen and (min-width: 300px) and (max-width: 425px){
    .triangle-right-aim {

     top: 81px;
 }
}
@media screen and (min-width: 425px) and (max-width: 995px){
    .triangle-right-aim {

     top: 84px;
 }
}
.for-editor-font h2{
    padding: 4px 4px;

}
.editor-certificate a{

    text-decoration: none;
    background-color: #bc2d62;
    padding: 10px 20px;
    border-radius: 10px;
    color: #ffff;
    box-shadow: 0 1px 3px #000;
}
.editor-certificate a:hover{
    background-color: #ffff;
    color: #bc2d62;
}
.for-editor-details h3{
    font-size: 20px;
    color: #2d7ebc;
    margin-top: 10px;
    line-height: 25px;
    text-align: justify;

    font-family: 'Lato', sans-serif;

}
@media screen and (min-width: 300px) and (max-width: 450px)
{
    .for-editor-details h3{
        font-size: 14px;
        line-height: 25px;


    }
}
.for-editor-details ul li{
    margin-top: 10px;
    
    text-align: justify;
    line-height: 32px;
    font-size: 17px;
    font-family: 'Lato', sans-serif;

}
@media screen and (min-width: 300px) and (max-width: 768)
{
    .for-editor-details ul li{

        text-align: start;


    }
}



@media screen and (min-width: 300px) and (max-width: 768)
{
    .for-editor-details ul li{

        text-align: start;  
    }
}
.for-editor-details{
    margin-top: 20px;
}
.for-editor-font{
    position: relative;
    
}
/*guidelines  css end*/
/*for inner breadcrum banner css*/
.header-banner{
    background-image:url('../img/journal-banner.jpg');
    background-size: cover;
    width: 100%;
    background-repeat:no-repeat;
    position: relative;
    height: 300px;
}
.banner-h1{
    padding: 120px 75px 90px;
}
.header-banner h1{
    /*padding: 120px 75px 90px;*/
    font-size: 50px;
    color: #ffffff;
    letter-spacing: 2.2px;
}
.bread-overlay{
    position: absolute;
    height: 300px;
    top:0;
    background:rgba(0, 0, 0, 0.58);
    width: 100%;
    z-index: 997;
}
.banner-h1{
    z-index: 998;
}
.banner-h1 i{
    color: #f9be4d;
}
.banner-h1 p{
    color:#ffffff;
}
.banner-h1 span{
    color: #f9be4d;
}
/*media queries*/
@media screen and (max-width: 375px){
    .header-banner h1 {
        font-size: 22px;
    }
    .banner-h1 {
    padding: 120px 20px 90px;
    }
}
@media screen and (min-width: 376px) and (max-width: 425px){
    .header-banner{
        height: 190px;
    }
    .banner-h1{
        padding: 75px 50px;
        font-size: 15px;
    }
    .header-banner h1{
        font-size: 34px;
    }
    .bread-overlay{
        height:190px;
    }
}

/*end banner breadcrum css*/