/* @page {
    size:a4 auto;
} */

@media print {
    /* @page{
       margin:0mm;
       size: landscape
    } */
    .page-break{
       display: block;          
       break-before: always;
       page-break-before: always;
   }
   body {
       -webkit-print-color-adjust: exact;
       padding-top: 20px; 
       padding-bottom: 20px ;
      
   }
 
   @page { 
       margin:10mm 10mm 10mm 10mm;
       size: A4 landscape;
    } 
  
   header,footer { 
       display: none; 
   }
 
   .heading-block{
       text-align: center;
   }
 
   .text-center{
       text-align:center
   }
 
   .property-address{
       display:flex;
       flex-direction: row;
       gap:1rem;
       align-items: center;
       /* flex-wrap:wrap */
    }
 
    .input-field{
       border:none;
       border-bottom: 1px solid black;
       background:transparent;
       width:100%
    }
 
    .w-100{
       width:100%;
    }
 
    .flex-none{
       flex:none
    }
 
    .d-flex{
       display:flex;
    }
 
    .justify-content-start{
       justify-content: start;
    }
 
    .align-items-center{
       align-items: center;
    }
 
    .align-items-start{
       align-items: flex-start;
    }
 
    .gap-1{
       gap:0.2rem
    }
 
    .gap-2{
       gap:0.5rem
    }
    .w-50{
       width:50%
    }
 
    .flex{
       display: flex;
       flex-direction: row;
       gap: 1rem;
       align-items: center;
       flex-wrap: nowrap;
    }
 
    .mt-1{
       margin-top:0.25rem
    }
 
    .mt-3 {
       margin-top: 1rem !important;
     }
    .flex-1{
       flex:1;
       width:100%
    }
 
    .mt-2{
       margin-top:0.5rem
    }
 
    .checkbox {
       width:1em;
       height:1em;
       border-radius: 0.15em;
       border: 0.15em solid #000;
       display: inline-block;
       transform: translateY(-0.075em);
       margin:0;
       display:grid;
       appearance: none;
     }
     
     /* This is what simulates a checkmark icon */
     .checkbox.checked:after {
       content: '';
       display: block;
       width: 4px;
       height: 7px;
       
       /* "Center" the checkmark */
       position:relative;
       top:4px;
       left:7px;
       
       border: solid #000;
       border-width: 0 2px 2px 0;
       transform: rotate(45deg);
     }
    .lead{
       font-size:1.25rem;
       font-weight: 300;
    }
 
    .flex-column{
       flex-direction: column;
    }
 
    .justify-content-between{
       justify-content: space-between;
    }
    .justify-content-evenly{
       justify-content: space-evenly;
    }
 
    .justify-content-center{
       justify-content: center;
    }
 
    .justify-content-around{
       justify-content: space-around;
    }
 
    .flex-wrap{
       flex-wrap: wrap;
    }
 
    .ms-2 {
       margin-left: 0.5rem;
     }
 
     .ms-3 {
       margin-left: 1rem !important;
     }
 
     .align-item-stretch{
       align-items: stretch;
     }
 
     .flex-grow-1{
       flex-grow: 1;
     }
 
     .flex-basis-120{
       flex-basis: 120px;
     }
 
     .flex-basis-50{
       flex-basis:50px
     }
 
     .row-gap-10{
       row-gap: 10px;
     }
 
     .pet-box{
       display:grid;
       grid-template-columns: 1fr 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 1fr;
       grid-column-gap: 10px;
     }
 
     .fee{
       display: flex;
       flex-direction: row;
    }
 
    .property-address2{
       display:flex;
       flex-direction: row;
    }
 
    .text-decoration-underline{
       text-decoration: underline;
    }
 
    #logo{
       position: relative;
       display: flex;
       align-items: center;
       margin-right: auto;
       max-height: 100%;
    }
 }