@font-face{font-family:"Open_Sans"; src:url('../fonts/OpenSans-Regular.ttf');}
@font-face{font-family:"Open_Sans_b"; src:url('../fonts/OpenSans-Semibold.ttf');}
/*--------------------reset css--------------------*/
a{text-decoration:none;}
body{font-family: "Open_Sans"; font-size:14px;}
.flag-strip{background: url(../../images/imagesNew/flag-strip.jpg) center top no-repeat; height: 8px; width: 100%; background-size: 100% 10px; margin-top:5px;}
/*--------------------header--------------------*/
header{position:sticky; top:0}
header h3 {
    background: url(../../images/imagesNew/emblem.png) no-repeat;
    font-size: 16px;
    min-height: 70px;
    padding: 5px 0 0 50px;
    color: #666;
    letter-spacing: .6px;
    margin: 0;
}
header span {
    font-size: 30px;
    color: #0288d0;
    letter-spacing: 0;
	font-family:"Open_Sans_b";
}
.ModiShah{position:absolute; right:20px; top:5px;}
.G20{position:absolute; left:20px; top:5px;}
.jumbotron{background:url(../../images/imagesNew/bg.jpg) no-repeat; background-size:cover; height:400px; margin-bottom:0;}
.login{padding:20px 30px; box-shadow:0 0px 5px #ccc; margin:4% 0 0 8%; background:#fff;}
.login .form-control{padding:8px 12px; height:auto; background:#f7f7f7; border:1px solid #ccc;}
.login label{color:#888; font-size:12px;}
.captcha input {width: 60%; float: left;}
.register ::placeholder{color:#aaa;}
.btn-main{background: #1090d9; color:#fff; font-size:15px;}
.btn-main:hover, .btn-main:focus{color:#fff;}
.signup a{color:#666; font-size:14px; margin:5px 0 0; text-decoration:none;}
.signup a:hover{color:#0288d0; text-decoration:underline;}
/*--------------------section1--------------------*/
p{line-height: 26px;letter-spacing: .8px; text-align:justify; font-size:15px;}
.title{text-align:center; position:relative;}
.title h2{color: #555; font-size: 24px; font-family:"Open_Sans_b"; text-transform: uppercase; display: inline-block; position: relative;}
.title h2:before {
    content: '';
    width: 40px;
    height: 4px;
    background: #1090d9;
    position: absolute;
    top: 12px;
    left: -60px;}
.title h2:after {
    content: '';
    width: 40px;
    height: 4px;
    background: #1090d9;
    position: absolute;
    top: 12px;
    right: -60px;}

/*--------------------section3--------------------*/
.contact{padding:15px 0 8px; background:url(../../images/imagesNew/bg3.jpg) no-repeat; background-size:cover;}
.contact h2{color:#fff;}
.contact .inner-box {position: relative;
    padding: 34px 30px 10px;
    background: #fff;
    margin-top:26px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 20%);}
.contact .inner-box .image-box {position: absolute;
    top: -36px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 5px solid #fff;
    background: #eef4ff;
    padding: 18px;
    width: 70px;}
.contact .inner-box .image-box i{font-size:25px; color:#1090d9;}
.contact .inner-box h6 {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    color: #444;
    padding-bottom:0;}
.contact .inner-box p{text-align:center; font-size:18px; margin:0; color:#666;}

/*--------------------registration--------------------*/
.register{background:url(../../images/imagesNew/bg2.jpg) no-repeat; background-size:cover; margin-top:5%; padding:2%;}
.register form{background:#f7f7f7; padding:3%; border:1px solid #ccc;}
.register .form-control, .register .form-select{padding:8px; font-size:14px;}
.register label{font-size:13px; margin-top:8px; color:#666;}

/*--------------------indexPage--------------------*/
.details{background: #63bff2; color: #ddd; padding: 6px 20px; font-size: 14px;}
.details span {font-weight: 600; margin-left: 8px; font-size: 15px; color: #fff;}
:focus-visible{outline:none;}
.navbar{background:#1090d9;}
.sb-sidenav-dark{background:#091929;}
.card-header {background:#1090d9; color:#fff;}
.card-body{background:#fafafa;}
.dataTable-table{background:#fff;}
.dataTable-table > tbody > tr > td, .dataTable-table > tbody > tr > th, .dataTable-table > tfoot > tr > td, .dataTable-table > tfoot > tr > th, .dataTable-table > thead > tr > td, .dataTable-table > thead > tr > th{padding:4px 8px !important;}
.dataTable-table > thead > tr > th{background:#eee;}
.page-link, .dataTable-pagination a{padding: 0.2rem 0.75rem;}
.dataTable-info{margin:0}
.dataTable-top{padding:0 0 10px;}

.modal-header{display:block;}
.head-data{font-size:14px; margin-top:10px;}
.modal-body{background:#f7f7f7;}
.modal-body .box{padding: 15px 20px; background:#fff; margin: 0 0 10px 0;}
.modal-footer{justify-content:center;}
.modal_table th{font-size:12px;}
.modal_table td{font-size:13px;}
/*--------------------section4--------------------*/
footer{font-size: 13px; letter-spacing:.5px; background:#333; padding:5px 0; bottom:0; width:100%;} 
.footer{position:fixed;}

/*--------------------media query--------------------*/
@media only screen and (max-width: 600px) {
header h3{font-size:15px;}
header span{font-size:24px;}
header .col-sm-8 {text-align:center!important; }
header img{width:60%;}
.login{margin:2% 0;}
footer .col-sm-4{text-align:center !important;}
.footer{position:inherit;}

.G20{position:inherit;}
header img{width:auto;}
}


@media screen and (min-width: 1920px){
footer {
    position:sticky;
  }
}