/* 
 */
 body{
  background-color: rgb(255, 255, 255);
 }

.binfo{
  background-image: url('asset/4.jpg');
  background-repeat: no-repeat;
  /* background-position: center; */
  background-attachment: fixed;
  background-size: cover;
}
.binfo .layer{
  padding-bottom: 10px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
/* info */
.binfo h4{
  font-size: 28px;
  color: rgb(0, 0, 0);
  font-weight: 600;
}
.binfo h3{
  font-size: 34px;
  text-align: center;
  color: rgb(0, 0, 0);
  padding-top: 20px;
  font-weight: 700;
}
.binfo p{
  color: rgb(0, 0, 0);
    font-weight: 600;
}
.binfo .para .img{
  display: flex;
  justify-content: center;
  align-items: center;
}
.binfo .img-fluid{
  height: 350px;
  border: 15px;
  border-style: double;
  border-radius: 100%;
  border-color: rgba(14, 14, 14, 0.616);
}
.binfo .para1{
  border: 3px;
  border-style: dashed;
  border-radius: 10px;
  border-color:rgba(0, 0, 0, 0.568);
  padding: 30px;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
}
.binfo .para2{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}
.binfo .para3{
  border: 2px;
  border-style:solid;
  border-color:rgba(0, 0, 0, 0.555);
  border-radius: 20px;
  margin-top: 30px;

  background-color: rgb(255, 255, 255);
}
.binfo h2{
  padding-top: 30px;
  padding-bottom: 10px;
font-size: 38px;
color: rgb(0, 0, 0);
font-weight: 700;
}

.binfo li{
  font-weight: 500;
  font-size: 18px;
  color:rgb(0, 0, 0) ;
  list-style:none;
}
.binfo span{
  color: red;
  height: 100px;
  width: 100%;
}
@media (max-width:778px){
  .binfo .img-fluid{
    height: auto;
  }
  .binfo .para1{
    padding: 20px;
    border-radius: 20px;
  }
}
/* edu */
.education{
  background-color: black;
  color: floralwhite;
    padding-top: 20px;
    padding-bottom: 20px;
}

.education p{
  /* margin-left: 10px;
  margin-right: 10px; */
    padding-top: 1%;
    font-weight: 600;
}

/* wmap */
.wmap{
  background-image: url("asset/2.jpg");
  background-size: cover;
  background-attachment: fixed;
  padding-top: 20px;
  padding-bottom: 20px;
}

.wmap h1{
  color: rgb(255, 255, 255);
  padding-top: 10px;
  padding-bottom: 10px;
}

.wmap h2{
  color: aliceblue;
  font-size: 38px;
  font-weight: 700;
}
.wmap p{
  font-size: 20px;
  font-weight: 600;
  color:aliceblue;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
.wmap li{
  font-size: 20px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  margin-left: 20px;
}

.wmap h4{
  margin-left: 10px;
  margin-right: 10px;
  color: rgb(255, 255, 255);
}

.wmap .img-fluid{
  border: 10px;
border-color: aliceblue;
  border-style: double;
  align-items: center;
}
@media (max-width:580px){
  .wmap p{
    margin-left: 0px;
    margin-right: 0px;
  }
  .wmap h4{
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* grmap */
.grmap{
  background-color: black;
  color: rgb(255, 255, 255);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 20px;
}
.grmap h2{
  font-size: 38px;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 700;
}
.grmap .head{
  padding-top: 20px;
  padding-bottom: 20px;
}

.grmap th{
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width:778px){

}


/* industrial */
.industrial{
  padding-top: 20px;
  padding-bottom: 20px;
}
.industrial h2{
  margin-left: 20px;
  margin-right: 20px;
  font-size: 38px;
  font-weight: 700;
  /* text-align: center; */
  align-items: center;
}

.industrial a{
  font-size: 18px;
  font-weight: 500;
  border-radius: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 20px;
  margin-right: 20px;
  background-color: rgba(39, 82, 42, 0.89);
  color: azure;
  transition: all 0.3s;
}
.industrial i{
  padding-left: 10px;
}
.industrial a:hover{
  color:white;
  background-color: black;
}
.industrial .img-fluid{
  height: auto;
}
@media (max-width:778px){
  .industrial h2{
    font-size:20px;
  }
}

/* bar */
.bar{
  background-image: url('asset/bg\ 0.jpg');
  background-attachment: fixed;
  background-size: cover;
}
.bar .head{
  padding-top: 20px;
  padding-bottom: 20px;
}
.bar h4{
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.527);
  color: aliceblue;
  border-radius: 10px;
}
.bar .img-fluid{
  border-radius: 10px;
  text-align: center;
}

/* series */
.series{
  padding-top:20px ;
  padding-bottom: 20px;
}
.series .table1{
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 600;
}
.series h2{
  font-size: 38px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-weight: 700;
}
.series .graph h4{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 700;
}
.series #chartContainer{
  height:250px;
  width: 100%;
}
@media (max-width:580px){
  .series h2{
    font-size: 20px;
  }
}

/* product */
.product {
  padding-top: 30px;
  padding-bottom: 20px;
  background-image: url('asset/1.jpg');
  background-size: cover;
  background-attachment: fixed;
 }
.product h2{
  font-size: 38px;
  font-weight: 700;
color:rgb(255, 255, 255);
}
.product {
  overflow: hidden;
}
.product h5{
  text-align: center;
  color: rgb(255, 255, 255);
}
.product .product-gall-layer{
  align-items: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.048) ;
  height: 250px;
  width: auto;
  border-radius: 50px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.027)
}
.product .img-fluid{
  align-items: center;
  position: relative;
  padding: 5px;
  height: 100%;
  width: 100%;
  border: 0px;
  border-radius: 50px;
  object-fit: contain; 
  box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.13);
}

.product .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.product .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgb(252, 249, 249);
  opacity: 1;
  border: 1px solid  #d6672b;
}

.product .swiper-pagination .swiper-pagination-bullet-active {
  background-color:  #d6672b;
}

.product .owl-nav,
.product .owl-dots {
  margin-top: 25px;
  text-align: center;
}

.product .owl-item {
  border-left: 2px solid rgb(140, 140, 140);
  border-right: 2px solid #fff;
}

.product .owl-dot {
  display: inline-block;
  /* margin: 0 5px; */
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #95d3ff !important;
}

.product .owl-dot.active {
  background-color: #006fbe !important;
}

.product .gallery-carousel .owl-stage-outer {
  overflow: visible;
}

.product .gallery-carousel .center {
  border: 6px solid #006fbe;
  /* margin: -10px; */
  box-sizing: content-box;
  padding: 4px;
  background: rgb(213, 213, 213);
  z-index: 1;
}

/* contact */
.contact{
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgb(0, 0, 0);
}

.contact li{
  padding-top: 10px;
  padding-bottom: 10px;
  list-style: none;
  color: #fff;
}
.contact i{
  padding: 10px;
  font-size: 20px;
  color: white;
}