body {
  color: #333333;
  width: 100%;
  float: left;
  font-size: 16px !important;
}

.containerDiv{
  float: left;
  /* border: 1px solid #f60; */
  position: fixed;
  right: 0px;
  bottom: 0px;
  top: 0px;
  left: 0px;
  overflow-y: auto;
}
  .logo img{
    max-width: 100%;
  }
.clear{
  clear: both;
}
header{
  width: 100%;
  float: left;
  padding: 10px;
}
.npb-40{
  margin-bottom:40px;
}

.phoneHeader{
  border-radius: 50px;
  /* padding-right: 20px; */
  padding: 5px;
  padding-right: 20px;
  float: right;
  font-weight: 700;
  margin-top: 20px;
  color: #0080bb;
  border:1px solid #0080bb;
}
.phoneHeader i{
  background: #0080bb;
  padding:3px 10px;
  font-size: 25px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  float: left;
}
.phoneHeader span{
  float: left;
  padding-top: 5px;
}
.banner{
  width: 100%;
  float: left;
  background: #ffffff;
  padding: 10px;
  display: flex;
  justify-content: center;
}
.banner img{ max-width: 100%;}
.banner h2{
  font-weight: bolder;
  margin-top: 35px;
  float: left;
}

.banner h2 span{
  color:#ef7e22;
}

.banner h2 b{
  color:#0080bb;
}

.bannerDiv{
  border-top: 2px solid #eeeeee;
  border-bottom: 2px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  height: 180px;
  width: 140px;
  float: left;
  padding: 10px;
  margin: 2px;
  text-align: center;
  word-wrap: break-word;
  transition: 0.5s
}
.bannerDiv:hover{
  border-top: 2px solid #0080bb;
  border-bottom: 2px solid #ef7e22;
  color:#0080bb;
  background: #ffffff;
  transform: scale(1.1);
}
.bannerDiv img{
  width: 75px;
  height: 75px;
  box-shadow: 0px 0px 15px #cdcdcd;
  padding: 10px;
  border-radius: 50%;
  margin: 0px 30px 10px 20px;
}

.banner p{
  background: #0080bb;
  color: #fff;
  padding:5px 10px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}


.menuBg{
  background: #0080bb;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  float: left;
  width: 100%;
  border-radius: 30px;
}

.loginDiv{
  display: flex;
  justify-content: center;
  width: 100%;
}

.loginDiv .innerLogin{
  padding: 30px;
  background: #ffffff;
  border: 1px solid #cdcdcd;
  width: 400px;
  margin: 30px;
  z-index:0;
}

.loginDiv .innerLogin input{
  border-radius: 50px;
  padding-left: 30px;
}


.loginDiv .innerLogin button{
  width: 200px;
  border-radius: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  margin: auto;
}

.loginDiv .innerLogin p{
  margin: 25px auto;
  float: left;
  text-align: center;
  font-size: 13px;
  width: 100%;
}


section{
  padding: 0 0 0 0;
  width: 100%;
  float: left;
}


.section-heading h2{
  font-size: 35px;
  font-weight: 600;
  font-family: 'PT Serif', serif;
  background: #CF1111;
  background: linear-gradient(to right, #CF1111 0%, #00CF1C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 42px;
}

.section-heading h2:before {
  position: absolute;
  content: " ";
  width: 16%;
  height: 50px;
  background:url(../images/dot-line.png)center center no-repeat;
  /* bottom: 0; */
  /* margin-bottom: -35px; */
  /* margin-bottom: -52px; */
  left: 42%;
  padding-top: 100px;
}


.main-title {
  color: #5c5c5c;
  border-bottom: url(../images/dot-line.png)center center no-repeat;
  margin-bottom: 30px;
}


.detailSat div{
  padding: 10px 20px;
  float: left;
  width: 100%;
}

.detailSat div i{
  width: 65px;
  height: 65px;
  border-radius: 50%; 
  float: left;
  color:#0080bb;
  box-shadow: 0px 0px 15px #cdcdcd;
  margin-right: 20px;
  font-size: 35px;
  padding: 4px 12px;
}
.detailSat div i img{
  width: 45px;
  height: 45px;
}

.detailSat div strong{
  padding: 20px 0px;
  font-size: 20px;
  font-weight: 500;
  color: #0080bb;
  text-transform: uppercase;
}

.nomargin{
  margin:0px;
  padding: 0px;
}
.regSat div{
  padding: 15px 20px 15px 0px;
  float: left;
  width: 100%;
  box-shadow: 0px 5px 10px #cdcdcd;
  margin-top: 15px;
}
.regSat div strong{
  color:#0080bb;
  font-size: 75px;
  float: left;
  font-weight: 900;
  padding: 0px;
  height: 50px;
  margin-top: -20px;
  margin-left: -15px;
  margin-right: 15px;
  opacity: 0.3;
}

.regSat div i{
  width: 65px;
  height: 65px;
  border-radius: 5%; 
  float: left;
  box-shadow: 0px 0px 15px #cdcdcd;
  font-size: 35px;
  padding: 4px 12px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: .9s;
}

.regSat div:hover i{
  
  border-radius: 50%;
}
  
.regSat div i img{
  width: 45px;
  height: 45px;
}
.regSat div span{
  float: left;
}


.regSat div span p{
  padding: 10px 0px 5px 0px;
  font-size: 18px;
  margin: 0px;
  font-weight: 500;
  color:#ef7e22;
}

.regSat div span small{
  padding: 0px 0px;
  margin: 0px;
  /* height: 70px; */
  float: left;
  font-size: 16px;
  width: 100%;
}

#carouselExampleControls{
  max-width: 650px;
  padding: 20px 30px;
  border:1px solid #eeeeee;
  margin: auto;
  text-align: center;
}

#carouselExampleControls img{
  max-width: 100%;
  margin: 20px auto;
}

#carouselExampleControls strong{
  color: #ef7e22;
  display:block;
  margin: 10px;
}

#accordion{
  width: 100%;
  float: left;
  text-align: center;
}

#carouselExampleControls span{
  color: #0080bb;
  display:block;
}

#accordion .card .card-link{
  /* width: 100%; */
  float: left;
  background: #0080bb;
  color: #ffffff;
  padding: 10px;
  margin: 10px;
}

#accordion .card{
  width: 100%;
  float: left;
}


.appTxt{
  font-size: 24px;
  font-weight: 500;
}

.appTxt strong{
  color: #ef7e22
}

.appTxt img{
  margin: 5px;
}

.appTxt a{
  padding: 10px 15px;
  font-size: 26px;
  color: #ffffff;
  background: #0080bb;
}


footer{
  float: left;
  padding-top: 20px;
  background: #0080bb;
  width: 100%;
  font-size: 14px;
  text-align: end;
  color: #ffffff;
}
footer a{
  color: #ffff;
  margin-right: 10px; 
}



@media (max-width: 1020px) {
  .hidden-md{
    display: none;
  }

}

@media (max-width: 1024px) {

  .regSat div span{
    width: 320px;
    float: left;
  }
  .bannerDiv {
    width: 134px;
  }


  .detailSat div strong{
    font-size: 17px;
  }
}






@media (max-width: 850px) {
  .regSat div span{
    float: left;
    width: 260px;
  }

}




@media (max-width: 640px) {
  .logo{
    width: 125px;
  }
  .bannerDiv{
    width: 48%;
  }
  section{
    padding: 30px 20px;
    width: 100%;
    float: left;
  }
    .section-heading h2{
      font-size: 22px;
  }

  .loginDiv .innerLogin {
    padding: 30px;
    margin: 30px 10px;
}
  
  .detailSat div {
    padding: 10px 0px;
  }
  
  .detailSat div i{
    margin-right: 10px;
  }
  .hidden-xs{
    display: none;
  }
  
  .regSat div i{
    display: none;
  }
  
  .regSat div span{
    width: 218px;
    float: left;
  }
  
  .appTxt img {
    margin: 5px;
    width: 135px;
  }
  .footer {
    text-align: center;
  }
  
  }