@font-face {
    font-family: sutonnymj;
    src: local("SutonnyMJ"), url(../fonts/SUTOM.woff) format("woff");
  }
  @font-face {
    font-family: solaimanlipi;
    src: local("SolaimanLipi"), url(../fonts/SolaimanLipi.ttf) format("ttf");
  }
  @charset "utf-8";
  body {
    font-family: SolaimanLipi, siyam rupali, Vrinda;
    font-size: 16px;
    background-color: #f7f7f7;
    color: #333;
  }
  p,
  button {
    font-family: SolaimanLipi;
  }
  div.DMT18 {
    margin-top: 18px;
  }
  div.DLogo {
    margin: 20px 0 10px;
  }
  p.pMessage {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: red;
    font-size: bolder;
  }
  .inpUnicode {
    width: 100%;
    height: 220px;
    font-family: solaimanLipi;
    font-size: 18px;
    color: #000;
    border: 1px solid #999;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    background: #fff !important;
  }
  .inpUnicode:focus {
    width: 100%;
    height: 220px;
    border: 1px solid #5ab4e6;
    box-shadow: 0 0 5px #7dbef1;
    -moz-box-shadow: 0 0 5px #7dbef1;
    -webkit-box-shadow: 0 0 5px #7dbef1;
  }
  .DConvertButton span {
    padding-right: 10px;
    color: rgb(255, 255, 255);
  }
  .btnBijoy {
    font-family: SolaimanLipi;
    margin-right: 10px;
    background: #00F260;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0575E6, #00F260);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0575E6, #00F260); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border: none;
    border-radius: 20px;

  }
  .btnBijoy:hover {
    cursor: pointer;
    background-color: #FFE53B;
background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);

    

  }
  .btnUnicode {
    font-family: SolaimanLipi;
    margin-right: 10px;
    background: #00F260;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0575E6, #00F260);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0575E6, #00F260); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border: none;
    border-radius: 20px;

  }
  .btnUnicode:hover {
    cursor: pointer;
    background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);

  }
  .btnReset {
    font-family: SolaimanLipi;
    background: #FF512F;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #DD2476, #FF512F);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #DD2476, #FF512F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border: none;
    border-radius: 20px;
  }
  .btnReset:hover {
    cursor: pointer;
    
  }
  .inpBijoy {
    width: 100%;
    height: 220px;
    font-family: SutonnyMJ;
    font-size: 18px;
    color: #000;
    border: 1px solid #999;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    background: #fff !important;
  }
  .inpBijoy:focus {
    width: 100%;
    height: 220px;
    font-family: SutonnyMJ;
    color: #000;
    border: 1px solid #5ab4e6;
    box-shadow: 0 0 5px #7dbef1;
    -moz-box-shadow: 0 0 5px #7dbef1;
    -webkit-box-shadow: 0 0 5px #7dbef1;
  }