


.col-xs-10{
    display: flex;
    
}



.img-responsive{
    width: 100%;
}


 .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
 
}



/* .main {
    display  : block;
    height   : auto;
    max-width: 100%;

    
} */



.pro{
    color: white;
    font-size: larger;
}
.contact{
    color: white;
   margin-top: 15px;
}
.col-md-6 a {
    color          : aliceblue;
    text-decoration: none;
    cursor         : pointer;
}

.col-md-6 {
    list-style-type: none;
    
}

.col-md-6 a:hover {
    color: aqua;
   
}

.col-md-6 .dropdown-content span{
    color: grey;
}

#p2{
    text-align: center;
}


.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
   
}

.dropdown-content  span{
    margin-left: 15px;
}

.dropdown-content img{
    width: 15px;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}



.dropdown:hover .dropdown-content {
    display: block;
}


.number {
    color      : aliceblue;
    margin-left: 10px;
}

.col-md-6 button {
    background-color: #FFD71D;
    border-radius   : 12px;
    border          : none;
    padding         : 3px 10px;
    font-size       : 10px;
    font-weight     : 800;
}

.content {
    text-align : center;
    font-weight: 400;
    font-size  : x-large;
    margin-top : 50px;
}

.time button {
    background-color: white;
    border-radius   : 12px;
    border          : none;
    padding         : 5px 30px 5px 30px;
    font-size       : 10px;

}

.time {
    position: relative;
}




/* .service1 span{
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

.service .col-md-2  p{
    color: white;
    float: left;
    text-align: left;
}
.row .function{
    float: left;
    text-align: left;
}
 .col-md-2 span{
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-top: 3px;
}

.col-md-2 p{
    margin-top: 10px;
    float: left;
   text-align: left;
    font-size: small;
} */

.col-md-4 .experience {
    font-size       : 5px;
    padding         : 4px 15px 4px 15px;
    margin-top      : 5%;
    margin-left     : 35%;
    background-color: #4890FE;
    border-radius   : 12px;
    border          : none;
}

.time .text {
    position   : absolute;
    color      : white;
    font-weight: bold;
    left       : 47%;
    top        : 35%;
    text-align : center;
    z-index    : 2;
    transform  : translate(-50px, 0);

}

.headerPage {
    padding-left : -15px;
    padding-right: -15px;
}

.row {
    margin: 0;
}

.text {
    margin-top: 20px;
    color     : white;
    text-align: center;

}
.pro2{
    color: white;
    margin-top: 15px;
}
.col-md-1 p{
   font-size: initial;
}
.row .purpose {
    font-size : large;
    color     : white;
    text-align: center;
    margin-top: 20px;
}

.bot1{
    text-align: left; 
    margin-bottom: 20px;
}
.row .purpose p{
    color: white;
}
.row .bot a {
    color: gray;
}

.row .bot a:hover {
    text-decoration: none;
    color          : white;
    cursor         : pointer;
    
}
.row .bot{
    font-size: small;
    text-align: left;
}

.picture #img img:hover {
    transform : scale(1.4);
    cursor    : pointer;
    transition: all 0.6s;
    border    : #000 solid 1px;
    margin    : 50px auto;
    overflow  : hidden;
}






/* .box3 .row{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 50%;
    justify-content: center;
} */



.box .row {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: center;
}

.box .voice{
    padding: 15px;
   
}

.monitor .row{
    display: flex;
    /* flex-wrap: wrap; */
    flex-basis: 100%;
    justify-content: center;
}
.monitor .item{
    padding: 6%;
    height: 70px;
}


.box1 .videocall{
    margin-top: 10%; 
    margin-left: 5%;
}


.box1 .row{
    display: flex;
    /* flex-wrap: wrap; */
    flex-basis: 100%;
    justify-content: center;
    margin-top: 10%;
    padding-bottom: 60px;
}

.box1 .experience {
    font-size       : 5px;
    padding         : 4px 15px 4px 15px;
    margin-top      : 5%;
    margin-left     : 60%;
    background-color: #4890FE;
    border-radius   : 12px;
    border          : none;
}


.box2{
    display: flex;
    flex-wrap: wrap;
    align-content:center;
}


.column{
    flex-basis: 100%;
    display: flex;
    justify-content:center;
}

.box3 .row{
    display: flex;
    /* flex-wrap: wrap; */
    /* flex-basis: 100%; */
    justify-content: center;
}

.box3 .item{
    margin: 20px;
    }

.box4{
    display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}


.box5{
    margin-top: 1%;
    padding-bottom: 10%;
}
.box5 .row{
    display: flex;
    justify-content:center;
    margin: 10%;
}
.box5 .item{
    margin: 50px;
}


.box6 .row{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
}

.box7 .row{
    margin-top: 80px;
    display: flex;
    /* flex-wrap: wrap; */
    /* flex-basis: 100%; */
    justify-content: space-evenly;
}
/* .box7 .row{
    display: flex;
    justify-content: center;
} */


.box8 .row{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    justify-content: center
}




.enterprise .row{
    display: flex;
    justify-content: center;
}

.sdk a:hover .img-responsive {
    border: 2px solid #bbd3f9
}

/* .sdk {
    display: flex;
    flex-wrap: wrap;
  } */
  
  .sdk .row{
    display: flex;
    /* flex-wrap: wrap; */
    flex-basis: 100%;
    justify-content: center;
    
  }

  .sdk .item{
      padding: 15px;
  }
  


.picture {
    display: flex;
  justify-content: center;
}

.picture img {
    cursor    : pointer;
    transition: all 0.6s;
}

.picture img:hover {
    transform: scale(1.4);
}


.col-md-2 {
    text-align: center;
}

.col-md-1 {
    text-align: center;
    margin    : auto;
}

.col-md-2 {
    text-align: center;
}


.col-md-2 p {
    color: gray;
}

.tooltip-bottom {
    top                : -6px;
    left               : 66px;
    border-width       : 0 10px 10px;
    border-bottom-color: #000;
}



.zdb p{
 
    display:block;
    text-align: center;
    font-size: larger;
    /* border-bottom: #24B962 10px solid; */
  
}

.flow{
    padding-top: 80px;
    font-size: x-large;
    text-align: center;
}
.flow img{
    padding-bottom:3%
}



.adver{
    padding-top: 10%;
}
.adver p{
    color: gray;
}
 .style{
    padding-top: 80px;
    font-size: x-large;
    text-align: center;
 }

 .style img{
    padding-bottom:3%
}


.row .text{
    color: black;
    font-size: large;
}

.now{
    background-color:white;
    border-radius   : 12px;
    border          : none;
    padding         : 5px 20px;
    font-size       : 10px;
    font-weight     : 800;
}

.now a:hover{
    text-decoration: none;
    cursor         : pointer;
}
.now a{
    color: black;
}
.row .edu1 p{
    color: gray;

}
.row .edu1{
    margin-top: 25px;
}
.row .bt button{
    background-color: #267ADE;
    border-radius   : 20px;
    border          : none;
    padding: 5px 10px 5px 10px;
    width: 100px;
}

.row a{
    color: white;
}
.row .bt button a:hover{
    text-decoration: none;
    cursor         : pointer;
}


.col-md-10 li{
   font-size: large;
    color: gray;
    list-style-type: none;
    float: left;
     padding:0 10px;
     margin: 25px 45px;
}

.col-md-10 p{
    text-align: center;
}




.carousel-control.left {
    background-image:none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
 
.carousel-control.right {
    left: auto; right: 0;
    background-image:none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
 /* a:hover.row-fluid{
    border: 2px solid #bbd3f9;
}  */
.row-fluid {
    background-color: white;   
    margin: 20px; 
}
.media:hover{
    border: 2px solid #bbd3f9;
}
