.close {

    position: relative;

    top: 50px;

    left: 15px;

    z-index: 1;

    font-size: 30px;

    line-height: 1;

    color: black

}



.modal.fade.show {

    background: #aac1ff63;

    padding-left: 15px;

    padding-right: 15px

}



.modal-content {

    border: none;

    background: transparent; 

}



.modal-header {

    border: none

}



.modal-body {

    border: none;

    background-color: white;

    padding-bottom: 5px

}



.close.focus,

.close:focus {

    outline: 0;

    box-shadow: none !important

}

 

small.para {

    font-weight: bold;

    color: #6c757d;

    font-size: 15px

}



@media (min-width:599px) {

    .modal-dialog {

        max-width: 45rem

    }



 

    .btn-dark {

        width: 70%;

        height: 40px;

        border: 1px solid black;

        background: #151718;

        color: #dae0e5

    }

}

.form-input input::-webkit-input-placeholder, .form-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */

    color: #000;

    font-size: 13px;

  }

  .form-input input::-moz-placeholder,  .form-input textarea::-moz-placeholder { 

      /* Firefox 19+ */

    color: #000;

    font-size: 13px;

  }

  .form-input input::-ms-input-placeholder,.form-input textarea::-ms-input-placeholder {

       /* IE 10+ */

       color: #000;

       font-size: 13px;

  }

  .form-input input::-moz-placeholder,.form-input textarea::-moz-placeholder { 

      /* Firefox 18- */

      color: #000;

      font-size: 13px;

  }



  

div.form-control:focus {

    border-color: #fff !important;

    outline: 0;

    top: 0;

    left: 0

}



.form-control:focus {

    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25) !important

}



 



.btn-dark {

    width: 70%;

    height: 40px;

    border: 1px solid black;

    background: #151718;

    color: #dae0e5

}

.modal-t{

    font-size: 1.2rem;

    margin-top: 55px;

}