.servises h2{
    margin-bottom: 20px ;
}
.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.card {
    position: relative;
}
.card-body {
    padding-bottom: 50px !important;
}
.card-img-top {
    height: 300px;
}
.my-button{
    position: absolute;
    bottom: 15px;
    right: 20px;
}
@media(min-width:750px) {
    .my-modal-dialog {
        display: flex !important;
        justify-content: center !important;
    }
    .my-modal-content {
        position: absolute !important;
        width: 700px !important;
    }
}
.my-modal-content {
background-color:#212529 !important ;
color: white !important;
}
/*  */
.my-button{
    padding: 10px 30px !important;
    color: white;
    transition-duration: .2s !important ;
    border: none !important;
}
.my-button:hover {
    padding: 13px 35px !important;
    z-index: .7;
}
.my-button1{
    background-color: #FF3A3A !important;
}
.my-button2{
    background-color: #FF6F91 !important;
}
.my-button3{
    background-color: #FFA500 !important;
}
.my-button4{
    background-color: #9B59B6 !important;
}
/*  */