.body{
    height:auto;
    width:100%;
    margin:0px;
    padding:0px;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}



.journal-banner{
   
    background-image:url("../images/back.jpeg");
    
     background-repeat:no-repeat;
    height:200px;

   background-position: center;
   background-size: cover;
   display: flex;
   align-items: center;


   
}



.journal-banner::before{

    content:"";

    position:absolute;

    width:100%;
    height:200px;

    
}

.journal-banner .container{

    position:relative;
    z-index:1;
}

.banner h1{

    display:inline-block;

    background: #0a3553;

    color:#fff;

    padding:12px 18px;

    font-size:24px;

    margin-bottom:20px;
}



.breadcrumb{

    background:none;
}

.breadcrumb-item a{

    text-decoration:none;

    color:#666;

    font-style:italic;
}

.breadcrumb-item.active{

    color:#666;
}

.breadcrumb-item + .breadcrumb-item::before{

    content:">";

    color:#777;
}


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}





.surya{
    background:#fff;
    padding:20px;
    border:1px solid #e5e5e5;
}

.title{
    font-size:20px;
    font-weight:700;
    color:#222;
    position:relative;
    margin-bottom:20px;
}

.title::after{
    content:"";
    width:80px;
    height:2px;
    background:#d84a1b;
    position:absolute;
    top:50%;
    left:190px;
}

.title::before{
    content:"";
    width:10px;
    height:10px;
    border:3px solid #d84a1b;
    border-radius:50%;
    background:#fff;
    position:absolute;
    top:45%;
    left:175px;
}



.surya-img{
    width:170px;
    border:1px solid #ddd;
    padding:6px;
    height:50px;
}

.surya-name{
    color:#c74f1d;
    font-size:18px;
    font-weight:700;
}

.surya-box p{
    font-size:18px;
    color:#333;
}

.surya-box a{
    color:#c74f1d;
    text-decoration:none;
    font-size:15px;
}

.view-link{
    font-weight:bold;
    font-size:18px;
}

.editor-box img{
    width:100%;
}

/* Right Side */

.intro-text{
    font-size:18px;
    line-height:35px;
    color:#333;
    margin-bottom:30px;
    text-align: justify;
}

/* Journal Card */

.journal-card{
    background:#fff;
    border:1px solid #ddd;
    padding:15px;
    transition:.3s;
}

.journal-card:hover{
    box-shadow:0 6px 15px rgba(0,0,0,.15);
    transform:translateY(-3px);
}

.journal-card img{
    width:100%;
    border:1px solid #ccc;
}

.journal-card h4{
    font-size:20px;
    color:#1d2f55;
    font-weight:600;
    margin-bottom:15px;
}

.journal-card p{
    font-size:16px;
    color:#444;
    line-height:28px;
}

.journal-card hr{
    margin:15px 0;
}

.journal-card a{
  
    text-decoration:none;
    font-size:17px;
}

.journal-card span{
    margin-left:10px;
    font-size:17px;
}

/* Logos */

.editor-box .border{
    border:1px solid #ddd !important;
    padding:10px;
}

/* Hover */

a:hover{
    color:#000;
}

/* Responsive */

@media(max-width:991px){

.title::after,
.title::before{
    display:none;
}

.editor-name{
    font-size:24px;
}

.title{
    font-size:26px;
}

.intro-text{
    margin-top:20px;
}

.journal-card h4{
    font-size:18px;
}

}

@media(max-width:767px){

.journal-card .row{
    text-align:center;
}

.journal-card img{
    margin-bottom:15px;
}

.journal-card span{
    display:block;
    margin-top:10px;
    margin-left:0;
}

}














.editor-box{
    background:#fff;
    border:1px solid #ddd;
    padding:20px;
}

.editor-title{
    font-size:18px;
      position:relative;
    margin-bottom:25px;
    color:#0b2240;
     
}

.editor-title::after{
    content:"";
    position:absolute;
    width:100px;
    height:2px;
    background:#d74c1f;
    top:50%;
    left:170px;
}

.editor-title::before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    border:3px solid #d74c1f;
    border-radius:50%;
    background:#fff;
    left:158px;
    top:42%;
}

.editor-img{
    width:170px;
    border:1px solid #ccc;
    padding:5px;
}

.editor-name{
    color:#c74c1d;
    font-size:15px;
    font-weight:700;
}

.editor-box p{
    font-size:14px;
    color:#333;
}

.editor-box a{
    text-decoration:none;
    color:#aa7755;
    font-size:14px;
    line-height:28px;
}

.view-link{
    font-size:16px;
    font-weight:700;
}



.welcome-text{
    font-size:16px;
    line-height:35px;
    color:#333;
    margin-bottom:25px;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
}

.welcome-text span{
    color:#d35400;
}


.card{
    border-radius:4px;
    border:1px solid #d8d8d8;
}

.card-header{
    background:#efefef;
    font-size:15px;
    font-weight:600;
    color:#222;
    padding:12px 20px;
}

.card-body{
    padding:30px;
}



label{
    font-size:18px;
    font-weight:500;
    color:#222;
}


.form-control,
.form-select{

    height:48px;

    border-radius:4px;

    border:1px solid #cfd3d8;

    font-size:16px;

    box-shadow:none;
}

.form-control:focus,
.form-select:focus{

    border-color:#0d6efd;

    box-shadow:none;
}



.btn-primary{

    padding:10px 30px;

    font-size:16px;

    border-radius:4px;
}

/* ==========================
   Responsive
========================== */

@media(max-width:991px){

.editor-title::after,
.editor-title::before{
    display:none;
}

.editor-box{
    margin-bottom:25px;
}

.card-body{
    padding:20px;
}

}

@media(max-width:767px){

label{
    margin-bottom:8px;
}

.welcome-text{
    line-height:30px;
    font-size:16px;
}

.editor-img{
    width:140px;
}

}


.card{
    border:1px solid #dcdcdc;
    border-radius:6px;
}

.form-heading{
    background:#efefef;
    color:#222;
    font-size:16px;
    font-weight:600;
    padding:14px 20px;
}

.form-heading i{
    color:#0d2d50;
    margin-right:8px;
}

/* Labels */

label{
    font-size:15px;
    font-weight:500;
    color:#222;
}



.form-control,
.form-select{

    height:48px;

    border:1px solid #ced4da;

    border-radius:4px;

    font-size:16px;

    box-shadow:none;
}

.form-control:focus,
.form-select:focus{

    box-shadow:none;

    border-color:#d35400;
}

/* Textarea */

textarea.form-control{

    height:120px;

    resize:none;
}

/* File Upload */

input[type=file]{

    padding:10px;
}

/* Note */

.note{

    

    color:#222;
}

.note strong{

    font-weight:700;
}

/* Download Link */

a{

    text-decoration:none;

    color:#0d6efd;
}

a:hover{

    color:#d35400;
}

/* Captcha */

.captcha-box{

    background:#2b2b2b;

    color:#fff;

    text-align:center;

    height:36px;

    line-height:36px;

    font-size:19px;

    font-weight:700;

    letter-spacing:2px;

    border-radius:2px;
}

.refresh-btn{

    width:48px;

    height:48px;

    font-size:20px;

    border:none;

    background:#fff;
}

/* Buttons */

.btn-reset{

    background:#c45123;

    color:#fff;

   

    margin-right:10px;

    font-size:20px;
}

.btn-submit{

    background:#c45123;

    color:#fff;

   

    font-size:20px;
}

.btn-reset:hover,
.btn-submit:hover{

    background:#a83f17;

    color:#fff;
}



@media(max-width:768px){

label{

    margin-bottom:10px;
}

.captcha-box{

    margin-top:15px;
}

.refresh-btn{

    margin-top:15px;
}

.btn-reset,
.btn-submit{

    width:100%;

    margin-bottom:10px;
}
}




.navbar{
    background:white;
    padding:0;

    position: sticky;
    top:0;
    left: 0;
    z-index: 999;
}

.navbar-brand img{
    width:200px;
}

.navbar-nav .nav-link{
    color:black !important;
    padding:14px 15px;
    font-size:15px;
    
}

.navbar-nav .nav-link:hover{
    color:#56b5ff !important;
}

.dropdown-menu{
    width:260px;
    background:white;
    box-shadow: 0 10px 30px rgba(189, 51, 51, 0.15);
    border-radius:0;
    padding:0;
}

.dropdown-item{
    color:black;
    padding:15px 20px;
}

.dropdown-item:hover{
    background:white;
    color:#56b5ff !important;
}

.right-menu a{
    text-decoration:none;
    font-size:15px;
}

.register{
    color:#ff8c00;
}

.login{
    color:#7bc043;
}

.separator{
    color:#fff;
    margin:8px 0;
}


.top-header i:hover{
    cursor: pointer;
    color: #56b5ff;
}




.top-header{
            background:#333;
            color:#fff;
            font-size:15px;
            padding:12px 0;
        }

        .top-header a{
            color:#fff;
            text-decoration:none;
            transition:.3s;
        }

        .top-header a:hover{
            color:#f39c12;
        }

        .left-info span,
        .right-info span{
            margin-right:25px;
        }

        .left-info i,
        .right-info i{
            margin-right:8px;
        }

        .social-icons a{
            margin-left:12px;
            font-size:17px;
        }

        @media(max-width:992px){

            .left-info,
            .right-info{
                text-align:center;
            }

            .right-info{
                margin-top:10px;
            }

        }




        .quick-links {
    max-width: 350px;
}

.quick-title {
    font-size: 18px;
    font-weight: 700;
    color: #0b2345;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.quick-title::after {
    content: "";
    position: absolute;
    left: 105%;
    top: 50%;
    width: 180px;
    height: 2px;
    background: #d35400;
}

.quick-title::before {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border: 2px solid #d35400;
    border-radius: 50%;
    background:#f1f1f1;
}

.quick-links .list-group-item {
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 8px;
    
    transition: .3s;
    font-size: 18px;
   height:40px;
}

.quick-links .list-group-item a {
    text-decoration: none;
    color: #0b2345;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.quick-links .list-group-item i {
    color: #d35400;
    margin-right: 12px;
    font-size: 18px;
}

.quick-links .list-group-item:hover {
    background:#f1f1f1;
}

.quick-links .list-group-item:hover a,
.quick-links .list-group-item:hover i {
    color:red;
}




.content-card p{
    font-size:22px;
    line-height:1.9;
    color:#333;
}

.section-title{
    color:#d45522;
    font-size:40px;
    margin:20px 0;
}

.content-card ul li{
    margin-bottom:15px;
    font-size:22px;
}

hr{
    margin:30px 0;
}





.content-card{
    background:#fff;
    padding:20px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.heading{
    font-size:28px;
    font-weight:bold;
    color:#d45522;
    margin-bottom:15px;
}

.editor-title{
    font-size:28px;
    font-weight:700;
    display:flex;
    align-items:center;
    margin-bottom:25px;
}

.editor-title::after{
    content:"";
    flex:1;
    height:2px;
    background:#d45522;
    margin-left:12px;
}

.circle{
    width:12px;
    height:12px;
    border:2px solid #d45522;
    border-radius:50%;
    display:inline-block;
    margin-left:8px;
}

.editor-img{
    width:170px;
    border:5px solid #fff;
    box-shadow:0 0 5px rgba(0,0,0,.3);
}

.editor-name{
    color:#d45522;
    font-size:30px;
    font-weight:700;
    margin-top:20px;
}

.university{
    font-size:24px;
    color:#333;
    line-height:1.6;
}

.journal{
    color:#d45522;
    font-size:22px;
}

.view{
    color:#d45522;
    font-weight:bold;
    text-decoration:none;
    font-size:26px;
}

.content-card p{
    font-size:22px;
    line-height:1.9;
    color:#333;
}

.section-title{
    color:#d45522;
    font-size:40px;
    margin:20px 0;
}

.content-card ul li{
    margin-bottom:15px;
    font-size:22px;
}


.journal-card{

    background:#fff;

    border:2px solid #5d66ff;

    border-radius:25px;

    padding:40px;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

    position:relative;

}

.journal-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:25px;

    background:linear-gradient(90deg,#5865ff,#ff8a00);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

    pointer-events:none;

}

.logo{

    max-width:220px;

}

.journal-title{

    color:#123a8f;

    font-size:36px;

    font-weight:700;

    margin-bottom:25px;

    text-transform:uppercase;

}

.journal-list{

    list-style:none;

    padding:0;

}

.journal-list li{

    margin-bottom:15px;

    font-size:24px;

    color:#333;

    line-height:1.6;

}

.journal-list i{

    color:#123a8f;

    margin-right:8px;

}

.btn-custom{

    background:rgb(77, 50, 227);

    color:#fff;

    border-radius:12px;

    padding:14px 35px;

    font-weight:600;

    margin-right:10px;

    margin-bottom:10px;

    min-width:180px;

}

.btn-custom:hover{

    background:rgb(77, 50, 227);

    color:#fff;

}

/* Responsive */

@media(max-width:991px){

    .journal-title{

        font-size:26px;

        text-align:center;

    }

    .journal-list li{

        font-size:18px;

    }

    .btn-custom{

        width:100%;

    }

}







.journal-card1{
   
    background:#fff;

    border:2px solid #5d66ff;

    border-radius:25px;

    padding:5px;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

    position:relative;

    height: 300px;

}

.journal-card1::before{

    content:"";

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:25px;

    background:linear-gradient(90deg,#5865ff,#ff8a00);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

    pointer-events:none;

}

.logo{

    max-width:220px;

}

.journal-title1{

    color:#123a8f;

    font-size:25px;

    font-weight:700;

    margin-bottom:30px;

    text-transform:uppercase;

}

.journal-list1{

    list-style:none;

    padding:0;

}

.journal-list1 li{

    margin-bottom:15px;

    font-size:18px;

    color:#333;

    line-height:1.6;

}

.journal-list1 i{

    color:#123a8f;

    margin-right:8px;

}

.btn-custom{

    background:#17398c;

    color:#fff;

    border-radius:12px;

    padding:14px 35px;

    font-weight:600;

    margin-right:10px;

    margin-bottom:10px;

    min-width:180px;

}

.btn-custom:hover{

    background:#0d2d72;

    color:#fff;

}

/* Responsive */

@media(max-width:991px){

    .journal-title1{

        font-size:26px;

        text-align:center;

    }

    .journal-list li{

        font-size:18px;

    }

    .btn-custom{

        width:100%;

    }

}









/* Responsive */

@media(max-width:991px){

    .journal-card2{

        text-align:center;

        padding:30px;

    }

    .journal-title2{

        font-size:26px;

        margin-top:20px;

    }

}




.journal-card3{
    background:#fff;
    border:2px solid #4d6bff;
    border-radius:15px;
    padding:25px;
    text-align:center;
    height:100%;
    transition:.3s;
}

.journal-card3:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.logo{
    width:140px;
    margin-bottom:20px;
}

.journal-card3 h3{
    font-size:22px;
    color:#0b2f7c;
    font-weight:700;
    margin-bottom:20px;
    min-height:70px;
}

.journal-card3 ul{
    list-style:none;
    padding:0;
    text-align:left;
}

.journal-card3 ul li{
    margin-bottom:10px;
    font-size:15px;
}

.btn-group-custom3{
    margin-top:20px;
}

.btn-group-custom3 .btn{
    margin:5px;
    border-radius:8px;
    padding:10px 20px;
}








.quick-links {
    max-width: 350px;
}

.quick-title {
    font-size: 18px;
    font-weight: 700;
    color: #0b2345;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.quick-title::after {
    content: "";
    position: absolute;
    left: 105%;
    top: 50%;
    width: 180px;
    height: 2px;
    background: #0b2f7c;
}

.quick-title::before {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border: 2px solid #0b2f7c;
    border-radius: 50%;
    background:#f1f1f1;
}

.quick-links .list-group-item {
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 8px;
    
    transition: .3s;
    font-size: 18px;
   height:40px;
}

.quick-links .list-group-item a {
    text-decoration: none;
    color: #0b2345;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.quick-links .list-group-item i {
    color: #0b2f7c;
    margin-right: 12px;
    font-size: 18px;
}

.quick-links .list-group-item:hover {
    background:#f1f1f1;
}

.quick-links .list-group-item:hover a,
.quick-links .list-group-item:hover i {
    color:red;
}
.journal-section{
    padding:60px 0;
}

.journal-card{

    background:#edf4fb;

    border-radius:25px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.4s;

}

.journal-card:hover{

    transform:translateY(-5px);

}

.journal-img{

    width:240px;

    border-radius:8px;

    border:3px solid #ffffff;

    box-shadow:0 8px 18px rgba(0,0,0,.15);

}

.journal-title{

    color:#4968e6;

    font-size:20px;

    font-weight:700;

    margin-bottom:25px;

    

}

.journal-info{

    list-style:disc;

    padding-left:25px;

}

.journal-info li{

    font-size:14px;

    margin-bottom:12px;

    color:#333;

}

.journal-info strong{

    color:#000;

}

.journal-info a{

    color:#4169e1;

    text-decoration:none;

}

.journal-info a:hover{

    text-decoration:underline;

}


.btn{

    padding:10px 28px;

    border-radius:40px;

    font-size:17px;

    font-weight:600;

}

.btn-primary{

    background:#4f6cf5;

    border:none;

}

.btn-primary:hover{

    background:#2748d8;

}

.btn-outline-primary:hover{

    color:#fff;

}



.btn-submit{

    background:#2563eb;
    color:#fff;

}

.btn-submit:hover{

    background:#123b9c;
    color:#fff;

}

.btn-view{

    background:#0f766e;
    color:#fff;

}

.btn-view:hover{

    background:#075e54;
    color:#fff;

}

.btn-archive{

    background:#7c3aed;
    color:#fff;

}

.btn-archive:hover{

    background:#5b21b6;
    color:#fff;

}

.btn-guide{

    background:#ea580c;
    color:#fff;

}

.btn-guide:hover{

    background:#c2410c;
    color:#fff;

}

@media(max-width:991px)

{}

.volting-footer{
    background:black;
    padding:25px 0;
}

.volting-footer p{
    margin:0;
    color:#dcdcdc;
    font-size:14px;
    line-height:24px;
}

.volting-footer strong{
    color:#ffffff;
    font-weight:600;
}

.volting-footer a{
    color:#ffffff;
    text-decoration:none;
    transition:0.3s;
}

.volting-footer a:hover{
    color:#ffd54f;
    text-decoration:none;
}



.footer{

background:#0d1b4c;

color:#fff;

padding:60px 0 20px;

}

.footer h4,

.footer h5{

margin-bottom:20px;

font-weight:700;

}

.footer ul{

padding:0;

list-style:none;

}

.footer ul li{

margin-bottom:12px;

}

.footer ul li a{

color:#ddd;

text-decoration:none;
 
transition: 0.3s;

}

.footer ul li a:hover{

color:#fff;
padding-left: 10px;

}


.media{

font-size:24px;
display: inline-block;



color:#fff;

transition:.3s;

margin-left: 20px;

}
.media a i{
    margin-left:20px;
}
.media:hover{

color:rgb(99, 99, 180);

}

.footer hr{

border-color:rgba(255,255,255,.2);

margin:30px 0;

}


.indexed-section {
    padding: 20px 0;
}


/* ==============================
   Indexed Box
================================= */

.indexed-box {
    width: 100%;
    max-width: 340px;
    background: #ffffff;
    padding: 15px 12px 10px;
    margin: auto;
}


/* ==============================
   Heading
================================= */

.indexed-heading {
    display: flex;
    align-items: center;
    height: 42px;
    margin-bottom: 10px;
}

.indexed-heading h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    color: #111111;
    white-space: nowrap;
}


/* Small Orange Circle */

.heading-circle {
    width: 15px;
    height: 15px;
    border: 3px solid #d44d20;
    border-radius: 50%;
    margin-left: 7px;
    position: relative;
    background: #ffffff;
    z-index: 2;
}


/* Orange Line */

.heading-line {
    height: 2px;
    background: #c94b20;
    flex: 1;
    margin-left: -1px;
}


/* ==============================
   Logo Grid
================================= */

.indexed-grid {
    margin: 0;
    border-top: 1px solid #ddd;
}


/* Each Logo Box */

.indexed-item {
    height: 91px;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 8px;

    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


/* Remove right border from every 2nd item */

.indexed-item:nth-child(even) {
    border-right: none;
}


/* Logo Images */

.indexed-item img {
    max-width: 90%;
    max-height: 68px;
    width: auto;
    height: auto;

    object-fit: contain;

    transition: all 0.3s ease;
}


/* ==============================
   Image Hover
================================= */

.indexed-item:hover img {
    transform: scale(1.08);
}


/* ==============================
   View More
================================= */

.view-more {
    text-align: right;
    padding-top: 14px;
}

.view-more a {
    color: #d54c20;
    text-decoration: none;
    font-size: 19px;
    font-weight: 500;

    transition: 0.3s ease;
}

.view-more a:hover {
    color: #9d2e0c;
    text-decoration: underline;
}


/* ==============================
   Responsive
================================= */

@media (max-width: 576px) {

    .indexed-box {
        max-width: 340px;
    }

    .indexed-heading h3 {
        font-size: 20px;
    }

    .indexed-item {
        height: 88px;
    }

    .indexed-item img {
        max-width: 88%;
        max-height: 65px;
    }
}