.drag-and-drop-fields {
    padding: 60px !important;
    margin: 4px 20px !important;
    border: 1px dashed #5ca3dc !important;
    cursor: move !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-off-canvas.ui-dialog-position-side.ui-resizable {
    width: 900px !important;
}

.rowh2 {
    font-size: 20px !important;
}

.change-positions-carousel {
    cursor: pointer !important;
}

.modal-dd {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 99999999999999999;
}

.modal-content-dd {
    background: #fff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
    max-height: 80vh;
}

.close-dd {
    cursor: pointer !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 20px !important;
    background-color: white;
    padding: 10px;
}

.slides-dd {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px;
    max-width: 480px;
    overflow: scroll;
    max-height: 70vh;
}

.slides-dd img {
    width: 423px;
    max-height: 130px;
}

.slide-dd:active {
    cursor: grabbing !important;
}

.slide-dd {
    color: #5ca3dc !important;
    padding: 20px !important;
    border: 1px dashed #5ca3dc !important;
    cursor: grab !important;
    font-size: 26px;
}

.btn-dd {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 0 0 0;
}

.save-dd {
    padding: 10px 20px;
    color: white;
    background-color: #5ca3dc;
    cursor: pointer;
}