body {
    background-color: #dde4fa !important;
}

.btn-google {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2d2f34 !important;
    width: 100%;
    background-color: transparent;
    text-decoration:none !important;
    border-color: #2d2f34;
}

.btn-mercadopago {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2d2f34 !important;
    width: 100%;
    background-color: transparent;
    text-decoration:none !important;
    background-color: #fff;
    border-color: #0bb1ea;
}

.btn-meet {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2d2f34 !important;
    width: 100%;
    background-color: #fff;
    text-decoration: none !important;
    border-color: #1a73e8;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus
.btn-primary:active {
    background-color: #5a55f3 !important;
    border-color: #5a55f3 !important;
    color: #fff !important;
    box-shadow: none;
}

.btn-back,
.btn-back:hover,
.btn-back:focus
.btn-back:active {
    background-color: #fff !important;
    border-color: #807cff !important;
    color: #807cff !important;
    box-shadow: none;
}



.btn-secondary,
.btn-secondary:hover {
    background-color: transparent;
    border-color: #5a6268;
    color: #5a6268 !important;
}

.google-logo, 
.mercadopago-logo,
.meet-logo {
    margin-right: 5px;
}

.col-md-8 {
    background-color: #f2f4fb;
    border-radius: 20px;
    padding: 45px;
    /* padding-top: 25px !important;
    padding-bottom: 45px !important; */
}

.subtitle {
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.form-container {
    margin-bottom: 40px;
}

.list-services {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.list-services > li {
    display: inline-block;
    color: #00864e;
    background-color: #ccf6e4;
    border: 1px solid #00864e;
    padding: 4px 11px;
    margin: 5px 3px;
    border-radius: 22px;
}

.calendar_price {
    width: calc(100% - 115px);
    border: 1px solid #767676
}

@media (max-width: 600px) {
    body {
        /* background-color: #f2f4fb !important; */
    }

    .col-md-8 {
        background-color: #f2f4fb !important;
        border-radius: 20px !important;
        padding: 0 15px !important;
        padding-top: 15px !important;
        padding-bottom: 30px !important;
    }

    form {
        padding: 10px;
    }
}