.downloadbrouchre {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom:20px;
  

}


table {
  width: 100% !important;
  border-collapse: collapse;
  margin-top:20px;

}

.table td,
.table th {
  padding: 12px 15px;
  border: 1px solid black;
  text-align: center;
  font-size: 16px;
 
}

.table th {
  /*background-color:#f4f6fd;;*/
  color:black;
  font-weight:700px;
}

.table tbody tr:nth-child(even) {
  
}

/*responsive*/

@media (max-width: 500px) {
  .table thead {
    display: none;
  }

  .table,
  .table tbody,
  .table tr,
  .table td {
    display: block;
    width: 100%;
  }
  .table tr {
    margin-bottom: 15px;
  }
  .table td {
    padding-left: 50%;
    text-align: left;
    position: relative;
  }
  .table td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: 15px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
  }
}


/*-------------------------Holistic Vehicle tracking ---------------*/


 hr.new1 {
  border-top: 1px solid red;
  width:100px;
}
input{
    padding:5px;
    width:100%;
    margin-top:10px;
    border-radius:5px;
    border: none; 
    border:solid 1px #ccc;
    border-radius: 10px;
    background:white;
}
.customercard{
    background:white;
    height:auto;
    padding:10px;
    line-height:25px;
    padding-bottom:40px;
    border-radius:10px;
}
.customercard #button {
    background:orange;
    margin-top:20px;
    font-size:16px !important;
}
#h3{
    padding:10px;
    font-size:24px;
}
.containers{
display:grid;
}
#button{
color:black;
margin:auto;
padding:10px;
}

#searchcard{
  background-color:lightblue;  
}
#inputcard{
     background-color:#F0F0F0;  
     height:400;
     border-radius:10px;
     padding-bottom:20px;
}
/*h4{*/
/*    padding:20px;*/
/*}*/
p{
    padding:10px;
}
 input{
     
     text-indent: 10px;
}
hr{
    width:auto;
}

/*-------------------------Cargo Tracking---------------*/

#icon{
    margin-left:10px;
    background:white;
    font-size:50px;
    vertical-align:middle;
}
label{
    display:inline-block;
}
#viewtext{
   margin-top:-50px;
   font-size:16px;
}

i + span{
  margin-left:20px;
}
#about{
    /*background: #fafafa;*/
    background:white;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
 
}
#learnbutton {
        background: #f39c12;
        color: #fff;
        padding: 10px 30px;
        font-size:16px;
        font-weight: 600;
        border: none;
        border-radius: 2rem;
        cursor: pointer;
        transition-duration: 0.4s;
    }

   #learnbutton:hover {
        background: #fff;
        box-shadow: 0px 2px 20px 10px #97B1BF;
        color: #000;
    }