#about{
    direction: rtl;
}
#services {
    direction: rtl;
}
#contact {
    direction: rtl;
}
#footer {
    direction: rtl;
}
.img-fluide{
    width: 500px;
    height:300px;
}
.mt-50{
    margin-top: 50px;
}
.mr-30{
       margin-right: 30px; 
}
.tit-info{
        margin-right: -75px;
}
.info-cont{
        float: right;
    margin-right: 5px;
}


.info-item {
    background-color: #f9f9f9; 
    border-radius: 8px; 
    padding: 20px; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s; 
}

.info-item:hover {
    transform: translateY(-5px); 
}

strong {
    color: #333;
}