.benefit-section {
    padding: 40px 20px; 
    background-color: #25252B; 
}


.benefit-section-container {
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin: 0 auto; 
}


.benefit-div1 img {
    width: 100%; 
    height: auto; 
    max-width: 500px; 
    border-radius: 8px; 
}


.benefit-div2 {
    flex: 1 1 50%; 
    padding: 20px; 
    text-align: left; 
}

.benefit-div2 h1 {
    font-size: 2rem; 
    margin-bottom: 20px;
    padding-bottom: 40px; 
    color: white;
}

.chat-bubble-container-button {
    margin-top: 20px; 
}


.common-button {
    background-color: #007bff; 
    border: none; 
    padding: 10px 20px; 
    margin-bottom: 10px;
    border-radius: 5px; 
    cursor: pointer;
}

.common-button a {
    color: white; 
    text-decoration: none; 
}


.msg-para a {
    color: white; 
    text-decoration: none; 
    width: 13px;
    height: 13px;
}

.group-558 {
    position: absolute;
    width: auto;
    height: 430px;
    left: 50%;
    transform: translateX(-50%);
    top: 4092px;
  }
  


@media (max-width: 768px) {
    .benefit-section-container {
        flex-direction: column; 
        text-align: center; 
    }
    
    .benefit-div1,
    .benefit-div2 {
        flex: 1 1 100%; 
        padding: 10px; 
    }
    
    .benefit-div2 h1 {
        font-size: 1.5rem; 
    }
}

@media (max-width: 576px) {
    .benefit-div2 h1 {
        font-size: 1.25rem; 
    }
    
    .common-button {
        padding: 8px 16px; 
    }
}