.bg-blur {
    position: relative;
}

.bg-blur h2{
   color: #fff;
}

.bg-blur p{
    color: #fff;
 }
 
.bg-blur::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(13, 12, 11);
    background: -moz-linear-gradient(135deg, rgba(13, 12, 11, 0.7343312324929971) 0%, rgba(11, 12, 13, 0.7259278711484594) 57%);
    background: -webkit-linear-gradient(135deg, rgba(13, 12, 11, 0.7343312324929971) 0%, rgba(11, 12, 13, 0.7259278711484594) 57%);
    background: linear-gradient(135deg, rgba(13, 12, 11, 0.7343312324929971) 0%, rgba(11, 12, 13, 0.7259278711484594) 57%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0c0b", endColorstr="#0b0c0d", GradientType=1);
    z-index: 1;
    top: 0;
}

.hero-aboutus {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.video-container video{
    width: 550px;
}


@media (max-width: 540px) {
    .mobile-div{
       padding-bottom: 30px;
    }
    .mobile-btn{
       margin-top: 1em;
    }
    .mobile-view-menu{
       padding: 20px !important;
       font-size: 18px !important;
    }
    .mobile-div-flex{
       flex-direction: column-reverse;
    }
    .video-container video{
       width: 380px;
       }
   }
.home-bg{
   background-size: cover;
}
.join-us-text{
   letter-spacing: 1px;
}
.book-free{
   letter-spacing: 1px;
   line-height: 1;
}

.work-with-us{
   padding: 20px 20px;
   outline: 1px solid #3781c2;
}
.free-demo{
   padding: 20px 20px;
}
.font-14{
   font-size: 14px;
}
.social-media,.we-relatless{
   gap:10px
}
.float {
   position: fixed;
   width: 60px;
   height: 60px;
   bottom: 40px;
   left: 40px;
   background-color: #25d366;
   color: #fff;
   border-radius: 50px;
   text-align: center;
   font-size: 30px;
   box-shadow: 2px 2px 3px #999;
   z-index: 100;
}
.my-float {
   margin-top: 16px;
}

.blog-loader{
   display: grid;
   justify-content: center;
}

.blog-container{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
}

.radio-label{
   position: relative;
}

.blog-description{
        max-height: 4em; /* Adjust to desired height */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Number of lines to show */
        -webkit-box-orient: vertical;
}