body{

font-family:Arial,Helvetica,sans-serif;



margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:#0b0f2b;
    overflow-x:hidden;
    

}

.math-bg{
   position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.math-bg span{
    position: absolute;
    bottom: -50px;

    color: #241bd2;           /* Bright cyan */
    font-size: 30px;          /* Bigger */
    font-weight: bold;

    opacity: 0.9;

    text-shadow:
               /* Bright cyan */
       
       
        0 0 20px ;

    animation: floatUp 10s linear infinite;
}

/* Position and delay */
.math-bg span:nth-child(1){ left:5%; animation-delay:0s; }
.math-bg span:nth-child(2){ left:15%; animation-delay:1s; }
.math-bg span:nth-child(3){ left:25%; animation-delay:2s; }
.math-bg span:nth-child(4){ left:35%; animation-delay:3s; }
.math-bg span:nth-child(5){ left:45%; animation-delay:4s; }
.math-bg span:nth-child(6){ left:55%; animation-delay:5s; }
.math-bg span:nth-child(7){ left:65%; animation-delay:6s; }
.math-bg span:nth-child(8){ left:75%; animation-delay:7s; }
.math-bg span:nth-child(9){ left:85%; animation-delay:8s; }
.math-bg span:nth-child(10){ left:95%; animation-delay:9s; }
.math-bg span:nth-child(11){ left:50%; animation-delay:2.5s; }
.math-bg span:nth-child(12){ left:70%; animation-delay:5.5s; }

@keyframes floatUp{
    0%{
        transform: translateY(0) rotate(0deg) scale(0.8);
        opacity: 0;
    }

    20%{
        opacity: 1;
    }

    50%{
        transform: translateY(-50vh) rotate(180deg) scale(1);
    }

    100%{
        transform: translateY(-120vh) rotate(360deg) scale(1.2);
        opacity: 0;
    }
}

.logo-text{

font-size:30px;

font-weight:bold;

color:#1c3f95;



}
.navbar img{
    height: 80px;
    width: 200px;
}
.nav-link{

font-weight:500;

margin-left:20px;



}
.top-bar{
     background:#a92025;
    color:#fff;
    
    font-size:15px;
  

}

.navbar{
    padding:18px 0;
    position: sticky;
    top:0;
    left: 0;
    z-index: 999;


    
}
.navbar:hover{
    color: #0b2f7c;
}


.submit-btn{

   


padding:10px 25px;

border-radius:5px;

background-color: #1d4ed8;

}

.submit-btn:hover{

background:#7d3c14;
color: white;



}



.hero-section{
background-image:url("../images/maths2.png");
    width: 100%;
    height:350px;
    background-repeat: no-repeat; 
     background-position:center;
     
      background-size:cover;








}

.hero-section h1{

font-size:48px;
padding-top: 60px;

}

.hero-section p{

font-size:18px;

}

.hero-section a{
    background-color:#1d4ed8;
    color: white;
}

/* Journal Card */

.journal-card{


 border:none;

border-radius:10px;

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

background-color: #e8e9eb;


}

.journal-title{

color:#e85d0c;

font-weight:bold;

margin-bottom:20px;

}

.blue-btn{

background:rgb(77, 50, 227);

color:#fff;

margin-right:10px;

margin-top:10px;

}

.blue-btn:hover{

background:#14357d;

color:#fff;

}

/* Feature */

.feature-box{

background: linear-gradient(135deg, #1e3c72, #2a5298, #6a11cb);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

padding:30px;

text-align:center;

border-radius:10px;

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

transition:.4s;

height:100%;



}

.feature-box h5{
    color:#d3d7db;
}
  


.feature-box:hover{

transform:translateY(-10px);

}
.feature-box p{
    color: white;
}
/*====================
ABOUT
====================*/

.section-title{

font-weight:700;

color:#1d2d5d;

margin-bottom:20px;

}

.section-para{
    text-align: justify;
}

.about-list{

padding-left:18px;

line-height:2;

}

/*====================
PROCEDURE
====================*/

.step-box{

background:#fff;

padding:35px 25px;

border-radius:10px;

text-align:center;

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

transition:.4s;

height:100%;

}

.step-box:hover{

transform:translateY(-8px);

}
.step-box button{
    background:rgb(77, 50, 227);
    color: #fff;
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.step-box button:hover{
    background: #0b5ed7;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(13,110,253,0.3);
}


.step-icon{

width:70px;

height:70px;

margin:auto;

border-radius:50%;

background:#edf3ff;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#1d4ed8;

margin-bottom:20px;

}

/*====================
PRICE
====================*/

.price-box{

background:#fff;

padding:40px;

text-align:center;

border-radius:10px;

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

transition:.4s;

}

.price-box:hover{

transform:translateY(-8px);

}

.price-box h2{

font-size:45px;

font-weight:700;

color:#1d4ed8;

margin:20px 0;

}

/*==========================
KEY FEATURES
==========================*/

.feature-card{

background-color:#fff;

padding:30px;

border-radius:10px;

text-align:center;

box-shadow:0 5px 18px rgba(0,0,0,.08);

transition:.3s;

height:100%;

}

.feature-card:hover{

transform:translateY(-8px);

}

.feature-card i{

font-size:42px;

color:#1d4ed8;

margin-bottom:20px;

display:block;

}

.feature-card h5{

font-weight:600;

margin-bottom:15px;

}

/*==========================
BENEFITS
==========================*/

.benefit-list{

list-style:none;

padding:0;

}

.benefit-list li{

background:#fff;

padding:15px 20px;

margin-bottom:15px;

border-radius:8px;

box-shadow:0 3px 10px rgba(0,0,0,.06);

transition:.3s;

}

.benefit-list li:hover{

transform:translateX(8px);

}

/*==========================
FAQ
==========================*/

.accordion-item{

border:none;

margin-bottom:15px;

border-radius:8px;

overflow:hidden;

box-shadow:0 4px 12px rgba(0,0,0,.08);

}

.accordion-button{

font-weight:600;

padding:18px;

}

.accordion-button:not(.collapsed){

background:rgb(112, 112, 222);

color:#fff;

}
/*========================
INDEXING
========================*/

.logo-box{

background:#fff;

padding:25px;

border-radius:10px;

box-shadow:0 4px 15px rgba(0,0,0,.08);

transition:.3s;

}

.logo-box:hover{

transform:translateY(-8px);

}

.logo-box img{

height:60px;

object-fit:contain;

}

/*========================
BLOG
========================*/

.blog-card{

background:#fff;

border-radius:10px;

overflow:hidden;

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

transition:.3s;

height:100%;

}

.blog-card:hover{

transform:translateY(-10px);

}

.blog-card img{

width:100%;

height:220px;

object-fit:cover;

}

.blog-content{

padding:25px;

}

/*========================
CONTACT
========================*/

.contact-section{

background:#ffffff;

}

.form-control{

padding:12px;

border-radius:6px;

}

/*========================
FOOTER
========================*/

.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;

}

.social{

font-size:24px;

margin-right:15px;

color:#fff;

transition:.3s;

}

.social:hover{

color:rgb(99, 99, 180);

}

.footer hr{

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

margin:30px 0;

}

.top-bar{
    background:#343434;
    padding:14px 0;
}

.left-info,
.right-info{
    display:flex;
    align-items:center;
    gap:28px;
}

.right-info{
    justify-content:end;
}

.left-info a,
.right-info a,
.left-info span{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    transition:.3s;
}

.left-info i,
.right-info i{
    color:#fff;
    font-size:18px;
}

.left-info a:hover,
.right-info a:hover{
    color:#0d6efd;
}

@media(max-width:991px){

    .left-info,
    .right-info{
        justify-content:center;
        flex-wrap:wrap;
        gap:15px;
        margin:8px 0;
    }

}


.page-banner{
    background:
        linear-gradient(rgba(8,43,107,0.88), rgba(8,43,107,0.88)),
        url("images/banner-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 53px 0;
}

.page-banner .breadcrumb{
    color:#d7e8ff;
    font-size:16px;
}

.page-banner h1{
    color:#fff;
    font-size:38px;
    font-weight:700;
    margin-top:15px;
}



.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;

}

.contact-section{
    padding:80px 0;
}

.title{
    font-size:40px;
    font-weight:700;
    color:#0d3b66;
}

.subtitle{
    color:#666;
    font-size:17px;
}

.contact-info{
    background:#0d3b66;
    color:#fff;
    padding:40px;
    border-radius:15px;
    height:100%;
}

.contact-info h3{
    margin-bottom:20px;
    font-weight:bold;
}

.contact-info p{
    color:#e5e5e5;
}

.info-box{
    display:flex;
    align-items:flex-start;
    margin-top:30px;
}

.info-box i{
    width:55px;
    height:55px;
    background:#ffffff;
    color:#0d3b66;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    margin-right:18px;
}

.info-box h6{
    margin-bottom:5px;
    font-weight:bold;
}

.contact-form{
    background:#ffffff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.form-control{
    height:52px;
    border-radius:8px;
    border:1px solid #dcdcdc;
    box-shadow:none;
}

textarea.form-control{
    height:auto;
}

.form-control:focus{
    border-color:#0d3b66;
    box-shadow:none;
}

.submit-btn{
    background:#0d3b66;
    color:#fff;
    padding:12px 35px;
    border-radius:8px
    transition:.4s;
}

.submit-btn:hover{
    background:#14508c;
    color:#fff;
}

.map-box{
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.map-box iframe{
    width:100%;
    height:400px;
    border:0;
}

@media(max-width:768px){

.contact-section{
    padding:50px 0;
}

.title{
    font-size:32px;
}

.contact-info,
.contact-form{
    padding:25px;
}

}






.nav-pills .nav-link{
    width:100%;
    text-align:left;
    border-radius:0;
    border-bottom:1px solid #ddd;
    color:#000;
    background:#fff;
    padding:15px;
}

.nav-pills .nav-link.active{
  border-color: #5299cf;
     
    color:#fff;
}
.hover-img {
    transition: transform 0.4s ease;
}

.hover-img:hover {
    transform: scale(1.1);
}
body{
    background:#f5f5f5;
    font-family:Arial,sans-serif;
}

.editor-card,
.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;
}

hr{
    margin:30px 0;
}


.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;
}





.btn-submit{

    background:#2563eb;
    color:#fff;

}

.btn-submit:hover{

    background:#123b9c;
    color:#fff;

}

.btn-view{

    background:#0f766e;
    color:#fff;
    margin-left: 20px;
   

}

.btn-view:hover{

    background:#075e54;
    color:#fff;

}

.btn-archive{

    background:#7c3aed;
    color:#fff;
    margin-left: 30px;

}

.btn-archive:hover{

    background:#5b21b6;
    color:#fff;

}

.btn-guide{

    background:#ea580c;
    color:#fff;
    margin-left: 30px;

}

.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;
}


.mathematics {
    width: 100%;
    height: 350px;

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

    overflow: hidden;
}

.mathematics-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;

    transition: all 0.4s ease;
}

/* Hover effect */
.mathematics:hover .mathematics-logo {
    transform: scale(1.08);
}



.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;
    }
}