.hero-bg {
    background-image: url("assets/images/left-home-banner.jpg");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.logo p{
    font-size: 24px;
    font-weight: 200px;
    padding-top: 30px;
  
}


.container-background
{

    height: 90px;
    width: 100%;
    background-color: darkgrey;
     display: flex;

}
 .logo img{

   
    padding-top: 15PX;
    padding-left: 10PX;
 }


 .logo1
 {
     padding-top: 10PX;
    padding-right: 10PX;
 }
 
 .blur-box {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Safari */
  background: rgba(255, 255, 255, 0.2);
  padding: 20px;
  border-radius: 10px;
  width: 300px;
}
.h-bg {
    position: relative;
    overflow-x: clip;
}

.h-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/images/pexels-janzakelj-9389186.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(8px); /* <-- BLUR HERE */
    transform: scale(1.1); /* fix blur edges */
    z-index: -1;
}
.captcha span img {
    width: 100%;
}