@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@100..900&display=swap');
@import url('https://fonts.maateen.me/charu-chandan-3d/font.css');

@font-face {
    font-family: "Noto Serif Bengali";
    src: url("./NotoSerifBengali-VariableFont_wdth,wght.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

body{

    overflow-x: hidden;
    /*font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: "Noto Serif Bengali", serif, sans-serif;

}
.hovera:hover{
    text-decoration: underline !important;
}
/*section two */
.bg-blue{
    background-color: #05225e;
}
.bg-footer{
    background-color: #093184;
}
.text-color{
    color: #074072;
}
.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: "Noto Serif Bengali", serif;
    font-weight: normal;
} 


/*header logo*/
.logo{
    width: 7%;
}
/*headnav*/
.headnav  li  a{
    font-size: 22px;
}
/*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: 17%;

    }
    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: 10%;
    }


    /*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: 9%;
    }
    /*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:9%;
    }
    /*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:16px;
}
/*    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: 8%;
    }

    /*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:7%;
    }
    /*detail paragraph*/
    .dpara {
        font-size:30px;
    }
    .nav-link{
        font-size:20px;
    }
    .footerlogo{
        width: 30%;
    }
}