body{
    line-height: 26px;
}
.center{
    text-align: center;
}
.sub-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
/* h1{
    font-size: 24px;
    color: #373d41;
    text-decoration: underline;
    margin-bottom: 35px;
    font-weight: bold;
} */
h1{
    font-size: 24px;
    color: #373d41;
    text-align: center;
    margin-bottom: 60px;
    font-weight: bold;
    padding-bottom: 12px;
    border-bottom: 2px solid #867e7e;
    width: 99px;
}
.aboutBeacon{
    padding: 50px 0;
}

.character .carousel-bg{
    background: #3d3e40;
    padding: 30px 0;
}
.carousel-bg img{
    border-radius: 50%;
}

.character .character-title{
    padding: 30px 0 20px 0;
    font-size: 18px;
    font-weight: bold;
}
.title{
    margin-top: 11%;
    font-size:22px;
    font-weight:bold;
}
.character  .carousel-img{
    height: 350px !important;
    width: 100%;
}
.character .img{
    height: 300px;
    width: 350px;
}
.custom{
    padding: 40px 0;
}
.custom h1{
    width: 125px;
}
.staff {
    padding: 70px 0 70px 0;
}
.staff h1{
     width: 125px;
}
.staff .row{
    text-align: center;
}
.staff .row div:nth-child(1){
    /* background: #000; */
    margin-top: 5%;
}
.staff .row p{
    text-align: left;
}
.staff .item-carousel{
    padding: 60px;
    color: #333 ;
    text-shadow: 0 0 0;
}
.staff .carousel-indicators li{
    width: 30px;
    border: 1px solid #333;
}
.staff .carousel-indicators .active {
    background-color: #ccc;
}

.process{
    padding: 50px 0 70px 0;
}
.process h1{
    width: 235px;
    text-align: center;
    margin-bottom: 50px;

}
.process-bg{
  position: relative;
  /* background: #ccc; */
  height: 500px;
}
.process-bg img , .process-bg div , .process-bg span{
    position: absolute;
}
.set-up{
    width: 150px;
    /* bottom: 55px; */
    left: 150px;
    top: 58px;
}
.cdn{
    left: 555px;
    width: 162px;
    top: 285px;
}
.cdn-online{
    left: 640px;
    width: 137px;
    top: -26px;
}
.set-up p:nth-child(1) ,.cdn p:nth-child(1),.cdn-online p:nth-child(1){
    color: #000;
    font-weight: bold;
}
.one{
    height: 33%;
    top: 38%;
    left: 13%;
}
.two{
    top: 51%;
    left: 26%;
    height: 25%;
}
.three{
    top: 41%;
    left: 35%;
    height: 25%;
}
.four{
    left: 44%;
    height: 32%;
    top: 25%;
}
.five{
    left: 57%;
    height: 27%;
    top: 29%;
}
.six{
    top: 6%;
    left: 65%;
    height: 35%;
}
.one-year{
    top: 51%;
    left: 18%;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
}
.two-year{
    top: 61%;
    left: 29.5%;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}
.three-year{
    top: 51%;
    left: 39%;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}
.four-year{
    left: 49%;
    top: 38%;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
}
.five-year{
    left: 61%;
    top: 40%;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}
.six-year{
    top: 20%;
    left: 70%;
    font-size: 25px;
    font-weight: bold;
    text-decoration: underline;
}
/* .one-year{

    left: 200px;
    top: 256px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
}
.two-year{
    top: 237px;
    left: 340px;
    font-size: 18px;
    font-weight: bold;
}
.three-year{
    top: 215px;
    left: 458px;
    font-size: 18px;
    font-weight: bold;
}
.four-year{
    left: 586px;
    font-size: 20px;
    font-weight: bold;
    top: 188px;
    text-decoration: underline;
}
.five-year{
    left: 723px;
    font-size: 18px;
    font-weight: bold;
    top: 159px;
}
.six-year{
    top: 72px;
    left: 847px;
    font-size: 21px;
    font-weight: bold;
    text-decoration: underline;
} */