body{
    font-family: 'Dancing Script', cursive;
    background-image: url('../../assets/images/bg2.jpg');
    background-repeat: repeat;
    color:rgb(0, 13, 38);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
}
.marathi-font{
    font-family: 'Amita', cursive;
    /* font-family: 'Yatra One', cursive; */
}
.nav-item a {
    text-decoration: none;
    color: rgb(0, 176, 240) !important;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 28px;
}
header, #lang,footer {
    background-color: rgb(0, 13, 38);
    color: rgb(0, 176, 240);
}
footer {
    font-size:15px;
}
.nav-divider ul li{
    border-right:1px solid rgb(64 67 74);
}
.nav-divider ul li a:hover{
    color:#fff !important;
}
.search-btn input{
 padding: 0;
 border: 0;
 width:100px !important;
}
.lang-search {
    position: fixed;
    right : 2%;
    top: 30px;
}
.concept-text p {
    font-size:26px;
    text-align: justify;
}
/* .person-opt img {
    max-width: 40%;
    height: auto;
}
.person-opt a {
    color:rgb(0, 13, 38);
    font-size: 22px;
    text-decoration: none;
    font-weight: bold;
} */

/* all persons */
.img-box img {
    max-width: 60%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 8px;
    filter: grayscale(100%);
}
.img-box h4 {
    margin-bottom: 0;
    margin-top: 5px;
}

.profile-pic img{
    width: 250px;
    height: 250px;
    background-color: #ffffff;
}

/* profile */
.contents img{
    height: 250px;
    width: 250px;
}
.audio-tag {
    width: 200px;
    height: 25px;
    margin-left: 5px;
    display: none;
}
audio {
    width:60vh;
    display: flex;
    height: 18px;
    margin-top: 10px;
}
.main {
    margin-bottom: 10%;
}
.main br {
    display: none;
}
#disclaimer_btn {
    font-family: 'Crimson Text', serif;
	font-size:10px;
    float: right;
    padding: 5px;
    border: 1px solid white;
    background-color: rgb(0, 13, 50);
}
#disclaimer_content {
    font-family: 'Crimson Text', serif;
	font-size:11px;
    background-color: rgb(0, 13, 38);
    width: 300px;
    height: 330px;
    border: 2px solid black;
    position: absolute;
    right: 1px;
    bottom:35px;
    text-align: justify;
    padding: 5px;
    display: none;    
	overflow:auto;
}
/* user form */
.modal {
    margin-top:10%;
}
.user_form {
    background-color: rgb(0, 13, 38);
    padding: 25px;
    border-radius: 5px;
    box-shadow: 5px 5px rgb(83, 152, 177);
}
.teaser
{
    overflow: auto;
    height: 100px;
	color:white;
}
#error
{
	color:red;
}

/* mobile responsive */ 
@media screen and (max-width:992px) {
    .lang-search {
        position: fixed;
        right : 2%;
        top: 17px;
    }
}
@media screen and (max-width:768px) {
    .nav-divider ul li{
        border-right:none;
        border-bottom:1px solid rgb(45 41 41);
    }
    .navbar-toggler-icon {
        width: 25px;
    }
    .concept-text p, footer span{
        font-size:16px;
    }
    .footer-text span {
        font-size:11px;
    }
    /* all father-mother */
    .main h2 {
        font-size: 25px;
    }    
    .main h6 {
        font-size: 12px;
    }    
    .main small {
        font-size: 9px;
    }
    /* profile */
    .contents img{
        height: 200px;
        width: 200px;
    }
    .main .profile-head {
        font-size: 25px;
        text-align: center;
    }
    .main .content p, .termConditionContent {
        text-align: justify;
    }
   audio {
        width:40vh;
        display: flex;
        height: 20px;
        margin-top: 10px;
    }
    .modal{
        margin-top:5em;
    }
    .user_form h2 {
        font-size: 25px;
    }
}
@media screen and (max-width:500px) {
    .main br {
        display: block;
    }
}
@media screen and (max-width:375px) {
    #disclaimer_btn {
        float: none;
    }
    #disclaimer_content {
        bottom: 55px;
    }
}

@media screen and (min-width:1400px) {
    .container {
        max-width: 1320px;
    }
} 
@media screen and (min-width:1600px) {
    .container {
        max-width: 1450px;
    }
} 
@media screen and (min-width:1920px) {
    .container {
        max-width: 1700px;
    }
}