.ContantUs {
    max-width: 1118px;
    width: 100%;
    background-image: url("/images/contactUs.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 512px;
    margin: 0 auto;
    position:relative;
}
.ContantUs-info {
    padding:5px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 15%;
    left:10%;
    max-width: 475px;
    min-width: 320px;
    direction:rtl;
}
.ContantUs-info_title {
    display: flex;
    flex-direction: row;

}
.ContantUs-info_btn{
    display:flex;
    flex-direction:row;
    font-size:12px;

}
.ContantUs-info_btn1 {
    display: flex;
    width: 103px;
    height: 37px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #8B8B8B;
    color:#FFF;
}
.ContantUs-info_btn2 {
    display: flex;
    width: 114px;
    height: 37px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #0085FF;
    color: #FFF;
}
.ContantUs-info_btn3 {
    display: flex;
    width: 150px;
    height: 37px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    
    border-radius: 20px;
    background: #FFF500;
}
.ContantUs-info_so {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    margin:20px 0px;
}
@media (max-width: 40rem) {
    .ContantUs-info {
        padding: 5px;
        display: flex;
        flex-direction: column;
        position: unset;
        max-width: 475px;
        min-width: 320px;
        direction: rtl;
    }
}