/* navbar */
#abc{
  background-color: #bdc9d826;
}
.bgnav{
background-color: #0b407c;
}
/* CP main photo css */
.p11{
  border-radius: 0%;
  /* font-weight: 500; */
  border-style: none;
  background-color: #ffffffaf;
  /* margin-bottom: 3%; */

  

}
.p11 img{
  height: 380px;
}
.card-title1{
  font-weight: 700;
  text-align: center;
  font-size: 3em;
  
  color:#0b407c;
  margin: 0%;
  padding-bottom: 0%;
}
.card-text{
  line-height: 1.2em;
  text-align: center;
}
.card-img{
  opacity: 50%;
  width: 100%;
  height: auto;
}
.flex{
  display: flex;
  justify-content: center;
  align-items: center;
}


 /* after p11 */
 .bdr{
   border-radius: 0%;
 }
 .card-title{
   text-align: center;
   padding: 3%;
 }
 .get_in{
   text-align: center;
 }

 .f3{
   display: grid;
   grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
   justify-items: center;
   margin: 3% 0%;
   text-align: center;
   padding: 4% 0%;
   background-color: rgb(51, 238, 238);
   
  
 }
 .f1 p{
   margin: 0%;
   font-size: 2.7rem;
   font-weight: 500;

 }

 .ser>h1{
   font-weight: 700;
   color:#0b407c ;
   text-align: center;
   margin: 15px 2px;
 }
 .ser img{
   width: 100%;
   height: 13em;
   /* border-radius: 30px; */
 }
 .ser .card-group .card{
   margin: 2%;
   border: 1px solid rgb(75, 75, 75);
   
 }

 .center{
   text-align: center;
 }
 .margin{
   margin: 2%;
 }


 /* ................................................footer */
 .footer-basic {
  padding:40px 0;
  background-color:#0b407c;
  color:white;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
  color:inherit;
  opacity:0.75;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}

@media screen and (max-width: 480px) {
  .firstdisplay{
   font-size: 28px !important;
  }

  .card-title{
    font-size: 15px;
  }

  .ser h1{
    font-size: 28px;
  }

  .navbar-dark .navbar-brand{
    font-size: 17px !important;
  }
}