@font-face {
    font-family: roboto;
    src: url(Roboto-Black.ttf);
  }
          * {
      margin:0; 
      padding:0;
      font-family: roboto;
  }
  body{
      background-color: white;
  }
  .Testimoni-2 {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    margin: 0px;
  }
  .Rectangle-1 {
    width: 396.5px;
    height: 115.5px;
    border-radius: 5px;
    box-shadow: 0 4.5px 3.5px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    z-index: 3;
    margin-left: 36%;
    margin-top: 300px;
    text-align: center;
     line-height: 115px;
  }
  .Rectangle-2 {
   width: 100%;
    height: 342px; 
    background-image: url(./images.jpg);
    background-size: 100% 342px;
    position: absolute;
  }
  
  .Rectangle-3 {
    width: 744px;
    height: 268px;
    border-radius: 5px;
    border: solid 0.5px #707070;
    background-color: #f8f8f8;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
    margin-left: 21%;
    padding-top: 15px;
  }
  .Rectangle-9 {
    width: 638px;
    height: 262px;
    border-radius: 30px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
    border: solid 0.5px #707070;
    background-color: #ffffff;
    margin-left: 312px;
    margin-top: 40px;
    position: absolute;
    z-index: -1;
    text-align: center;
  }
  .images67 {
    width: 81px;
    height: 81px;
    object-fit: contain;
  }
  .Ellipse-3 {
    width: 44.5px;
    height: 44.5px;
    background-color: #ef5050;
  }
  .images {
    width: 83px;
    height: 75px;
    object-fit: contain;
    border-radius: 10px;
    border: solid 0.5px #707070;
  }
  .Testimony {
    width: 156px;
    height: 47px;
    font-family: SegoeUI;
    font-size: 35px;
  }
  .tell{
      margin-left: 36%;
      padding-top: 30px;
  }
  input[type=text], select {
    width: 703px;
    height: 36px;
    border-radius: 10px;
    background-color: white;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: 20px;
  }
  textarea{
    width: 703px;
    height: 60px;
    border-radius: 10px;
    background-color: white;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: 20px;
  }
  .custom-file-input {
    color: transparent;
    margin-left: 20px;
  }
  .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
  }
  .custom-file-input::before {
    content: 'Select some files';
    color: black;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
  }
  .custom-file-input:hover::before {
    border-color: black;
  }
  .custom-file-input:active {
    outline: 0;
  }
  .custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
  }
  fieldset, label { margin: 0; padding: 0; }
  h1 { font-size: 1.5em; margin: 10px; }
  
  button {
    float: right;
    width: 100px;
    color: white;
    text-transform: uppercase;
    background:#89b7eb;
    outline: none;
    border-radius: 5em;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 30px;
  }

  .img1 {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     margin-left: 590px
  }
  .img2{
      width: 75px;
      height: 75px;
      padding-left: 5px;
      border-radius: 20%;
  }