
.bg-pink-gradient1 {
    background: linear-gradient(358.3deg, rgb(255, 82, 168) 12.9%, rgb(177, 118, 240) 134.3%);
}

.bg-blue-gradient1 {
    background: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF6E 48%, #6BBBFF 100%);
}

.bg-blue-gradient2 {
    background: linear-gradient(111.8deg, rgb(0, 104, 155) 19.8%, rgb(0, 173, 239) 92.1%);
}

.bg-purple-gradient1 {
    background: linear-gradient(109.6deg, rgb(9, 9, 121) 11.2%, rgb(144, 6, 161) 53.7%, rgb(0, 212, 255) 100.2%);
}

.bg-orange-gradient1 {
    background: linear-gradient(113.9deg, rgb(255, 7, 7) -4.5%, rgb(255, 255, 5) 98.8%);
}

.bg-green-gradient1 {
    background: linear-gradient(107deg, rgb(13, 198, 180) 8.1%, rgb(33, 198, 138) 79.5%);
}

.bg-green-gradient2 {
    background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
}

.bg-black-gradient1 {
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
}

.bg-black-gradient2 {
    background: radial-gradient(circle, rgba(0,0,0,1) 29%, rgba(255,255,255,1) 100%, rgba(0,0,0,1) 100%);
    border: 1px solid gray;
}

.bg-pink-gradient2 {
    color: darkblue;
    background: linear-gradient(122.3deg, rgb(111, 71, 133) 14.6%, rgb(232, 129, 166) 29.6%, rgb(237, 237, 183) 42.1%, rgb(244, 166, 215) 56.7%, rgb(154, 219, 232) 68.7%, rgb(238, 226, 159) 84.8%);
    background: linear-gradient(106.5deg, rgba(255, 215, 185, 0.91) 23%, rgba(223, 159, 247, 0.8) 93%);
}

.bg-grey-gradient1 {
    background: linear-gradient(109.6deg, rgb(245, 239, 249) 30.1%, rgb(207, 211, 236) 100.2%);
}

.bg-purple-gradient3 {
    background: linear-gradient(115deg, #fa8bff, #2bd2ff, #bc2bff);
}


.upload-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    box-sizing: border-box;
}

.upload-area {
    cursor: pointer;
}
.well-sm {
    padding: 10px;
}

.well {
    border: 0;
    padding: 20px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f1f4f7;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.section-title h2 {
    padding-top: 10px !important;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 10px;
}

.grid-item {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    min-height: 300px;
}