body {
    background-image: url("./user_img/<br />
<b>Warning</b>:  Undefined array key "custom" in <b>/home/cranerep.com/public_html/style.php</b> on line <b>7</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/cranerep.com/public_html/style.php</b> on line <b>7</b><br />
");
    background-size:cover;
    background-repeat: repeat;
    background-color: #e0e0e0e8;
    min-height: 100%; /*vh*/

  }

  .navbar {
        /*Bulma variables*/
        --bulma-navbar-height: 60px;
        --bulma-navbar-item-img-max-height: 50px;
        --bulma-navbar-tab-active-color: #FEBF05;
        --bulma-navbar-tab-active-background-color: #FEBF05;
  }

  html {
    height: 100%;
  }

  .cta-button {
    background-color: #3273dc;
    color: white;
    border-radius: 4px;
  }
  .cta-button:hover {
    background-color: #276cda;
  }
  .hero-body {
    background-color: #f4f7fa;
  }
  .hero-image {
    max-width: 100%;
    height: auto;
  }
  .container-wrapper {
    /*max-width: 100%;*/
    margin: 0 auto;
    padding: 20px;
  }
  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .columns.is-multiline .column {
    margin-bottom: 1.5rem;
  }
  .banner-image {
    width: 80%; /* You can adjust this value as needed */
    height: auto;
    margin-bottom: 20px;
  }
  .section-wrapper {
    max-width: 1000px; /* Optional: You can adjust max-width if needed */
    margin: 0 auto;
    padding: 20px;
  }
  .section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .content-box {
    background-color: #f4f7fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 1.5rem;
  }
  .content-box h3 {
    margin-bottom: 1rem;
  }
  /* Custom CSS to center the image */
  .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .video-embed {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .column {
    padding-left: 20px;
    padding-right: 20px;
  }