body {
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Roboto', sans-serif;
}


.swiper-button-next{color:rgb(149 149 149)}
.swiper-button-prev {
  color: rgb(149 149 149)
}
.list-group-item {
  border-bottom: 0px;
  border-right: 1px solid #f9f9f9 !important;
  color: #00294c;
}

.pp{height:50px; vertical-align:middle}
.pp img {
  height: 50px; max-width:90%; padding:5px
}

.smt {
  font-size: 15px;
}
.lsg-sel {
  border-bottom: 0px;
  border-right: 1px solid #2f77b6 !important;
  background-color: #f9f9f9 !important
}

.breadcrumb{font-size:10px; text-transform:uppercase }
h1 {
  font-weight: 300;
  font-size: 33px;
}
h2 {
  font-weight: 300;
  font-size: 21px;
}

.mmr {
 
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,0.03) 100%);
}

.btn-primary {
  background-color: #004f94;
  border: 0px
}
.btn-primary:hover {
  background-color: #0052a7
}

#top_img {
  transition: background 2s linear;
}

.bg-light{color:#00294c}
.bg-lightsel  {
color:white;
  background-color: #00294c
}
.bg-lightsel:hover {
  color: white;
  background-color: #00294c
}

a {
  color: #004f94;
  text-decoration: none;
  font-size:15px;
}
a:hover {
  color: #00294c ;
  
}
.ccatimg {
  border: 1px solid #f1f1f1;
  width: 100%!important;
  height: 200px!important;
  
}
 

.shadow-sst {
  -webkit-box-shadow: 1px 3px 14px 0px rgba(0,0,0,0.10);
  box-shadow: 1px 3px 14px 0px rgba(0,0,0,0.10);
}

.form-control:focus, select:focus, a:focus, *:focus, .dropdown-toggle:focus {
  border-color: #0052a7 !important;
  box-shadow: 0 0 0px rgba(98, 101, 228, 1) !important;
  outline: 0 !important;
}

sup.sup1{color:gray; font-weight:100; font-size:9px}

img.logo {
  border: 3px solid white;
  width: 150px
}
.breadcrumb-item.active{font-size:14px}
.breadcrumb-item {
  font-size: 14px
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
}

.dropdown-menu {
  border: 0px;
  box-shadow: 0 3px 10px 0 rgb(0 0 0 / 26%)
}

.ff1{ width:300px; background-color:rgb(206 207 245)}

.topnav {
  background-color: #004f94 ;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.52);
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.52);
}
 .nav-link {
  color: white!important;
  font-size:16px;
  text-transform:uppercase
}
.nav-link:hover {
  color: #f1f1f1 !important
}
.navbar-toggler {
  color: #004f94 !important;
  font-size: 22px;
  background-color: white;
}
.markm {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px
}

.markm i {
  font-size: 22px
}

.markm a {
  color: white;
  text-decoration: none;
}


.top_txt {
  color: white;
  font-size: 36px;
  padding-top: 12%;
  margin: 0 auto;
  font-weight: 300;
  text-align:center;
 /* width: 85%;*/
}


.top_img {
  background-size: cover!important;
  height: 450px;
   
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}

label{color:gray; font-size:13px}

.catitm img {
  width: 100%
}

.tm1{text-transform:uppercase; font-size:18px;  }
.tm2 span {
  display: inline-block;
  margin-left: 25px;

}

@media (max-width: 980px) {
  h1 {
    font-weight: 300;
    font-size: 27px;
  }
  .mytel{font-size:17px; font-weight:500}
  img.logo {
    border: 3px solid white;
    width: 60px
  }

  .top_img {
    background-size: cover!important;
    height: 640px;
    padding-top:70px;
    position: relative;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
  }

  .top_txt {
    color: white;
    font-size: 20px;
    padding-top: 20%;
    margin: 0 auto;
    font-weight: 500;
    width: 100%;
    text-align:center;
  }
  .markm {
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px
  }

  .markm i {
    font-size: 18px
  }


}