/*  loading Css */
    #cover-spin {
      position: fixed;
      width: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background:#fff !important;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .cover-spin-hide {
    display:none;
    }
    .cover-spin-show {
    display:block !important;
    }
    @-webkit-keyframes spin {
      from {-webkit-transform:rotate(0deg);}
      to {-webkit-transform:rotate(360deg);}
    }
    
    @keyframes spin {
      from {transform:rotate(0deg);}
      to {transform:rotate(360deg);}
    }
    
    #cover-spin::after {
      content: '';
      position: absolute;
      background: url(../frame-spin.png);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      display: block;
      top: 40vh;
      width: 120px;
      height: 120px;
      
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
      text-shadow: none;
      left: 0;
      border: none;
      right: 0;
      width: 100%;
  }
    .loading-text{
      position: relative;
      text-align: center;
      display: block;
      margin-top: 36vh;
      font-weight: normal;
      letter-spacing: 0;
      font-size: 13px;
      letter-spacing: .2px;
      color:#111010;
      opacity: .6;
    }
    #imageSpin{
      -webkit-animation: spin 1.5s linear infinite;
      animation: spin 1.5s linear infinite;
    }
    #pdfGenrate {
      display: inline-block;
      text-align: center;
      min-width: auto;
      width: auto;
      height: 55px;
      line-height: 54px;
      color: #222;
      background-color: #e9c78c;
      background: #e9c78c;
      padding: 0 30px;
      font-weight: 500;
      margin-top: 0;
      font-size: 20px;
  }

  .form-row-half label{
    width: 100% !important;
  }

  .wpcf7-form label {
    padding-bottom: 0px !important;
  }
  .error{
    color: #dc3232 !important;
  }
#generatePDF {
display: inline-block;
text-align: center;
min-width: auto;
width: 100%;
height: 55px;
line-height: 54px;
color: #222;
background-color: #e9c78c;
background: #e9c78c;
padding: 0 30px;
font-weight: 500;
margin-top: 0;
font-size: 20px;
  }
.buttonlink{
display: inline-block;
text-align: center;
min-width: auto;
width: auto;
height: 55px;
line-height: 54px;
color: #222;
background-color: #e9c78c;
background: #e9c78c;
padding: 0 30px;
font-weight: 500;
margin-top: 0;
font-size: 20px;
    }

    /* modal popup css */
    .modal{
      margin-top: 300px;
    }

    .modal-confirm {		
      color: #636363;
      width: 325px;
      margin: 30px auto;
    }
    .modal-confirm .modal-content {
      padding: 20px;
      border-radius: 5px;
      border: none;
    }
    .modal-confirm .modal-header {
      border-bottom: none;   
          position: relative;
    }
    .modal-confirm h4 {
      text-align: center;
      font-size: 26px;
      margin: 30px 0 -15px;
    }
    .modal-confirm .form-control, .modal-confirm .btn {
      min-height: 40px;
      border-radius: 3px; 
    }
    .modal-confirm .close {
          position: absolute;
      top: -5px;
      right: -5px;
    }	
    .modal-confirm .modal-footer {
      border: none;
      text-align: center;
      border-radius: 5px;
      font-size: 13px;
    }	
    .modal-confirm .icon-box {
      color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #f3f3f3;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 10px -5px rgb(0 0 0 / 10%);
    border: 4px solid #dbdad4;
    }
    .modal-confirm .icon-box i {
      font-size: 58px;
      position: relative;
      top: 3px;
    }
    .modal-confirm.modal-dialog {
      margin-top: 80px;
    }
      .modal-confirm .btn {
        color: #161616;
    font-size: 20px;
    border-radius: 0;
    background: #e9c78c;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border: none;
    height: 55px;
      }
    .modal-confirm .btn:hover, .modal-confirm .btn:focus {
      background: #e9c78c;
      outline: none;
    }
    .trigger-btn {
      display: inline-block;
      margin: 100px auto;
    }

    #goArtview {
      display: inline-block;
      text-align: center;
      min-width: auto;
      width: auto;
      height: 55px;
      line-height: 54px;
      color: #222;
      background-color: #e9c78c;
      background: #e9c78c;
      padding: 0 30px;
      font-weight: 500;
      margin-top: 0;
      font-size: 20px;
        }