@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.maateen.me/charu-chandan-3d/font.css');

body{

    overflow-x: hidden;
    /*font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: sans-serif;
    margin: 0;
    padding: 0;

}
 .border-primary{
     border-color: #124B65 !important;
 }
.hovera:hover{
    color: #3B82F6;
}

a.hovera:hover,
a.hovera:hover h1 {
    color: #3B82F6 !important;
}

a.hovera:hover,
a.hovera:hover h6 {
    color: #3B82F6 !important;
}
a.hovera:hover,
a.hovera:hover h2 {
    color: #3B82F6 !important;
}

.news-wrapper {
    border-top: 1px solid #e5e5e5;
}

.news-item {
    padding: 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.news-content {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.news-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    color: #000;
}

.news-content img {
    width: 100px;
    height: 60px;
    object-fit: cover;
    flex-shrink: 0;
}
.news-content img:hover {
    transform: scale(1.01);
}
/*section two */
.bg-blue{
    background-color: #05225e;
}
.bg-footer{
    background-color: #093184;
}
.text-color{
    color: #000000;
}
.bg-color{
    background: linear-gradient(to top,white, #064dd7);
}
.bg-color1{
    /*background: linear-gradient(to top, #107fe0, #52a0d5, #4697cb);*/
    background-color: #183f7f;
}
.section-width{
    width: 92%;
}
.roboto-bold {
    font-family: "Roboto", sans-serif ,Arial;
    font-weight: 700;
    font-style: normal;
}
.text-gray{
    color: #a1a0a0;
}
.text-font
{
    font-family: sans-serif,Arial;
    font-weight: normal;
}

/*header logo*/
.logo{
    width: 100%;
}
/*headnav*/
.headnav  li  a{
    font-size: 15px;
}
/*navber*/
.navbar li a:hover{
    padding: 5px 5px;
    background-color: #92b1d0;
    transition: 1s;
}
/*detail page css*/
.detaillogo img{
    width: 5%;
    height: 60px;
    border-radius: 50%;
}
.social-media1 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px;
    background-color: #09357f;
}
/*footer css*/
.social-media {
    width: 40px;
    height: 40px;
    padding: 10px;
    background-color: #0d2f79;
}

/*footerlogo*/
.footerlogo{
    width: 40%;
}
.link a{
    font-size:13px;
}
.link p{
    font-size:13px;
}
.link span{
   font-size: 10px;
}


/*media Qurey*/

/*mobile are jonno*/
@media screen and (min-width: 0px) and (max-width: 576px) {
    /*logo*/
    .logo{
        width:50%;
        height: 100%;

    }
    h1 {
        font-size:25px;
    }
    /*detail paragraph*/
    .dpara {
        font-size:15px;
    }

    /*detail page css*/
    .detaillogo img{
        width: 10%;
        height: 40px;
        border-radius: 50%;
    }

    h5{
        font-size: 15px;
    }

    /*menuicon*/
    .navbar-toggler {
        font-size: 20px;

    }
    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    }
    .icon {
        width: 20%;
    }
    button{
        font-size:13px;
    }
    /*    detail css*/
    .avatar{
        width: 10%;
        height: 40px;
    }

    /*    footer css*/
    .footerlogo{
        width: 30%;
    }




}
/*tab device*/
@media screen and (min-width:577px) and (max-width:768px){

    .px-md-1 {
        /* padding-right: 0.25rem !important; */
        font-size: 11px !important;
        /* padding-left: 0.25rem !important; */
    }
    /*logo*/
    .logo{
        width: 50%;
        height: 50px;
    }


    /*headnav*/
    .headnav  li  a{
        font-size: 11px;
    }
    span{
        font-size: 8px;
    }
    /*detail paragraph*/
    .dpara {
        font-size:20px;
    }
    /*detail page css*/
    .detaillogo img{
        width: 7%;
        height: 50px;
        border-radius: 50%;
    }


    h5{
        font-size: 18px;
    }
    h1{
        font-size: 23px;
    }
    h6{
        font-size: 10px;
    }
    h4{
        font-size: 15px;
    }
    p{
        font-size: 10px;
    }
    small{
        font-size: 7px;
    }
    /*menuicon*/
    .navbar-toggler {
        font-size: 20px;

    }
    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    }
    .icon {
        width: 20%;
    }
    button{
        font-size:13px;
    }


    .nav-link{
        font-size:12px;
    }
    /*    detail css*/
    .avatar{
        width: 10%;
        height: 40px;
    }
    /*    footer css*/

    .footerlogo{
        width: 15%;
    }




}
/*md device are jonno*/
@media screen and (min-width:769px) and (max-width:992px) {
    /*logo*/
    /*logo*/
    .logo{
        width: 100%;
        height:50px;
    }
    /*headnav*/
    .headnav  li  a{
        font-size: 11px;
    }
    span{
        font-size: 8px;
    }
    /*detail paragraph*/
    .dpara {
        font-size:20px;
    }
    /*detail page css*/
    .detaillogo img{
        width: 5%;
        height: 40px;
        border-radius: 50%;
    }
    h6{
        font-size: 12px;
    }
    h1{
        font-size: 25px;
    }

    h4{
        font-size: 18px;
    }
    p{
        font-size: 10px;
    }
    /*    detail css*/
    .avatar{
        width: 10%;
        height: 40px;
    }
    .footerlogo{
        width: 15%;
    }

}
/*lg device are jonno*/
@media screen and (min-width:993px) and (max-width:1200px) {

    /*logo*/
    .logo{
        width:100%;
    }
    /*headnav*/
    .headnav  li  a{
        font-size: 14px;
    }
    span{
        font-size: 12px;
    }
    h6{
        font-size: 12px;
    }
    h1{
        font-size: 30px;
    }

    /*detail paragraph*/
    .dpara {
        font-size:25px;
    }
    /*detail page css*/
    .detaillogo img{
        width: 5%;
        height: 50px;
        border-radius: 50%;
    }

}
/*naber*/
.nav-link{
    font-size:12px;
}
/*    detail css*/
.avatar{
    width: 10%;
    height: 40px;
}
/*    footer css*/



/*xl are jonno*/

@media screen and (min-width:1201px) and (max-width:1400px) {
    /*logo*/
    .logo{
        width: 100%;
    }

    /*detail paragraph*/
    .dpara {
        font-size:30px;
    }

    /*detail page css*/
    .detaillogo img{
        width: 5%;
        height: 60px;
        border-radius: 50%;
    }
    /*    detail css*/
    .avatar{
        width: 10%;
        height: 50px;
    }
    /*naber*/
    .nav-link{
        font-size:16px;
    }

    .footerlogo{
        width: 30%;
    }

}



/*xxl are jonno */
@media screen and (min-width: 1401px) {
    /*logo*/
    .logo{
        width:100%;
        height:60px;
    }
    /*detail paragraph*/
    .dpara {
        font-size:30px;
    }
    .nav-link{
        font-size:20px;
    }
    .footerlogo{
        width: 30%;
    }
}