/**************App-wide classes***********************/

.btn-app{    
    background: rgb(25, 90, 157);
    border-radius: 1px;    
    font-weight:600;
    color: white;
    /* min-width: 165px; */
}
.btn-app:hover{    
    background:rgb(30, 121, 195);
    color: white;
}






/**************Main Navigation************************/

.navbar{    
    padding: 15px 0px;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .dropdown-item{    
    font-weight: bold;
    color: rgb(25, 90, 157);
}
.navbar-nav .nav-link.active{
    color: inherit;
}



.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.logo img {
    margin-right: 6px;
    width: 40px;
    height: 40px;
}
.logo-text {
    color: rgb(25, 90, 157);
    height: 40px;
}
.logo-title {
    font-weight: bold;
    text-transform: uppercase;

    font-size: 1.5rem;
    line-height: 1.5rem;
    
}
.logo-subtitle {        
    text-transform: uppercase;

    font-size: .9rem;
    line-height: 1rem;
    font-weight: 600;
}


/**New Logo Implementation: New Image Provided**/
.logonew{
    text-decoration: none;
    border: 0;
}
.logonew img{
    width:270px;
}
/*size lg above*/
@media (min-width: 992px){
    .logonew img{
        width:300px;
    }   
}


.marker{
    display: flex;    
    align-items: center;
    text-decoration: none;
    color:rgb(51,51,55);    
}
.marker img{
    margin-right: 8px;
    width: 36px;
    height: 36px;
}
.marker-title {    
    text-transform: uppercase;
    font-size: .9rem;
    line-height: 1.1rem;
    font-weight:500;
}
.marker-subtitle {    
    font-size: .8rem;
    line-height: 1rem;
    font-weight:300;
}

/*size lg above*/
@media (min-width: 992px) {
    .navbar{
        padding: 0px;
        height: 58px;
        background: rgb(25, 90, 157);
    }
    .navbar-nav .nav-link,
    .navbar-nav .nav-link.active,
    .navbar-nav .dropdown-item{                
        font-weight: 500;
    }
    .navbar-nav .nav-link.active{
        color: white;
    }
    .navbar-nav .nav-link{
        color: white;
    }
    
    .navbar-nav .nav-link.active{
        font-weight: 700;
    }
    .navbar-nav .nav-link.show{
        color: white;
        font-weight: 700;
    }
    


    
    .logo img {
        margin-right: 15px;
        width: 50px;
        height: 50px;
    }
    .logo-text {
        height: 50px;
        text-decoration: none;
    }
    
    .logo-title {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }
    .logo-subtitle {
        font-size: 1rem;
        line-height: 1.2rem;      
    }
}
/*Customizing further starting xxl*/
@media (min-width: 1400px){
    /* .navbar{    
        height: 8vh;
    }  */   
    
}


.cover{
    background-image: url('../img/cover4.png'); /* Replace with your image path */
    background-repeat: repeat-x;
    background-position: center bottom;
    width: 100%;
    height: 35vh;
    position: relative;
}    


.footer{
    background: rgb(25, 90, 157);
    color:white;
    text-align: center;
}
.footer-heading{
    font-size: 1.5rem;
    line-height: 1.7rem;
    font-weight: 500;
    text-transform: uppercase;
}
.footer-text{
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 300;
}
.footer-text strong{
    font-weight:700;
}
.footer a,
.footer a:link,
.footer a:active,
.footer a:visited,
.footer a:hover{
    color:white;
    text-decoration: none;
}
.footer a:hover{
    text-decoration: underline;
}

.footer-blogs{ /*ul*/
    color: white;
    font-size:1rem;
    list-style: none;
}

/*size lg above*/
@media (min-width: 992px){
    .footer-blogs{
        list-style: square;
    }
}


/**Bootsrap Modal Effect**/
.modal.zoom .modal-dialog {
    transform: scale(0.8);
    transition: transform 0.3s ease;
}
  
.modal.zoom.show .modal-dialog {
    transform: scale(1);
}
.modal-title{
    font-size: 1.7rem;
    font-weight: 700;
    text-transform: uppercase;
}