body, html {
      height: 100%;
      margin: 0;
    }

.logo-height
{
	height: 50px;
}

 

  .bg-image {
      background-image: url('../img/website.jpeg'); /* Change to your image */
      background-size: cover;
      background-position: center;
      height: 82vh;
      position: relative;
    background-color: #3b5e69;;
       
    }


  

    .set-background-color
    {
    	/*  background-color: rgba(0, 0, 0, 0.6); /* Dark overlay */
    	    background-color: rgb(0 0 0 / 17%);
    }

       .form-overlay {

      display: flex;
      align-items: center;
      justify-content: center;
    }

       .contact-form {
      background-color: white;
      padding: 2rem;
      border-radius: 1rem;
      max-width: 500px;
      width: 100%;
      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    }

    .adjust-left-column
    {
    	    display: flex;
    justify-content: center;
    align-items: center;
}

.para_font_size
{
	font-size: 17px;
    font-weight: bold;
    }

    .call_but {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 999;
}

.whatsapp_float {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 999;
}

.call_but {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 999;
}

.row.row-fixed {
    position: fixed;
    bottom: 20px;
    width: 100%;
}


      @media screen and (max-width: 3000px) {
.showonmobile
{
display: none;
}
      }


     @media screen and (max-width: 900px) {

.showonmobile
{
display: block;
}

       .bg-image {
    
      height: unset !important;
  
       
    }

    .form-overlay {
  
    margin-top: 10px;
}



    }

    @media screen and (max-width: 600px) {
        .bg-image {
            background-image: unset !important;
            background-size: cover;
            background-position: center;
            height: 82vh;
            position: relative;
          background-color: #3b5e69;
             
          }
      

    }