#service-banner{
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-size: cover;
   height: 425px;
   }
   @media only screen and (max-width: 767px) {
      #service-banner{
       padding: 10px 0;
       background-attachment: scroll;
       height: 250px;
       background-size: cover;
    }
    }
   #background{
   background-color: #00000052;
   width: 250px;
   padding: 10px;
   border-radius: 10px;
   }
   /* Card */
   .card {
   width: 250px;
   background: white;
   padding: .4em;
   border-radius: 6px;
   }
   .card-image {
   background-color: rgb(236, 236, 236);
   width: 100%;
   height: 130px;
   border-radius: 6px 6px 0 0;
   }
   .card-image:hover {
   transform: scale(0.98);
   }
   .category {
   text-transform: uppercase;
   font-size: 0.7em;
   font-weight: 600;
   color: rgb(63, 121, 230);
   padding: 10px 7px 0;
   }
   .category:hover {
   cursor: pointer;
   }
   .heading {
   font-weight: 600;
   color: rgb(88, 87, 87);
   padding: 7px;
   }
   .heading:hover {
   cursor: pointer;
   }
   .author {
   color: gray;
   font-weight: 400;
   font-size: 11px;
   padding-top: 20px;
   }
   .name {
   font-weight: 600;
   }
   .name:hover {
   cursor: pointer;
   }
   .lead{
   text-align: justify;
   /* word-spacing:3.5px; */
   font-size: 15.8px;
   color: white;
   }
   .intl-tel-input.separate-dial-code .selected-dial-code {
   display: table-cell;
   vertical-align: middle;
   padding-left: 8px;
   }
   #textalign {
      text-align: justify;
      word-spacing: 0;
      text-align-last: left;
      word-break: break-word;
      hyphens: none;

  }
   #font{
      font-size: 20px;
   }
   #boxheight{
      height: 120px;
   }
   .fw-medium h4{
      color: #334c87;
   }
   #header1{
      font-size: 38px;
   }
#textalign{

   text-align: justify;
}