@import url(bootstrap.min.css);
@import url(line-awesome.min.css);
@import url(all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@200;300;400;500;600;700;800;900&display=swap');
:root {
    --theme_bg_color:#fff;
    --theme_text_color:#070707;
    --theme_heading_color:#12173e;
    --theme_link_color:#12173e;
    --line_color:#e5eaf5;
    --primary_color:#60babe;
    --border_color:#e0e4ed;
    --gray_color:#222222;
    --theme_font_family: 'Noto Sans Devanagari', sans-serif;
    --fw_600: 600;
    --fw_500: 500;
    --fw_400: 400;
}
*{ margin: 0; padding: 0; }
html,body {scroll-behavior: smooth;}
body {height: 100%;width:100%;margin:0;padding:0;font-size: 14px;font-weight: 400;color: var(--theme_text_color); background-color: var(--theme_bg_color); 
font-family:var(--theme_font_family); line-height: 1.3;font-display: swap;}
a {color: var(--theme_link_color);text-decoration: none;transition: all .5s ease;cursor:pointer;}
ul {padding:0;margin:0;list-style-type:none}
p {font-size: 16px;line-height:24px}
h1, h2, h3, h4, h5, h6 {color: var(--theme_heading_color);font-weight:600}
.font_2 {font-family:'Noto Sans', sans-serif;} 
 .gread_btn {
  padding: 7px 20px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: #fff;
  border-radius: 10px;    font-size: 16px;
    font-weight: 500;
  background-image: linear-gradient(to right, #324563 0%, #df3e1b 51%, #192943 100%);
 } 
.gread_btn:hover, .gread_btn:focus  {
  background-position: right center;color: #fff; /* change the direction of the change here */
}
label {margin:10px 15px 10px 5px;}




header {position: relative;border-top: 30px solid #3477bb;}
 
.middle_header {position: relative; background: #fff;  border-bottom: 1px solid #ddd; padding: 10px 0;    box-shadow: 0 5px 10px #eee;}
.logo_inline { display: flex; position: relative;    align-items: center;}
.logo_inline .logo_box {max-width: 110px; }
.logo_inline a h2 {
    font-size: 30px;
    color: #252424;
    padding: 0 10px 0px;
    line-height: 1.0;
    font-weight: 600;margin-bottom: 10px;text-transform: uppercase;
}
.logo_inline a h5 {margin-bottom:10px;}
.logo_inline a h4 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
    position:
    relative;
    text-align:
    center
}
.logo_inline a h4 span {position:relative;background: #df3e1b;padding: 3px 25px;color: #fff;border-radius: 15px;}
.logo_inline a h4:before {position:absolute;content:'';height: 2px;top: 40%;left:0;right:0;background: #3477bb;width: 96%;margin: 0 auto;}
.right_logo {text-align: right; }
 
.logo_text {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 10%;
}
 
 
 
 
 
/* ================ Footer =================== */
footer {
    position: relative;
    background: #066940 ;
    z-index: 1;
    overflow: hidden;
}
/* footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .1;    z-index: -1;
    background-image: url(../images/b1.png);
} */
.footer_col h4 {font-size:21px;margin-bottom:15px;    color: #fff; }
.copywrite_div {position:relative;border-top: 1px solid #fff; background: #e13d1a; }
.copywrite_div p {margin-bottom:0;padding:15px 0;color:#fff;font-size: 15px;}
.copywrite_div p a {color:#fff;}
.text_left {text-align:left}
.text_center {text-align:center}
.text_right {text-align:right}
.grid_list {display: grid; grid-gap: 0; grid-template-columns: 1fr 1fr;}
footer .list_control .list-item li {    font-size: 13px;}
footer .list_control .list-item li a {color:#fefff8;}
.modal.fade .modal-dialog {
 -webkit-transform: translate(0);
 -moz-transform: translate(0);
 transform: translate(0);
 }

 
.copywrite_div {padding: 15px 0 10px;}
.copywrite_div p {padding:0}
/* backtoup */
.progress-wrap {
    position: fixed;
    right: 15px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset  0 0 0 2px rgba(119, 119, 119, 0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    content: '\f30c';
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #df3e1b;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;font-weight: 900;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap svg path {fill: #fff; }
.progress-wrap svg.progress-circle path {
    stroke: #df3e1b;
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}



.common_section {position:relative;padding:10px 0}
.bordered_div {position:relative;border: 1px solid #ddd;padding: 25px;border-radius: 15px;background: #ffffff;margin: 40px 0;}
.h3_center_head {font-size: 18px;text-align:center;padding: 10px 10px 10px;background: #274d94;color: #fff;border-radius: 15px 15px 0 0;border-bottom: 1px solid #ddd;box-shadow: 0 5px 10px #eee;margin-bottom:0}
.left_heading_h4 {font-size:18px;padding: 1px 0;margin-top: 10px;margin-bottom: 10px;display: inline-block;border-bottom: 2px solid #3477bb;}











 
 
/* Responsive Media Code */

@media (max-width:1400px) {
h2 {font-size:28px;}
h3 {font-size:24px;}
}
@media (min-width:1200px) and (max-width:1400px) {
.middle_header .container-fluid {padding: 0 15px;}
}
@media (max-width:1320px) {
.logo_inline a h2 {font-size:24px}
}

@media (min-width:1101px) and (max-width:1250px) {
.logo_inline a h2 {font-size:24px}
}

@media (min-width:1024px) and (max-width:1100px) {
.logo_inline a h2 {font-size:22px}
}

@media (max-width:1024px) {
.logo_inline a h2 {font-size:20px}
.logo_inline a h4 {font-size:16px}
}
@media (max-width:990px) {
.right_logo {display:none}
.logo_inline a h5 {font-size: 16px;}
.logo_text {margin-left:0}
}
@media (max-width:768px) {
.logo_inline a h2 { font-size: 18px; padding: 0px 5px 0px;    text-align: center;}
.logo_inline a h4 { font-size: 12px;}
.text_left {text-align:center}
.text_right {text-align:center}
.copywrite_div  {padding: 10px 0;}
.copywrite_div p {padding: 3px 0;}
.footer_col { margin-top: 0;}
.logo_inline a h5 {font-size:13px}

}

@media (max-width:480px) {
p {font-size: 14px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
.logo_inline a h2 { font-size: 18px; padding: 0px 5px 0px;}
.logo_inline a h4 span {    font-size: 12px;}
.logo_inline a h5 {font-size: 11px;}
.logo_inline a h2 {font-size: 15px;}
.logo_inline a h4 span {font-size: 9px;}
}

@media (max-width:375px) {
.logo_inline .logo_box { max-width: 50px;}
.logo_inline a h4 { font-size: 11px;}
.logo_inline a h4 span {    font-size: 12px;}
.logo_inline a h2 { font-size: 16px;}
}
@media (max-width:350px) {
.logo_inline a h2 { font-size: 15px;}
.logo_inline a h4 span {font-size: 10px;}
}
.Pager { background-color:#3477bb;}
 
.Pager table td{ background-color: #fff;
    border: 1px solid #ccc;
    padding: 2px 5px 0px 5px;
    line-height: 16px;}

.Pager table td a{ padding: 2px;
    font-weight: 500;
    color: #007fff;
   }
.Pager table td a:hover{ background-color: #f8f8f8;
                         color:#df3e1b;
                         border-radius:2px;   }