/* Asegúrate de que la fila contenedora use Flexbox */
.services-style-three-box .row {
    display: flex;
    justify-content: center; /* Centra horizontalmente la columna */
    align-items: center; /* Centra verticalmente si es necesario */
}

.appoinment-style-two {
    padding: 80px 50px;
    background: #091d3e;
    margin-top: 50px; /* Ajuste superior más pequeño */
    position: relative;
    bottom: 0; /* Remueve el desplazamiento hacia abajo */
    margin-right: 20px;
}

    .appoinment-style-two h4 {
        font-weight: 600;
        text-transform: uppercase;
    }

    .appoinment-style-two p {
        opacity: 0.8;
    }

    .appoinment-style-two input {
        margin-bottom: 15px;
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #ffffff !important;
        border-radius: 5px;
    }

    .appoinment-style-two textarea {
        margin-bottom: 15px;
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #ffffff !important;
        border-radius: 5px;
    }

    .appoinment-style-two .nice-select {
        margin-bottom: 15px;
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #ffffff !important;
        border-radius: 5px;
    }

    .appoinment-style-two input:focus {
        margin-bottom: 15px;
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #ffffff !important;
        border-radius: 5px;
    }

    .appoinment-style-two textarea:focus {
        margin-bottom: 15px;
        background: transparent !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #ffffff !important;
        border-radius: 5px;
    }

    .appoinment-style-two button {
        width: 100%;
        border: none;
        background: #104cba;
        padding: 13px;
        border-radius: 5px;
        color: #ffffff;
        font-weight: 600;
    }
    

    /* Ajustes para los placeholders */
    .appoinment-style-two input::-webkit-input-placeholder {
        color: #cccccc;
    }

    .appoinment-style-two input::-moz-placeholder {
        color: #cccccc;
    }

    .appoinment-style-two input:-ms-input-placeholder {
        color: #cccccc;
    }

    .appoinment-style-two input:-moz-placeholder {
        color: #cccccc;
    }

    /* Ajustes para los placeholders */
    .appoinment-style-two textarea::-webkit-input-placeholder {
        color: #cccccc;
    }

    .appoinment-style-two textarea::-moz-placeholder {
        color: #cccccc;
    }

    .appoinment-style-two textarea:-ms-input-placeholder {
        color: #cccccc;
    }

    .appoinment-style-two textarea:-moz-placeholder {
        color: #cccccc;
    }

/* Ajustes adicionales para el contenedor general */
.services-area {
    padding-bottom: 80px; /* Agrega espacio adicional debajo del formulario */
}


/* Aplica el estilo personalizado al contenedor del editor */
.ck-editor__editable_inline {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
    border-radius: 5px;
    padding: 15px; /* Agrega el mismo padding que en los inputs */
    min-height: 200px; /* Ajuste para la altura mínima */
    margin-bottom: 15px;
}

    /* Cambiar el color de los placeholders en CKEditor */
    .ck-editor__editable_inline::before {
        color: #cccccc !important; /* Placeholder color */
        opacity: 0.8;
    }