.black7_box_row{
    display: flex;
 
}
.black_cd{
    width: 180px;
    height:120px;
    margin: 5px;
    border: 0.5px solid #717171 !important;

}
.black_cd_img{
    width: 40px;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
  
}
#black7_box{
    background-color: black;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url('../img/Backgound_Services_Section.png');
    width: 100%;
    background-size: cover;
}
.black_leftbox{
    
    height:600px ;
    border-radius: 8px;
    margin: 5px;
    display: flex;
    width: 100%;
    border: 0.5px solid #717171 !important;
}

.bcont_im{
width: 60%;
border-radius: 8px 0 0 8px;



}
.bcont_cn{
width: 40%;
background-color: #171928 !important;
border-radius: 0 8px 8px 0;

}
.black_cd{
    background-color: #171928 !important;
  
}
.bcont_cn{
    padding:14px;
    padding-left: 16px;
}
#bcont_im1 {
    background-image: url('../img/bcon1.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
#bcont_im2 {
    background-image: url('../img/bcon2.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
#bcont_im3 {
    background-image: url('../img/bcon3.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
#bcont_im4 {
    background-image: url('../img/bcon4.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
#bcont_im5 {
    background-image: url('../img/bcon5.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
#bcont_im6 {
    background-image: url('../img/bcon6.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
#bcont_im7 {
    background-image: url('../img/bcon7.png'); /* Replace with the actual path to your image */
    background-size: cover;      /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image within the element */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
.bcont_cn h3{
    line-height: 32px;
    margin-top: 20px;
}
.bcont_cn p{
    margin-top: 15px;
}

@media (max-width: 768px){
    .black7_box_row {
        justify-content: center; /* Center cards horizontally on mobile */
    }

}