/*body.boxed {
 background-image: url('https://www.caravanwise.co.uk/img/background.gif');
 background-repeat: repeat;
 position: relative;
 background-color: #80a9d6;
}

body.boxed div.body {
 box-shadow: 0 0 14px rgba(0,0,0,.15);
 background-color: #f9f7f4;
 margin: 0 auto;
 max-width: 100%;
 width: 980px;
 color: #333;
 z-index: 0;
 position: relative;
 padding-top: 12px;
}

.container{
 background-color: #f9f7f4;
 padding-left:40px;
}*/


.custom-checkbox{
    cursor: pointer;
    padding:8px;
    border:solid 1px #c7c5c5;
    border-radius: 5px;
    margin:0 0 10px 0;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.3 !important;
    box-shadow: 2px 2px 2px #888888;
    background-color:#fff;
    position: relative;
  }
  
  #occu li{list-style: disc;font-size: 90%;}
  
  .custom-checkbox:hover {
    box-shadow:none;
    color:#222;
  }
  
  .form-check-input {
    transform: scale(1.5);
    margin: 15px 0px 0px 15px;
    position: absolute;
    top: 20px;
    left: 40px;
  }
  
  .form-check-label {
    padding-left: 36px; /* adjust this value to add more or less space for the checkbox */
  }
  .form-text{
  color:#1342e2;
  display: block;
  margin-top:-6px;
  margin-bottom:14px;
  }
  
  label {margin-left: 12px;}
  
  h1{font-weight:700;margin-bottom:30px;}
  h2{
  font-size:1.5em;
  line-height:3em;
  }
  
  .btn-circle {
      width: 30px;
      height: 30px;
      padding: 6px 0px;
      border-radius: 15px;
      text-align: center;
      font-size: 12px;
      line-height: 1;
  }
      .img-container {
          display: flex;
          align-items: flex-end; /* Aligns items vertically at the bottom */
      }
      .img-container img {
          max-width: 80%; /* Adjust this as needed */
          max-height: 80%; /* Adjust this as needed */
      }
  .btn-info{background-color:#3366ff; border-color:#3366ff; color:#fff; font-weight:700; font-size:1.1em;}
  h3{font-size:1.2em; font-weight:700;}
  h4{font-size:1em; font-weight:700;}
  
  .form-row-container{margin-top: 0 !important;}
  
  #error-message {
      background-color: #fff;
      padding: 10px;
      border-radius: 5px;
      border:2px solid red;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 10px;
      margin-bottom:20px;
      display: none; /* hide it initially */
  }
  
  #error-message.show {
      display: flex; /* show it when .show is added */
  }
  
  #exclamation-mark {
      margin-left: 10px;
  }
  
  
  @media (min-width: 900px) {
    .form-row-container {
      max-width: 75%;
      float:left;
    }
  }
  
  .form-row-container {
    border-bottom: 1px solid #ccc;
  }
  .card-title{
  font-weight: 700;
  }
  
  .btn{margin-bottom:20px;}
  
  .my-col {
      padding-right: 5px;
      padding-left: 5px;
    }