#about{
    direction: rtl;
}
#services {
    direction: rtl;
}
#contact {
    direction: rtl;
}
#footer {
    direction: rtl;
}
.img-fluide{
    width: 500px;
    height:300px;
}
.mt-50{
    margin-top: 50px;
}



.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;
}