.golden-color {
    background: -webkit-linear-gradient(90deg, rgb(255, 247, 213), rgb(161, 142, 68), rgb(244, 247, 125));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    overflow: hidden;
}

:root {

    --primary-color: #7b1fa2;
    --highlight-color: #1acc8d;
    --secondary-color: #4a0072;
    --disable-color: #e5e5e5;
    --body-color: rgb(248, 249, 250);

    --disable-front-color: #e3e3e3;
    --primary-front-color: #fff;
    --highlight-front-color: #fff;
    --body-front-color: #000;

    --black: #000000;
    --blue: #2196F3;
    --green: #4CAF50;
}

.primary-bg, .primary-bg:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.secondary-bg, .secondary-bg:hover {
    background-color: var(--secondary-color);
    color: #fff;
    text-decoration: none !important;
}

.highlight-bg, .highlight-bg:hover {
    background: var(--highlight-color) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.body-bg {
    background-color: var(--body-color);
    text-decoration: none !important;
}

.disable-bg {
    background-color: var(--disable-color);
    color: grey !important;

}

.disable-border-dashed {
    border: 3px dashed var(--disable-front-color);
}

.highlight-bg-color {
    background-color: var(--highlight-color);
    color: var(--highlight-front-color);
}

.disable-text {
    color: var(--disable-front-color);
}

.primary-text {
    color: var(--primary-color);
}

.highlight-text {
    color: var(--highlight-color);
}
/*-----------------------------------------*/

.bg-transparent, .bg-transparent:hover {
    background-color: transparent  !important;
    border-color: #000000 !important;
    color: #000000;
}

.indicator-transparent .carousel-indicator {
    background-color: transparent;
}

.bg-transparent.color {
    border: 1px solid grey;
    background-color: #ffffff;
    opacity: 0.1;
    background-image: repeating-linear-gradient(45deg, #000000 25%, transparent 25%, transparent 75%, #000000 75%, #000000), repeating-linear-gradient(45deg, #000000 25%, #ffffff 25%, #ffffff 75%, #000000 75%, #000000);
    background-position: 0 0, 4px 4px;
    background-size: 8px 8px;
}

.bg-transparent a {
    background-color: #000000 !important;
    color: transparent !important;
}

.text-transparent {
    color: transparent;
}
audio.audio-transparent::-webkit-media-controls-panel {
    background-color: transparent;
}
.queue .card.bg-transparent a {
    color: white !important;
}

/*-----------------------------------------*/

.bg-white, .bg-white:hover {
    background-color: #ffffff;
    border-color: #000000 !important;
    color: #000000;
}

.indicator-white .carousel-indicator {
    background-color: #ffffff;
}

.bg-white.color {
    border: 1px solid grey;
}

.bg-white a {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.text-white {
    color: #ffffff;
}

.separator-white svg g path {
    fill: #ffffff !important;
}
audio.audio-white::-webkit-media-controls-panel {
    background-color: white;
}
/*-----------------------------------------*/
.bg-gold, .bg-gold:hover {
    background-color: #a67c00 !important;
    border-color: white !important;
    color: white;
}

.indicator-gold .carousel-indicator {
    background-color: #a67c00;
}

.bg-gold a {
    background-color: white !important;
    color: #a67c00 !important;
}

.text-gold {
    color: #a67c00 !important;
}

.separator-gold svg g path {
    fill: #a67c00 !important;
}

audio.audio-gold::-webkit-media-controls-panel {
    background-color: #a67c00;
}

/*-----------------------------------------*/
.bg-gold-a67c00, .bg-gold-a67c00:hover {
    background-color: #a67c00 !important;
    border-color: white !important;
    color: white;
}

.indicator-gold-a67c00 .carousel-indicator {
    background-color: #a67c00;
}

.bg-gold-a67c00 a {
    background-color: white !important;
    color: #a67c00 !important;
}

.text-gold-a67c00 {
    color: #a67c00 !important;
}

.separator-gold-a67c00 svg g path {
    fill: #a67c00 !important;
}

audio.audio-gold-a67c00::-webkit-media-controls-panel {
    background-color: #a67c00;
}

/*-----------------------------------------*/
.bg-gold-bf9b30, .bg-gold-bf9b30:hover {
    background-color: #bf9b30 !important;
    border-color: white !important;
    color: white;
}

.indicator-gold-bf9b30 .carousel-indicator {
    background-color: #bf9b30;
}

.bg-gold-bf9b30 a {
    background-color: white !important;
    color: #bf9b30 !important;
}

.text-gold-bf9b30 {
    color: #bf9b30 !important;
}

.separator-gold-bf9b30 svg g path {
    fill: #bf9b30 !important;
}

audio.audio-gold-bf9b30::-webkit-media-controls-panel {
    background-color: #bf9b30;
}

/*-----------------------------------------*/
.bg-red, .bg-red:hover {
    background-color: #f44336 !important;
    border-color: white !important;
    color: white;
}

.indicator-red .carousel-indicator {
    background-color: #f44336;
}

.bg-red a {
    background-color: white !important;
    color: #f44336 !important;
}

.text-red {
    color: #f44336 !important;
}

.separator-red svg g path {
    fill: #f44336 !important;
}

audio.audio-red::-webkit-media-controls-panel {
    background-color: #f44336;
}

/*-----------------------------------------*/
.bg-red-50, .bg-red-50:hover {
    background-color: #FFEBEE !important;
    border-color: black !important;
    color: black;
}

.indicator-red-50 .carousel-indicator {
    background-color: #FFEBEE;
}

.bg-red-50 a {
    background-color: black !important;
    color: #FFEBEE !important;
}

.text-red-50 {
    color: #FFEBEE !important;
}

.separator-red-50 svg g path {
    fill: #FFEBEE !important;
}
audio.audio-red-50::-webkit-media-controls-panel {
    background-color: #FFEBEE;
}
/*-----------------------------------------*/
.bg-red-100, .bg-red-100:hover {
    background-color: #FFCDD2 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-100 .carousel-indicator {
    background-color: #FFCDD2;
}

.bg-red-100 a {
    background-color: black !important;
    color: #FFCDD2 !important;
}

.text-red-100 {
    color: #FFCDD2 !important;
}

.separator-red-100 svg g path {
    fill: #FFCDD2 !important;
}
audio.audio-red-100::-webkit-media-controls-panel {
    background-color: #FFCDD2;
}
/*-----------------------------------------*/
.bg-red-200, .bg-red-200:hover {
    background-color: #EF9A9A !important;
    border-color: black !important;
    color: black;
}

.indicator-red-200 .carousel-indicator {
    background-color: #EF9A9A;
}

.bg-red-200 a {
    background-color: black !important;
    color: #EF9A9A !important;
}

.text-red-200 {
    color: #EF9A9A !important;
}

.separator-red-200 svg g path {
    fill: #EF9A9A !important;
}
audio.audio-red-200::-webkit-media-controls-panel {
    background-color: #EF9A9A;
}
/*-----------------------------------------*/
.bg-red-300, .bg-red-300:hover {
    background-color: #E57373 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-300 .carousel-indicator {
    background-color: #E57373;
}

.bg-red-300 a {
    background-color: black !important;
    color: #E57373 !important;
}

.text-red-300 {
    color: #E57373 !important;
}

.separator-red-300 svg g path {
    fill: #E57373 !important;
}
audio.audio-red-300::-webkit-media-controls-panel {
    background-color: #E57373;
}
/*-----------------------------------------*/
.bg-red-400, .bg-red-400:hover {
    background-color: #EF5350 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-400 .carousel-indicator {
    background-color: #EF5350;
}

.bg-red-400 a {
    background-color: black !important;
    color: #EF5350 !important;
}

.text-red-400 {
    color: #EF5350 !important;
}

.separator-red-400 svg g path {
    fill: #EF5350 !important;
}
audio.audio-red-400::-webkit-media-controls-panel {
    background-color: #EF5350;
}
/*-----------------------------------------*/

.bg-red-500, .bg-red-500:hover {
    background-color: #F44336 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-500 .carousel-indicator {
    background-color: #F44336;
}

.bg-red-500 a {
    background-color: black !important;
    color: #F44336 !important;
}

.text-red-500 {
    color: #F44336 !important;
}

.separator-red-500 svg g path {
    fill: #F44336 !important;
}
audio.audio-red-500::-webkit-media-controls-panel {
    background-color: #F44336;
}
/*-----------------------------------------*/

.bg-red-600, .bg-red-600:hover {
    background-color: #E53935 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-600 .carousel-indicator {
    background-color: #E53935;
}

.bg-red-600 a {
    background-color: black !important;
    color: #E53935 !important;
}

.text-red-600 {
    color: #E53935 !important;
}

.separator-red-600 svg g path {
    fill: #E53935 !important;
}
audio.audio-red-600::-webkit-media-controls-panel {
    background-color: #E53935;
}
/*-----------------------------------------*/

.bg-red-700, .bg-red-700:hover {
    background-color: #D32F2F !important;
    border-color: white !important;
    color: white;
}

.indicator-red-700 .carousel-indicator {
    background-color: #D32F2F;
}

.bg-red-700 a {
    background-color: white !important;
    color: #D32F2F !important;
}

.text-red-700 {
    color: #D32F2F !important;
}

.separator-red-700 svg g path {
    fill: #D32F2F !important;
}
audio.audio-red-700::-webkit-media-controls-panel {
    background-color: #D32F2F;
}
/*-----------------------------------------*/

.bg-red-800, .bg-red-800:hover {
    background-color: #C62828 !important;
    border-color: white !important;
    color: white;
}

.indicator-red-800 .carousel-indicator {
    background-color: #C62828;
}

.bg-red-800 a {
    background-color: white !important;
    color: #C62828 !important;
}

.text-red-800 {
    color: #C62828 !important;
}

.separator-red-800 svg g path {
    fill: #C62828 !important;
}
audio.audio-red-800::-webkit-media-controls-panel {
    background-color: #C62828;
}
/*-----------------------------------------*/

.bg-red-900, .bg-red-900:hover {
    background-color: #B71C1C !important;
    border-color: white !important;
    color: white;
}

.indicator-red-900 .carousel-indicator {
    background-color: #B71C1C;
}

.bg-red-900 a {
    background-color: white !important;
    color: #B71C1C !important;
}

.text-red-900 {
    color: #B71C1C !important;
}

.separator-red-900 svg g path {
    fill: #B71C1C !important;
}
audio.audio-red-900::-webkit-media-controls-panel {
    background-color: #B71C1C;
}
/*-----------------------------------------*/

.bg-red-A100, .bg-red-A100:hover {
    background-color: #FF8A80 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-A100 .carousel-indicator {
    background-color: #FF8A80;
}

.bg-red-A100 a {
    background-color: black !important;
    color: #FF8A80 !important;
}

.text-red-A100 {
    color: #FF8A80 !important;
}

.separator-red-A100 svg g path {
    fill: #FF8A80 !important;
}
audio.audio-red-A100::-webkit-media-controls-panel {
    background-color: #FF8A80;
}
/*-----------------------------------------*/

.bg-red-A200, .bg-red-A200:hover {
    background-color: #FF5252 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-A200 .carousel-indicator {
    background-color: #FF5252;
}

.bg-red-A200 a {
    background-color: black !important;
    color: #FF5252 !important;
}

.text-red-A200 {
    color: #FF5252 !important;
}

.separator-red-A200 svg g path {
    fill: #FF5252 !important;
}
audio.audio-red-A200::-webkit-media-controls-panel {
    background-color: #FF5252;
}
/*-----------------------------------------*/

.bg-red-A400, .bg-red-A400:hover {
    background-color: #FF1744 !important;
    border-color: black !important;
    color: black;
}

.indicator-red-A400 .carousel-indicator {
    background-color: #FF1744;
}

.bg-red-A400 a {
    background-color: black !important;
    color: #FF1744 !important;
}

.text-red-A400 {
    color: #FF1744 !important;
}

.separator-red-A400 svg g path {
    fill: #FF1744 !important;
}
audio.audio-red-A400::-webkit-media-controls-panel {
    background-color: #FF1744;
}
/*-----------------------------------------*/

.bg-red-A700, .bg-red-A700:hover {
    background-color: #D50000 !important;
    border-color: white !important;
    color: white;
}

.indicator-red-A700 .carousel-indicator {
    background-color: #D50000;
}

.bg-red-A700 a {
    background-color: white !important;
    color: #D50000 !important;
}

.text-red-A700 {
    color: #D50000 !important;
}

.separator-red-A700 svg g path {
    fill: #D50000 !important;
}
audio.audio-red-A700::-webkit-media-controls-panel {
    background-color: #D50000;
}
/*-----------------------------------------*/

.bg-pink, .bg-pink:hover {
    background-color: #E91E63 !important;
    border-color: white !important;
    color: white;
}

.indicator-pink .carousel-indicator {
    background-color: #E91E63;
}

.bg-pink a {
    background-color: white !important;
    color: #E91E63 !important;
}

.text-pink {
    color: #E91E63 !important;
}

.separator-pink svg g path {
    fill: #E91E63 !important;
}
audio.audio-pink::-webkit-media-controls-panel {
    background-color: #E91E63;
}
/*-----------------------------------------*/
.bg-pink-50, .bg-pink-50:hover {
    background-color: #FCE4EC !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-50 .carousel-indicator {
    background-color: #FCE4EC;
}

.bg-pink-50 a {
    background-color: black !important;
    color: #FCE4EC !important;
}

.text-pink-50 {
    color: #FCE4EC !important;
}

.separator-pink-50 svg g path {
    fill: #FCE4EC !important;
}
audio.audio-pink-50::-webkit-media-controls-panel {
    background-color: #FCE4EC;
}
/*-----------------------------------------*/
.bg-pink-100, .bg-pink-100:hover {
    background-color: #F8BBD0 !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-100 .carousel-indicator {
    background-color: #F8BBD0;
}

.bg-pink-100 a {
    background-color: black !important;
    color: #F8BBD0 !important;
}

.text-pink-100 {
    color: #F8BBD0 !important;
}

.separator-pink-100 svg g path {
    fill: #F8BBD0 !important;
}
audio.audio-pink-100::-webkit-media-controls-panel {
    background-color: #F8BBD0;
}
/*-----------------------------------------*/
.bg-pink-200, .bg-pink-200:hover {
    background-color: #F48FB1 !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-200 .carousel-indicator {
    background-color: #F48FB1;
}

.bg-pink-200 a {
    background-color: black !important;
    color: #F48FB1 !important;
}

.text-pink-200 {
    color: #F48FB1 !important;
}

.separator-pink-200 svg g path {
    fill: #F48FB1 !important;
}
audio.audio-pink-200::-webkit-media-controls-panel {
    background-color: #F48FB1;
}
/*-----------------------------------------*/
.bg-pink-300, .bg-pink-300:hover {
    background-color: #F06292 !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-300 .carousel-indicator {
    background-color: #F06292;
}

.bg-pink-300 a {
    background-color: black !important;
    color: #F06292 !important;
}

.text-pink-300 {
    color: #F06292 !important;
}

.separator-pink-300 svg g path {
    fill: #F06292 !important;
}
audio.audio-pink-300::-webkit-media-controls-panel {
    background-color: #F06292;
}
/*-----------------------------------------*/
.bg-pink-400, .bg-pink-400:hover {
    background-color: #EC407A !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-400 .carousel-indicator {
    background-color: #EC407A;
}

.bg-pink-400 a {
    background-color: black !important;
    color: #EC407A !important;
}

.text-pink-400 {
    color: #EC407A !important;
}

.separator-pink-400 svg g path {
    fill: #EC407A !important;
}
audio.audio-pink-400::-webkit-media-controls-panel {
    background-color: #EC407A;
}
/*-----------------------------------------*/
.bg-pink-500, .bg-pink-500:hover {
    background-color: #E91E63 !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-500 .carousel-indicator {
    background-color: #E91E63;
}

.bg-pink-500 a {
    background-color: black !important;
    color: #E91E63 !important;
}

.text-pink-500 {
    color: #E91E63 !important;
}

.separator-pink-500 svg g path {
    fill: #E91E63 !important;
}
audio.audio-pink-500::-webkit-media-controls-panel {
    background-color: #E91E63;
}
/*-----------------------------------------*/
.bg-pink-600, .bg-pink-600:hover {
    background-color: #D81B60 !important;
    border-color: white !important;
    color: white;
}

.indicator-pink-600 .carousel-indicator {
    background-color: #D81B60;
}

.bg-pink-600 a {
    background-color: white !important;
    color: #D81B60 !important;
}

.text-pink-600 {
    color: #D81B60 !important;
}

.separator-pink-600 svg g path {
    fill: #D81B60 !important;
}
audio.audio-pink-600::-webkit-media-controls-panel {
    background-color: #D81B60;
}
/*-----------------------------------------*/
.bg-pink-700, .bg-pink-700:hover {
    background-color: #C2185B !important;
    border-color: white !important;
    color: white;
}

.indicator-pink-700 .carousel-indicator {
    background-color: #C2185B;
}

.bg-pink-700 a {
    background-color: white !important;
    color: #C2185B !important;
}

.text-pink-700 {
    color: #C2185B !important;
}

.separator-pink-700 svg g path {
    fill: #C2185B !important;
}
audio.audio-pink-700::-webkit-media-controls-panel {
    background-color: #C2185B;
}
/*-----------------------------------------*/
.bg-pink-800, .bg-pink-800:hover {
    background-color: #AD1457 !important;
    border-color: white !important;
    color: white;
}

.indicator-pink-800 .carousel-indicator {
    background-color: #AD1457;
}

.bg-pink-800 a {
    background-color: white !important;
    color: #AD1457 !important;
}

.text-pink-800 {
    color: #AD1457 !important;
}

.separator-pink-800 svg g path {
    fill: #AD1457 !important;
}
audio.audio-pink-800::-webkit-media-controls-panel {
    background-color: #AD1457;
}
/*-----------------------------------------*/
.bg-pink-900, .bg-pink-900:hover {
    background-color: #880E4F !important;
    border-color: white !important;
    color: white;
}

.indicator-pink-900 .carousel-indicator {
    background-color: #880E4F;
}

.bg-pink-900 a {
    background-color: white !important;
    color: #880E4F !important;
}

.text-pink-900 {
    color: #880E4F !important;
}

.separator-pink-900 svg g path {
    fill: #880E4F !important;
}
audio.audio-pink-900::-webkit-media-controls-panel {
    background-color: #880E4F;
}
/*-----------------------------------------*/
.bg-pink-A100, .bg-pink-A100:hover {
    background-color: #FF80AB !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-A100 .carousel-indicator {
    background-color: #FF80AB;
}

.bg-pink-A100 a {
    background-color: black !important;
    color: #FF80AB !important;
}

.text-pink-A100 {
    color: #FF80AB !important;
}

.separator-pink-A100 svg g path {
    fill: #FF80AB !important;
}
audio.audio-pink-A100::-webkit-media-controls-panel {
    background-color: #FF80AB;
}
/*-----------------------------------------*/
.bg-pink-A200, .bg-pink-A200:hover {
    background-color: #FF4081 !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-A200 .carousel-indicator {
    background-color: #FF4081;
}

.bg-pink-A200 a {
    background-color: black !important;
    color: #FF4081 !important;
}

.text-pink-A200 {
    color: #FF4081 !important;
}

.separator-pink-A200 svg g path {
    fill: #FF4081 !important;
}
audio.audio-pink-A200::-webkit-media-controls-panel {
    background-color: #FF4081;
}
/*-----------------------------------------*/
.bg-pink-A400, .bg-pink-A400:hover {
    background-color: #F50057 !important;
    border-color: black !important;
    color: black;
}

.indicator-pink-A400 .carousel-indicator {
    background-color: #F50057;
}

.bg-pink-A400 a {
    background-color: black !important;
    color: #F50057 !important;
}

.text-pink-A400 {
    color: #F50057 !important;
}

.separator-pink-A400 svg g path {
    fill: #F50057 !important;
}
audio.audio-pink-A400::-webkit-media-controls-panel {
    background-color: #F50057;
}
/*-----------------------------------------*/
.bg-pink-A700, .bg-pink-A700:hover {
    background-color: #C51162 !important;
    border-color: white !important;
    color: white;
}

.indicator-pink-A700 .carousel-indicator {
    background-color: #C51162;
}

.bg-pink-A700 a {
    background-color: white !important;
    color: #C51162 !important;
}

.text-pink-A700 {
    color: #C51162 !important;
}

.separator-pink-A700 svg g path {
    fill: #C51162 !important;
}
audio.audio-pink-A700::-webkit-media-controls-panel {
    background-color: #C51162;
}
/*-----------------------------------------*/
.bg-pink-300, .bg-pink-300:hover {
    background-color: #f06292 !important;
    border-color: white !important;
    color: white;
}

.indicator-pink-300 .carousel-indicator {
    background-color: #f06292;
}

.bg-pink-300 a {
    background-color: white !important;
    color: #f06292 !important;
}

.text-pink-300 {
    color: #f06292 !important;
}

.separator-pink-300 svg g path {
    fill: #f06292 !important;
}
audio.audio-pink-300::-webkit-media-controls-panel {
    background-color: #f06292;
}
/*-----------------------------------------*/

.bg-purple, .bg-purple:hover {
    background-color: #9C27B0 !important;
    border-color: white !important;
    color: white;
}

.indicator-purple .carousel-indicator {
    background-color: #9C27B0;
}

.bg-purple a {
    background-color: white !important;
    color: #9C27B0 !important;
}

.text-purple {
    color: #9C27B0 !important;
}

.separator-purple svg g path {
    fill: #9C27B0 !important;
}
audio.audio-purple::-webkit-media-controls-panel {
    background-color: #9C27B0;
}
/*-----------------------------------------*/
.bg-purple-50, .bg-purple-50:hover {
    background-color: #F3E5F5 !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-50 .carousel-indicator {
    background-color: #F3E5F5;
}

.bg-purple-50 a {
    background-color: black !important;
    color: #F3E5F5 !important;
}

.text-purple-50 {
    color: #F3E5F5 !important;
}

.separator-purple-50 svg g path {
    fill: #F3E5F5 !important;
}
audio.audio-purple-50::-webkit-media-controls-panel {
    background-color: #F3E5F5;
}
/*-----------------------------------------*/
.bg-purple-100, .bg-purple-100:hover {
    background-color: #E1BEE7 !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-100 .carousel-indicator {
    background-color: #E1BEE7;
}

.bg-purple-100 a {
    background-color: black !important;
    color: #E1BEE7 !important;
}

.text-purple-100 {
    color: #E1BEE7 !important;
}

.separator-purple-100 svg g path {
    fill: #E1BEE7 !important;
}
audio.audio-purple-100::-webkit-media-controls-panel {
    background-color: #E1BEE7;
}
/*-----------------------------------------*/
.bg-purple-200, .bg-purple-200:hover {
    background-color: #CE93D8 !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-200 .carousel-indicator {
    background-color: #CE93D8;
}

.bg-purple-200 a {
    background-color: black !important;
    color: #CE93D8 !important;
}

.text-purple-200 {
    color: #CE93D8 !important;
}

.separator-purple-200 svg g path {
    fill: #CE93D8 !important;
}
audio.audio-purple-200::-webkit-media-controls-panel {
    background-color: #CE93D8;
}
/*-----------------------------------------*/
.bg-purple-300, .bg-purple-300:hover {
    background-color: #BA68C8 !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-300 .carousel-indicator {
    background-color: #BA68C8;
}

.bg-purple-300 a {
    background-color: black !important;
    color: #BA68C8 !important;
}

.text-purple-300 {
    color: #BA68C8 !important;
}

.separator-purple-300 svg g path {
    fill: #BA68C8 !important;
}
audio.audio-purple-300::-webkit-media-controls-panel {
    background-color: #BA68C8;
}
/*-----------------------------------------*/
.bg-purple-400, .bg-purple-400:hover {
    background-color: #AB47BC !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-400 .carousel-indicator {
    background-color: #AB47BC;
}

.bg-purple-400 a {
    background-color: white !important;
    color: #AB47BC !important;
}

.text-purple-400 {
    color: #AB47BC !important;
}

.separator-purple-400 svg g path {
    fill: #AB47BC !important;
}
audio.audio-purple-400::-webkit-media-controls-panel {
    background-color: #AB47BC;
}
/*-----------------------------------------*/
.bg-purple-500, .bg-purple-500:hover {
    background-color: #9C27B0 !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-500 .carousel-indicator {
    background-color: #9C27B0;
}

.bg-purple-500 a {
    background-color: white !important;
    color: #9C27B0 !important;
}

.text-purple-500 {
    color: #9C27B0 !important;
}

.separator-purple-500 svg g path {
    fill: #9C27B0 !important;
}
audio.audio-purple-500::-webkit-media-controls-panel {
    background-color: #9C27B0;
}
/*-----------------------------------------*/
.bg-purple-600, .bg-purple-600:hover {
    background-color: #8E24AA !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-600 .carousel-indicator {
    background-color: #8E24AA;
}

.bg-purple-600 a {
    background-color: white !important;
    color: #8E24AA !important;
}

.text-purple-600 {
    color: #8E24AA !important;
}

.separator-purple-600 svg g path {
    fill: #8E24AA !important;
}
audio.audio-purple-600::-webkit-media-controls-panel {
    background-color: #8E24AA;
}
/*-----------------------------------------*/
.bg-purple-700, .bg-purple-700:hover {
    background-color: #7B1FA2 !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-700 .carousel-indicator {
    background-color: #7B1FA2;
}

.bg-purple-700 a {
    background-color: white !important;
    color: #7B1FA2 !important;
}

.text-purple-700 {
    color: #7B1FA2 !important;
}

.separator-purple-700 svg g path {
    fill: #7B1FA2 !important;
}
audio.audio-purple-700::-webkit-media-controls-panel {
    background-color: #7B1FA2;
}
/*-----------------------------------------*/
.bg-purple-800, .bg-purple-800:hover {
    background-color: #6A1B9A !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-800 .carousel-indicator {
    background-color: #6A1B9A;
}

.bg-purple-800 a {
    background-color: white !important;
    color: #6A1B9A !important;
}

.text-purple-800 {
    color: #6A1B9A !important;
}

.separator-purple-800 svg g path {
    fill: #6A1B9A !important;
}
audio.audio-purple-800::-webkit-media-controls-panel {
    background-color: #6A1B9A;
}
/*-----------------------------------------*/
.bg-purple-900, .bg-purple-900:hover {
    background-color: #4A148C !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-900 .carousel-indicator {
    background-color: #4A148C;
}

.bg-purple-900 a {
    background-color: white !important;
    color: #4A148C !important;
}

.text-purple-900 {
    color: #4A148C !important;
}

.separator-purple-900 svg g path {
    fill: #4A148C !important;
}
audio.audio-purple-900::-webkit-media-controls-panel {
    background-color: #4A148C;
}
/*-----------------------------------------*/
.bg-purple-A100, .bg-purple-A100:hover {
    background-color: #EA80FC !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-A100 .carousel-indicator {
    background-color: #EA80FC;
}

.bg-purple-A100 a {
    background-color: black !important;
    color: #EA80FC !important;
}

.text-purple-A100 {
    color: #EA80FC !important;
}

.separator-purple-A100 svg g path {
    fill: #EA80FC !important;
}
audio.audio-purple-A100::-webkit-media-controls-panel {
    background-color: #EA80FC;
}
/*-----------------------------------------*/
.bg-purple-A200, .bg-purple-A200:hover {
    background-color: #E040FB !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-A200 .carousel-indicator {
    background-color: #E040FB;
}

.bg-purple-A200 a {
    background-color: black !important;
    color: #E040FB !important;
}

.text-purple-A200 {
    color: #E040FB !important;
}

.separator-purple-A200 svg g path {
    fill: #E040FB !important;
}
audio.audio-purple-A200::-webkit-media-controls-panel {
    background-color: #E040FB;
}
/*-----------------------------------------*/
.bg-purple-A400, .bg-purple-A400:hover {
    background-color: #D500F9 !important;
    border-color: black !important;
    color: black;
}

.indicator-purple-A400 .carousel-indicator {
    background-color: #D500F9;
}

.bg-purple-A400 a {
    background-color: black !important;
    color: #D500F9 !important;
}

.text-purple-A400 {
    color: #D500F9 !important;
}

.separator-purple-A400 svg g path {
    fill: #D500F9 !important;
}
audio.audio-purple-A400::-webkit-media-controls-panel {
    background-color: #D500F9;
}
/*-----------------------------------------*/
.bg-purple-A700, .bg-purple-A700:hover {
    background-color: #AA00FF !important;
    border-color: white !important;
    color: white;
}

.indicator-purple-A700 .carousel-indicator {
    background-color: #AA00FF;
}

.bg-purple-A700 a {
    background-color: white !important;
    color: #AA00FF !important;
}

.text-purple-A700 {
    color: #AA00FF !important;
}

.separator-purple-A700 svg g path {
    fill: #AA00FF !important;
}
audio.audio-purple-A700::-webkit-media-controls-panel {
    background-color: #AA00FF;
}
/*-----------------------------------------*/
.bg-deep-purple, .bg-deep-purple:hover {
    background-color: #673AB7 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple .carousel-indicator {
    background-color: #673AB7;
}

.bg-deep-purple a {
    background-color: white !important;
    color: #673AB7 !important;
}

.text-deep-purple {
    color: #673AB7 !important;
}

.separator-deep-purple svg g path {
    fill: #673AB7 !important;
}
audio.audio-deep-purple::-webkit-media-controls-panel {
    background-color: #673AB7;
}
/*-----------------------------------------*/
.bg-deep-purple-50, .bg-deep-purple-50:hover {
    background-color: #EDE7F6 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-purple-50 .carousel-indicator {
    background-color: #EDE7F6;
}

.bg-deep-purple-50 a {
    background-color: black !important;
    color: #EDE7F6 !important;
}

.text-deep-purple-50 {
    color: #EDE7F6 !important;
}

.separator-deep-purple-50 svg g path {
    fill: #EDE7F6 !important;
}
audio.audio-deep-purple-50::-webkit-media-controls-panel {
    background-color: #EDE7F6;
}
/*-----------------------------------------*/
.bg-deep-purple-100, .bg-deep-purple-100:hover {
    background-color: #D1C4E9 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-purple-100 .carousel-indicator {
    background-color: #D1C4E9;
}

.bg-deep-purple-100 a {
    background-color: black !important;
    color: #D1C4E9 !important;
}

.text-deep-purple-100 {
    color: #D1C4E9 !important;
}

.separator-deep-purple-100 svg g path {
    fill: #D1C4E9 !important;
}
audio.audio-deep-purple-100::-webkit-media-controls-panel {
    background-color: #D1C4E9;
}
/*-----------------------------------------*/
.bg-deep-purple-200, .bg-deep-purple-200:hover {
    background-color: #B39DDB !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-purple-200 .carousel-indicator {
    background-color: #B39DDB;
}

.bg-deep-purple-200 a {
    background-color: black !important;
    color: #B39DDB !important;
}

.text-deep-purple-200 {
    color: #B39DDB !important;
}

.separator-deep-purple-200 svg g path {
    fill: #B39DDB !important;
}
audio.audio-deep-purple-200::-webkit-media-controls-panel {
    background-color: #B39DDB;
}
/*-----------------------------------------*/
.bg-deep-purple-300, .bg-deep-purple-300:hover {
    background-color: #9575CD !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-purple-300 .carousel-indicator {
    background-color: #9575CD;
}

.bg-deep-purple-300 a {
    background-color: black !important;
    color: #9575CD !important;
}

.text-deep-purple-300 {
    color: #9575CD !important;
}

.separator-deep-purple-300 svg g path {
    fill: #9575CD !important;
}
audio.audio-deep-purple-300::-webkit-media-controls-panel {
    background-color: #9575CD;
}
/*-----------------------------------------*/
.bg-deep-purple-400, .bg-deep-purple-400:hover {
    background-color: #7E57C2 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-400 .carousel-indicator {
    background-color: #7E57C2;
}

.bg-deep-purple-400 a {
    background-color: white !important;
    color: #7E57C2 !important;
}

.text-deep-purple-400 {
    color: #7E57C2 !important;
}

.separator-deep-purple-400 svg g path {
    fill: #7E57C2 !important;
}
audio.audio-deep-purple-400::-webkit-media-controls-panel {
    background-color: #7E57C2;
}
/*-----------------------------------------*/
.bg-deep-purple-500, .bg-deep-purple-500:hover {
    background-color: #673AB7 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-500 .carousel-indicator {
    background-color: #673AB7;
}

.bg-deep-purple-500 a {
    background-color: white !important;
    color: #673AB7 !important;
}

.text-deep-purple-500 {
    color: #673AB7 !important;
}

.separator-deep-purple-500 svg g path {
    fill: #673AB7 !important;
}
audio.audio-deep-purple-500::-webkit-media-controls-panel {
    background-color: #673AB7;
}
/*-----------------------------------------*/
.bg-deep-purple-600, .bg-deep-purple-600:hover {
    background-color: #5E35B1 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-600 .carousel-indicator {
    background-color: #5E35B1;
}

.bg-deep-purple-600 a {
    background-color: white !important;
    color: #5E35B1 !important;
}

.text-deep-purple-600 {
    color: #5E35B1 !important;
}

.separator-deep-purple-600 svg g path {
    fill: #5E35B1 !important;
}
audio.audio-deep-purple-600::-webkit-media-controls-panel {
    background-color: #5E35B1;
}
/*-----------------------------------------*/
.bg-deep-purple-700, .bg-deep-purple-700:hover {
    background-color: #512DA8 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-700 .carousel-indicator {
    background-color: #512DA8;
}

.bg-deep-purple-700 a {
    background-color: white !important;
    color: #512DA8 !important;
}

.text-deep-purple-700 {
    color: #512DA8 !important;
}

.separator-deep-purple-700 svg g path {
    fill: #512DA8 !important;
}
audio.audio-deep-purple-700::-webkit-media-controls-panel {
    background-color: #512DA8;
}
/*-----------------------------------------*/
.bg-deep-purple-800, .bg-deep-purple-800:hover {
    background-color: #4527A0 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-800 .carousel-indicator {
    background-color: #4527A0;
}

.bg-deep-purple-800 a {
    background-color: white !important;
    color: #4527A0 !important;
}

.text-deep-purple-800 {
    color: #4527A0 !important;
}

.separator-deep-purple-800 svg g path {
    fill: #4527A0 !important;
}
audio.audio-deep-purple-800::-webkit-media-controls-panel {
    background-color: #4527A0;
}
/*-----------------------------------------*/
.bg-deep-purple-900, .bg-deep-purple-900:hover {
    background-color: #311B92 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-900 .carousel-indicator {
    background-color: #311B92;
}

.bg-deep-purple-900 a {
    background-color: white !important;
    color: #311B92 !important;
}

.text-deep-purple-900 {
    color: #311B92 !important;
}

.separator-deep-purple-900 svg g path {
    fill: #311B92 !important;
}
audio.audio-deep-purple-900::-webkit-media-controls-panel {
    background-color: #311B92;
}
/*-----------------------------------------*/
.bg-deep-purple-A100, .bg-deep-purple-A100:hover {
    background-color: #B388FF !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-purple-A100 .carousel-indicator {
    background-color: #B388FF;
}

.bg-deep-purple-A100 a {
    background-color: black !important;
    color: #B388FF !important;
}

.text-deep-purple-A100 {
    color: #B388FF !important;
}

.separator-deep-purple-A100 svg g path {
    fill: #B388FF !important;
}
audio.audio-deep-purple-A100::-webkit-media-controls-panel {
    background-color: #B388FF;
}
/*-----------------------------------------*/
.bg-deep-purple-A200, .bg-deep-purple-A200:hover {
    background-color: #7C4DFF !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-A200 .carousel-indicator {
    background-color: #7C4DFF;
}

.bg-deep-purple-A200 a {
    background-color: white !important;
    color: #7C4DFF !important;
}

.text-deep-purple-A200 {
    color: #7C4DFF !important;
}

.separator-deep-purple-A200 svg g path {
    fill: #7C4DFF !important;
}
audio.audio-deep-purple-A200::-webkit-media-controls-panel {
    background-color: #7C4DFF;
}
/*-----------------------------------------*/
.bg-deep-purple-A400, .bg-deep-purple-A400:hover {
    background-color: #651FFF !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-A400 .carousel-indicator {
    background-color: #651FFF;
}

.bg-deep-purple-A400 a {
    background-color: white !important;
    color: #651FFF !important;
}

.text-deep-purple-A400 {
    color: #651FFF !important;
}

.separator-deep-purple-A400 svg g path {
    fill: #651FFF !important;
}
audio.audio-deep-purple-A400::-webkit-media-controls-panel {
    background-color: #651FFF;
}
/*-----------------------------------------*/
.bg-deep-purple-A700, .bg-deep-purple-A700:hover {
    background-color: #6200EA !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-purple-A700 .carousel-indicator {
    background-color: #6200EA;
}

.bg-deep-purple-A700 a {
    background-color: white !important;
    color: #6200EA !important;
}

.text-deep-purple-A700 {
    color: #6200EA !important;
}

.separator-deep-purple-A700 svg g path {
    fill: #6200EA !important;
}
audio.audio-deep-purple-A700::-webkit-media-controls-panel {
    background-color: #6200EA;
}
/*-----------------------------------------*/

.bg-indigo, .bg-indigo:hover {
    background-color: #3F51B5 !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo .carousel-indicator {
    background-color: #3F51B5;
}

.bg-indigo a {
    background-color: white !important;
    color: #3F51B5 !important;
}

.text-indigo {
    color: #3F51B5 !important;
}

.separator-indigo svg g path {
    fill: #3F51B5 !important;
}
audio.audio-indigo::-webkit-media-controls-panel {
    background-color: #3F51B5;
}
/*-----------------------------------------*/

.bg-indigo-50, .bg-indigo-50:hover {
    background-color: #E8EAF6 !important;
    border-color: black !important;
    color: black;
}

.indicator-indigo-50 .carousel-indicator {
    background-color: #E8EAF6;
}

.bg-indigo-50 a {
    background-color: black !important;
    color: #E8EAF6 !important;
}

.text-indigo-50 {
    color: #E8EAF6 !important;
}

.separator-indigo-50 svg g path {
    fill: #E8EAF6 !important;
}
audio.audio-indigo-50::-webkit-media-controls-panel {
    background-color: #E8EAF6;
}
/*-----------------------------------------*/

.bg-indigo-100, .bg-indigo-100:hover {
    background-color: #C5CAE9 !important;
    border-color: black !important;
    color: black;
}

.indicator-indigo-100 .carousel-indicator {
    background-color: #C5CAE9;
}

.bg-indigo-100 a {
    background-color: black !important;
    color: #C5CAE9 !important;
}

.text-indigo-100 {
    color: #C5CAE9 !important;
}

.separator-indigo-100 svg g path {
    fill: #C5CAE9 !important;
}
audio.audio-indigo-100::-webkit-media-controls-panel {
    background-color: #C5CAE9;
}
/*-----------------------------------------*/

.bg-indigo-200, .bg-indigo-200:hover {
    background-color: #9FA8DA !important;
    border-color: black !important;
    color: black;
}

.indicator-indigo-200 .carousel-indicator {
    background-color: #9FA8DA;
}

.bg-indigo-200 a {
    background-color: black !important;
    color: #9FA8DA !important;
}

.text-indigo-200 {
    color: #9FA8DA !important;
}

.separator-indigo-200 svg g path {
    fill: #9FA8DA !important;
}
audio.audio-indigo-200::-webkit-media-controls-panel {
    background-color: #9FA8DA;
}
/*-----------------------------------------*/

.bg-indigo-300, .bg-indigo-300:hover {
    background-color: #7986CB !important;
    border-color: black !important;
    color: black;
}

.indicator-indigo-300 .carousel-indicator {
    background-color: #7986CB;
}

.bg-indigo-300 a {
    background-color: black !important;
    color: #7986CB !important;
}

.text-indigo-300 {
    color: #7986CB !important;
}

.separator-indigo-300 svg g path {
    fill: #7986CB !important;
}
audio.audio-indigo-300::-webkit-media-controls-panel {
    background-color: #7986CB;
}
/*-----------------------------------------*/
.bg-indigo-400, .bg-indigo-400:hover {
    background-color: #5C6BC0 !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-400 .carousel-indicator {
    background-color: #5C6BC0;
}

.bg-indigo-400 a {
    background-color: white !important;
    color: #5C6BC0 !important;
}

.text-indigo-400 {
    color: #5C6BC0 !important;
}

.separator-indigo-400 svg g path {
    fill: #5C6BC0 !important;
}
audio.audio-indigo-400::-webkit-media-controls-panel {
    background-color: #5C6BC0;
}
/*-----------------------------------------*/
.bg-indigo-500, .bg-indigo-500:hover {
    background-color: #3F51B5 !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-500 .carousel-indicator {
    background-color: #3F51B5;
}

.bg-indigo-500 a {
    background-color: white !important;
    color: #3F51B5 !important;
}

.text-indigo-500 {
    color: #3F51B5 !important;
}

.separator-indigo-500 svg g path {
    fill: #3F51B5 !important;
}
audio.audio-indigo-500::-webkit-media-controls-panel {
    background-color: #3F51B5;
}
/*-----------------------------------------*/
.bg-indigo-600, .bg-indigo-600:hover {
    background-color: #3949AB !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-600 .carousel-indicator {
    background-color: #3949AB;
}

.bg-indigo-600 a {
    background-color: white !important;
    color: #3949AB !important;
}

.text-indigo-600 {
    color: #3949AB !important;
}

.separator-indigo-600 svg g path {
    fill: #3949AB !important;
}
audio.audio-indigo-600::-webkit-media-controls-panel {
    background-color: #3949AB;
}
/*-----------------------------------------*/
.bg-indigo-700, .bg-indigo-700:hover {
    background-color: #303F9F !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-700 .carousel-indicator {
    background-color: #303F9F;
}

.bg-indigo-700 a {
    background-color: white !important;
    color: #303F9F !important;
}

.text-indigo-700 {
    color: #303F9F !important;
}

.separator-indigo-700 svg g path {
    fill: #303F9F !important;
}
audio.audio-indigo-700::-webkit-media-controls-panel {
    background-color: #303F9F;
}
/*-----------------------------------------*/
.bg-indigo-800, .bg-indigo-800:hover {
    background-color: #283593 !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-800 .carousel-indicator {
    background-color: #283593;
}

.bg-indigo-800 a {
    background-color: white !important;
    color: #283593 !important;
}

.text-indigo-800 {
    color: #283593 !important;
}

.separator-indigo-800 svg g path {
    fill: #283593 !important;
}
audio.audio-indigo-800::-webkit-media-controls-panel {
    background-color: #283593;
}
/*-----------------------------------------*/
.bg-indigo-900, .bg-indigo-900:hover {
    background-color: #1A237E !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-900 .carousel-indicator {
    background-color: #1A237E;
}

.bg-indigo-900 a {
    background-color: white !important;
    color: #1A237E !important;
}

.text-indigo-900 {
    color: #1A237E !important;
}

.separator-indigo-900 svg g path {
    fill: #1A237E !important;
}
audio.audio-indigo-900::-webkit-media-controls-panel {
    background-color: #1A237E;
}
/*-----------------------------------------*/
.bg-indigo-A100, .bg-indigo-A100:hover {
    background-color: #8C9EFF !important;
    border-color: black !important;
    color: black;
}

.indicator-indigo-A100 .carousel-indicator {
    background-color: #8C9EFF;
}

.bg-indigo-A100 a {
    background-color: black !important;
    color: #8C9EFF !important;
}

.text-indigo-A100 {
    color: #8C9EFF !important;
}

.separator-indigo-A100 svg g path {
    fill: #8C9EFF !important;
}
audio.audio-indigo-A100::-webkit-media-controls-panel {
    background-color: #8C9EFF;
}
/*-----------------------------------------*/
.bg-indigo-A200, .bg-indigo-A200:hover {
    background-color: #536DFE !important;
    border-color: black !important;
    color: black;
}

.indicator-indigo-A200 .carousel-indicator {
    background-color: #536DFE;
}

.bg-indigo-A200 a {
    background-color: black !important;
    color: #536DFE !important;
}

.text-indigo-A200 {
    color: #536DFE !important;
}

.separator-indigo-A200 svg g path {
    fill: #536DFE !important;
}
audio.audio-indigo-A200::-webkit-media-controls-panel {
    background-color: #536DFE;
}
/*-----------------------------------------*/
.bg-indigo-A400, .bg-indigo-A400:hover {
    background-color: #3D5AFE !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-A400 .carousel-indicator {
    background-color: #3D5AFE;
}

.bg-indigo-A400 a {
    background-color: white !important;
    color: #3D5AFE !important;
}

.text-indigo-A400 {
    color: #3D5AFE !important;
}

.separator-indigo-A400 svg g path {
    fill: #3D5AFE !important;
}
audio.audio-indigo-A400::-webkit-media-controls-panel {
    background-color: #3D5AFE;
}
/*-----------------------------------------*/
.bg-indigo-A700, .bg-indigo-A700:hover {
    background-color: #304FFE !important;
    border-color: white !important;
    color: white;
}

.indicator-indigo-A700 .carousel-indicator {
    background-color: #304FFE;
}

.bg-indigo-A700 a {
    background-color: white !important;
    color: #304FFE !important;
}

.text-indigo-A700 {
    color: #304FFE !important;
}

.separator-indigo-A700 svg g path {
    fill: #304FFE !important;
}
audio.audio-indigo-A700::-webkit-media-controls-panel {
    background-color: #304FFE;
}
/*-----------------------------------------*/

.bg-blue, .bg-blue:hover {
    background-color: #2196F3 !important;
    border-color: white !important;
    color: white;
}

.indicator-blue .carousel-indicator {
    background-color: #2196F3;
}

.bg-blue a {
    background-color: white !important;
    color: #2196F3 !important;
}

.text-blue {
    color: #2196F3 !important;
}

.border-blue {
    border-color: #2196F3 !important;
}

.separator-blue svg g path {
    fill: #2196F3 !important;
}
audio.audio-blue::-webkit-media-controls-panel {
    background-color: #2196F3;
}
/*-----------------------------------------*/
.bg-blue-50, .bg-blue-50:hover {
    background-color: #E3F2FD !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-50 .carousel-indicator {
    background-color: #E3F2FD;
}

.bg-blue-50 a {
    background-color: black !important;
    color: #E3F2FD !important;
}

.text-blue-50 {
    color: #E3F2FD !important;
}

.border-blue-50 {
    border-color: #E3F2FD !important;
}

.separator-blue-50 svg g path {
    fill: #E3F2FD !important;
}
audio.audio-blue-50::-webkit-media-controls-panel {
    background-color: #E3F2FD;
}
/*-----------------------------------------*/
.bg-blue-100, .bg-blue-100:hover {
    background-color: #BBDEFB !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-100 .carousel-indicator {
    background-color: #BBDEFB;
}

.bg-blue-100 a {
    background-color: black !important;
    color: #BBDEFB !important;
}

.text-blue-100 {
    color: #BBDEFB !important;
}

.border-blue-100 {
    border-color: #BBDEFB !important;
}

.separator-blue-100 svg g path {
    fill: #BBDEFB !important;
}
audio.audio-blue-100::-webkit-media-controls-panel {
    background-color: #BBDEFB;
}
/*-----------------------------------------*/
.bg-blue-200, .bg-blue-200:hover {
    background-color: #90CAF9 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-200 .carousel-indicator {
    background-color: #90CAF9;
}

.bg-blue-200 a {
    background-color: black !important;
    color: #90CAF9 !important;
}

.text-blue-200 {
    color: #90CAF9 !important;
}

.border-blue-200 {
    border-color: #90CAF9 !important;
}

.separator-blue-200 svg g path {
    fill: #90CAF9 !important;
}
audio.audio-blue-200::-webkit-media-controls-panel {
    background-color: #90CAF9;
}
/*-----------------------------------------*/
.bg-blue-300, .bg-blue-300:hover {
    background-color: #64B5F6 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-300 .carousel-indicator {
    background-color: #64B5F6;
}

.bg-blue-300 a {
    background-color: black !important;
    color: #64B5F6 !important;
}

.text-blue-300 {
    color: #64B5F6 !important;
}

.border-blue-300 {
    border-color: #64B5F6 !important;
}

.separator-blue-300 svg g path {
    fill: #64B5F6 !important;
}
audio.audio-blue-300::-webkit-media-controls-panel {
    background-color: #64B5F6;
}
/*-----------------------------------------*/
.bg-blue-400, .bg-blue-400:hover {
    background-color: #42A5F5 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-400 .carousel-indicator {
    background-color: #42A5F5;
}

.bg-blue-400 a {
    background-color: black !important;
    color: #42A5F5 !important;
}

.text-blue-400 {
    color: #42A5F5 !important;
}

.border-blue-400 {
    border-color: #42A5F5 !important;
}

.separator-blue-400 svg g path {
    fill: #42A5F5 !important;
}
audio.audio-blue-400::-webkit-media-controls-panel {
    background-color: #42A5F5;
}
/*-----------------------------------------*/
.bg-blue-500, .bg-blue-500:hover {
    background-color: #2196F3 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-500 .carousel-indicator {
    background-color: #2196F3;
}

.bg-blue-500 a {
    background-color: black !important;
    color: #2196F3 !important;
}

.text-blue-500 {
    color: #2196F3 !important;
}

.border-blue-500 {
    border-color: #2196F3 !important;
}

.separator-blue-500 svg g path {
    fill: #2196F3 !important;
}
audio.audio-blue-500::-webkit-media-controls-panel {
    background-color: #2196F3;
}
/*-----------------------------------------*/
.bg-blue-600, .bg-blue-600:hover {
    background-color: #1E88E5 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-600 .carousel-indicator {
    background-color: #1E88E5;
}

.bg-blue-600 a {
    background-color: black !important;
    color: #1E88E5 !important;
}

.text-blue-600 {
    color: #1E88E5 !important;
}

.border-blue-600 {
    border-color: #1E88E5 !important;
}

.separator-blue-600 svg g path {
    fill: #1E88E5 !important;
}
audio.audio-blue-600::-webkit-media-controls-panel {
    background-color: #1E88E5;
}
/*-----------------------------------------*/
.bg-blue-700, .bg-blue-700:hover {
    background-color: #1976D2 !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-700 .carousel-indicator {
    background-color: #1976D2;
}

.bg-blue-700 a {
    background-color: white !important;
    color: #1976D2 !important;
}

.text-blue-700 {
    color: #1976D2 !important;
}

.border-blue-700 {
    border-color: #1976D2 !important;
}

.separator-blue-700 svg g path {
    fill: #1976D2 !important;
}
audio.audio-blue-700::-webkit-media-controls-panel {
    background-color: #1976D2;
}
/*-----------------------------------------*/
.bg-blue-800, .bg-blue-800:hover {
    background-color: #1565C0 !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-800 .carousel-indicator {
    background-color: #1565C0;
}

.bg-blue-800 a {
    background-color: white !important;
    color: #1565C0 !important;
}

.text-blue-800 {
    color: #1565C0 !important;
}

.border-blue-800 {
    border-color: #1565C0 !important;
}

.separator-blue-800 svg g path {
    fill: #1565C0 !important;
}
audio.audio-blue-800::-webkit-media-controls-panel {
    background-color: #1565C0;
}
/*-----------------------------------------*/
.bg-blue-900, .bg-blue-900:hover {
    background-color: #0D47A1 !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-900 .carousel-indicator {
    background-color: #0D47A1;
}

.bg-blue-900 a {
    background-color: white !important;
    color: #0D47A1 !important;
}

.text-blue-900 {
    color: #0D47A1 !important;
}

.border-blue-900 {
    border-color: #0D47A1 !important;
}

.separator-blue-900 svg g path {
    fill: #0D47A1 !important;
}
audio.audio-blue-900::-webkit-media-controls-panel {
    background-color: #0D47A1;
}
/*-----------------------------------------*/

.bg-blue-A100, .bg-blue-A100:hover {
    background-color: #82B1FF !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-A100 .carousel-indicator {
    background-color: #82B1FF;
}

.bg-blue-A100 a {
    background-color: black !important;
    color: #82B1FF !important;
}

.text-blue-A100 {
    color: #82B1FF !important;
}

.border-blue-A100 {
    border-color: #82B1FF !important;
}

.separator-blue-A100 svg g path {
    fill: #82B1FF !important;
}
audio.audio-blue-A100::-webkit-media-controls-panel {
    background-color: #82B1FF;
}
/*-----------------------------------------*/

.bg-blue-A200, .bg-blue-A200:hover {
    background-color: #448AFF !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-A200 .carousel-indicator {
    background-color: #448AFF;
}

.bg-blue-A200 a {
    background-color: black !important;
    color: #448AFF !important;
}

.text-blue-A200 {
    color: #448AFF !important;
}

.border-blue-A200 {
    border-color: #448AFF !important;
}

.separator-blue-A200 svg g path {
    fill: #448AFF !important;
}
audio.audio-blue-A200::-webkit-media-controls-panel {
    background-color: #448AFF;
}
/*-----------------------------------------*/

.bg-blue-A400, .bg-blue-A400:hover {
    background-color: #2979FF !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-A400 .carousel-indicator {
    background-color: #2979FF;
}

.bg-blue-A400 a {
    background-color: black !important;
    color: #2979FF !important;
}

.text-blue-A400 {
    color: #2979FF !important;
}

.border-blue-A400 {
    border-color: #2979FF !important;
}

.separator-blue-A400 svg g path {
    fill: #2979FF !important;
}
audio.audio-blue-A400::-webkit-media-controls-panel {
    background-color: #2979FF;
}
/*-----------------------------------------*/
.bg-blue-A700, .bg-blue-A700:hover {
    background-color: #2979FF !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-A700 .carousel-indicator {
    background-color: #2979FF;
}

.bg-blue-A700 a {
    background-color: black !important;
    color: #2979FF !important;
}

.text-blue-A700 {
    color: #2979FF !important;
}

.border-blue-A700 {
    border-color: #2979FF !important;
}

.separator-blue-A700 svg g path {
    fill: #2979FF !important;
}
audio.audio-blue-A700::-webkit-media-controls-panel {
    background-color: #2979FF;
}
/*-----------------------------------------*/

.bg-light-blue, .bg-light-blue:hover {
    background-color: #03A9F4 !important;
    border-color: white !important;
    color: white;
}

.indicator-light-blue .carousel-indicator {
    background-color: #03A9F4;
}

.bg-light-blue a {
    background-color: white !important;
    color: #03A9F4 !important;
}

.text-light-blue {
    color: #03A9F4 !important;
}

.separator-light-blue svg g path {
    fill: #03A9F4 !important;
}
audio.audio-light-blue::-webkit-media-controls-panel {
    background-color: #03A9F4;
}
/*-----------------------------------------*/

.bg-light-blue-50, .bg-light-blue-50:hover {
    background-color: #E1F5FE !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-50 .carousel-indicator {
    background-color: #E1F5FE;
}

.bg-light-blue-50 a {
    background-color: black !important;
    color: #E1F5FE !important;
}

.text-light-blue-50 {
    color: #E1F5FE !important;
}

.separator-light-blue-50 svg g path {
    fill: #E1F5FE !important;
}
audio.audio-light-blue-50::-webkit-media-controls-panel {
    background-color: #E1F5FE;
}
/*-----------------------------------------*/

.bg-light-blue-100, .bg-light-blue-100:hover {
    background-color: #B3E5FC !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-100 .carousel-indicator {
    background-color: #B3E5FC;
}

.bg-light-blue-100 a {
    background-color: black !important;
    color: #B3E5FC !important;
}

.text-light-blue-100 {
    color: #B3E5FC !important;
}

.separator-light-blue-100 svg g path {
    fill: #B3E5FC !important;
}
audio.audio-light-blue-100::-webkit-media-controls-panel {
    background-color: #B3E5FC;
}
/*-----------------------------------------*/

.bg-light-blue-200, .bg-light-blue-200:hover {
    background-color: #81D4FA !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-200 .carousel-indicator {
    background-color: #81D4FA;
}

.bg-light-blue-200 a {
    background-color: black !important;
    color: #81D4FA !important;
}

.text-light-blue-200 {
    color: #81D4FA !important;
}

.separator-light-blue-200 svg g path {
    fill: #81D4FA !important;
}
audio.audio-light-blue-200::-webkit-media-controls-panel {
    background-color: #81D4FA;
}
/*-----------------------------------------*/

.bg-light-blue-300, .bg-light-blue-300:hover {
    background-color: #4FC3F7 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-300 .carousel-indicator {
    background-color: #4FC3F7;
}

.bg-light-blue-300 a {
    background-color: black !important;
    color: #4FC3F7 !important;
}

.text-light-blue-300 {
    color: #4FC3F7 !important;
}

.separator-light-blue-300 svg g path {
    fill: #4FC3F7 !important;
}
audio.audio-light-blue-300::-webkit-media-controls-panel {
    background-color: #4FC3F7;
}
/*-----------------------------------------*/

.bg-light-blue-400, .bg-light-blue-400:hover {
    background-color: #29B6F6 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-400 .carousel-indicator {
    background-color: #29B6F6;
}

.bg-light-blue-400 a {
    background-color: black !important;
    color: #29B6F6 !important;
}

.text-light-blue-400 {
    color: #29B6F6 !important;
}

.separator-light-blue-400 svg g path {
    fill: #29B6F6 !important;
}
audio.audio-light-blue-400::-webkit-media-controls-panel {
    background-color: #29B6F6;
}
/*-----------------------------------------*/

.bg-light-blue-500, .bg-light-blue-500:hover {
    background-color: #03A9F4 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-500 .carousel-indicator {
    background-color: #03A9F4;
}

.bg-light-blue-500 a {
    background-color: black !important;
    color: #03A9F4 !important;
}

.text-light-blue-500 {
    color: #03A9F4 !important;
}

.separator-light-blue-500 svg g path {
    fill: #03A9F4 !important;
}
audio.audio-light-blue-500::-webkit-media-controls-panel {
    background-color: #03A9F4;
}
/*-----------------------------------------*/

.bg-light-blue-600, .bg-light-blue-600:hover {
    background-color: #039BE5 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-600 .carousel-indicator {
    background-color: #039BE5;
}

.bg-light-blue-600 a {
    background-color: black !important;
    color: #039BE5 !important;
}

.text-light-blue-600 {
    color: #039BE5 !important;
}

.separator-light-blue-600 svg g path {
    fill: #039BE5 !important;
}
audio.audio-light-blue-600::-webkit-media-controls-panel {
    background-color: #039BE5;
}
/*-----------------------------------------*/

.bg-light-blue-700, .bg-light-blue-700:hover {
    background-color: #0288D1 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-700 .carousel-indicator {
    background-color: #0288D1;
}

.bg-light-blue-700 a {
    background-color: black !important;
    color: #0288D1 !important;
}

.text-light-blue-700 {
    color: #0288D1 !important;
}

.separator-light-blue-700 svg g path {
    fill: #0288D1 !important;
}
audio.audio-light-blue-700::-webkit-media-controls-panel {
    background-color: #0288D1;
}
/*-----------------------------------------*/

.bg-light-blue-800, .bg-light-blue-800:hover {
    background-color: #0277BD !important;
    border-color: white !important;
    color: white;
}

.indicator-light-blue-800 .carousel-indicator {
    background-color: #0277BD;
}

.bg-light-blue-800 a {
    background-color: white !important;
    color: #0277BD !important;
}

.text-light-blue-800 {
    color: #0277BD !important;
}

.separator-light-blue-800 svg g path {
    fill: #0277BD !important;
}
audio.audio-light-blue-800::-webkit-media-controls-panel {
    background-color: #0277BD;
}
/*-----------------------------------------*/

.bg-light-blue-900, .bg-light-blue-900:hover {
    background-color: #01579B !important;
    border-color: white !important;
    color: white;
}

.indicator-light-blue-900 .carousel-indicator {
    background-color: #01579B;
}

.bg-light-blue-900 a {
    background-color: white !important;
    color: #01579B !important;
}

.text-light-blue-900 {
    color: #01579B !important;
}

.separator-light-blue-900 svg g path {
    fill: #01579B !important;
}
audio.audio-light-blue-900::-webkit-media-controls-panel {
    background-color: #01579B;
}
/*-----------------------------------------*/

.bg-light-blue-A100, .bg-light-blue-A100:hover {
    background-color: #80D8FF !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-A100 .carousel-indicator {
    background-color: #80D8FF;
}

.bg-light-blue-A100 a {
    background-color: black !important;
    color: #80D8FF !important;
}

.text-light-blue-A100 {
    color: #80D8FF !important;
}

.separator-light-blue-A100 svg g path {
    fill: #80D8FF !important;
}
audio.audio-light-blue-A100::-webkit-media-controls-panel {
    background-color: #80D8FF;
}
/*-----------------------------------------*/

.bg-light-blue-A200, .bg-light-blue-A200:hover {
    background-color: #40C4FF !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-A200 .carousel-indicator {
    background-color: #40C4FF;
}

.bg-light-blue-A200 a {
    background-color: black !important;
    color: #40C4FF !important;
}

.text-light-blue-A200 {
    color: #40C4FF !important;
}

.separator-light-blue-A200 svg g path {
    fill: #40C4FF !important;
}
audio.audio-light-blue-A200::-webkit-media-controls-panel {
    background-color: #40C4FF;
}
/*-----------------------------------------*/

.bg-light-blue-A400, .bg-light-blue-A400:hover {
    background-color: #00B0FF !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-A400 .carousel-indicator {
    background-color: #00B0FF;
}

.bg-light-blue-A400 a {
    background-color: black !important;
    color: #00B0FF !important;
}

.text-light-blue-A400 {
    color: #00B0FF !important;
}

.separator-light-blue-A400 svg g path {
    fill: #00B0FF !important;
}
audio.audio-light-blue-A400::-webkit-media-controls-panel {
    background-color: #00B0FF;
}
/*-----------------------------------------*/

.bg-light-blue-A700, .bg-light-blue-A700:hover {
    background-color: #0091EA !important;
    border-color: black !important;
    color: black;
}

.indicator-light-blue-A700 .carousel-indicator {
    background-color: #0091EA;
}

.bg-light-blue-A700 a {
    background-color: black !important;
    color: #0091EA !important;
}

.text-light-blue-A700 {
    color: #0091EA !important;
}

.separator-light-blue-A700 svg g path {
    fill: #0091EA !important;
}
audio.audio-light-blue-A700::-webkit-media-controls-panel {
    background-color: #0091EA;
}
/*-----------------------------------------*/

.bg-cyan, .bg-cyan:hover {
    background-color: #00BCD4 !important;
    border-color: white !important;
    color: white;
}

.indicator-cyan .carousel-indicator {
    background-color: #00BCD4;
}

.bg-cyan a {
    background-color: white !important;
    color: #00BCD4 !important;
}

.text-cyan {
    color: #00BCD4 !important;
}

.separator-cyan svg g path {
    fill: #00BCD4 !important;
}
audio.audio-light-cyan::-webkit-media-controls-panel {
    background-color: #00BCD4;
}
/*-----------------------------------------*/

.bg-cyan-50, .bg-cyan-50:hover {
    background-color: #E0F7FA !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-50 .carousel-indicator {
    background-color: #E0F7FA;
}

.bg-cyan-50 a {
    background-color: black !important;
    color: #E0F7FA !important;
}

.text-cyan-50 {
    color: #E0F7FA !important;
}

.separator-cyan-50 svg g path {
    fill: #E0F7FA !important;
}
audio.audio-cyan-50::-webkit-media-controls-panel {
    background-color: #E0F7FA;
}
/*-----------------------------------------*/

.bg-cyan-100, .bg-cyan-100:hover {
    background-color: #B2EBF2 !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-100 .carousel-indicator {
    background-color: #B2EBF2;
}

.bg-cyan-100 a {
    background-color: black !important;
    color: #B2EBF2 !important;
}

.text-cyan-100 {
    color: #B2EBF2 !important;
}

.separator-cyan-100 svg g path {
    fill: #B2EBF2 !important;
}
audio.audio-cyan-100::-webkit-media-controls-panel {
    background-color: #B2EBF2;
}
/*-----------------------------------------*/

.bg-cyan-200, .bg-cyan-200:hover {
    background-color: #80DEEA !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-200 .carousel-indicator {
    background-color: #80DEEA;
}

.bg-cyan-200 a {
    background-color: black !important;
    color: #80DEEA !important;
}

.text-cyan-200 {
    color: #80DEEA !important;
}

.separator-cyan-200 svg g path {
    fill: #80DEEA !important;
}
audio.audio-cyan-200::-webkit-media-controls-panel {
    background-color: #80DEEA;
}
/*-----------------------------------------*/

.bg-cyan-300, .bg-cyan-300:hover {
    background-color: #4DD0E1 !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-300 .carousel-indicator {
    background-color: #4DD0E1;
}

.bg-cyan-300 a {
    background-color: black !important;
    color: #4DD0E1 !important;
}

.text-cyan-300 {
    color: #4DD0E1 !important;
}

.separator-cyan-300 svg g path {
    fill: #4DD0E1 !important;
}
audio.audio-cyan-300::-webkit-media-controls-panel {
    background-color: #4DD0E1;
}
/*-----------------------------------------*/

.bg-cyan-400, .bg-cyan-400:hover {
    background-color: #26C6DA !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-400 .carousel-indicator {
    background-color: #26C6DA;
}

.bg-cyan-400 a {
    background-color: black !important;
    color: #26C6DA !important;
}

.text-cyan-400 {
    color: #26C6DA !important;
}

.separator-cyan-400 svg g path {
    fill: #26C6DA !important;
}
audio.audio-cyan-400::-webkit-media-controls-panel {
    background-color: #26C6DA;
}
/*-----------------------------------------*/

.bg-cyan-500, .bg-cyan-500:hover {
    background-color: #00BCD4 !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-500 .carousel-indicator {
    background-color: #00BCD4;
}

.bg-cyan-500 a {
    background-color: black !important;
    color: #00BCD4 !important;
}

.text-cyan-500 {
    color: #00BCD4 !important;
}

.separator-cyan-500 svg g path {
    fill: #00BCD4 !important;
}
audio.audio-cyan-500::-webkit-media-controls-panel {
    background-color: #00BCD4;
}
/*-----------------------------------------*/

.bg-cyan-600, .bg-cyan-600:hover {
    background-color: #00ACC1 !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-600 .carousel-indicator {
    background-color: #00ACC1;
}

.bg-cyan-600 a {
    background-color: black !important;
    color: #00ACC1 !important;
}

.text-cyan-600 {
    color: #00ACC1 !important;
}

.separator-cyan-600 svg g path {
    fill: #00ACC1 !important;
}
audio.audio-cyan-600::-webkit-media-controls-panel {
    background-color: #00ACC1;
}
/*-----------------------------------------*/

.bg-cyan-700, .bg-cyan-700:hover {
    background-color: #0097A7 !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-700 .carousel-indicator {
    background-color: #0097A7;
}

.bg-cyan-700 a {
    background-color: black !important;
    color: #0097A7 !important;
}

.text-cyan-700 {
    color: #0097A7 !important;
}

.separator-cyan-700 svg g path {
    fill: #0097A7 !important;
}
audio.audio-cyan-700::-webkit-media-controls-panel {
    background-color: #0097A7;
}
/*-----------------------------------------*/

.bg-cyan-800, .bg-cyan-800:hover {
    background-color: #00838F !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-800 .carousel-indicator {
    background-color: #00838F;
}

.bg-cyan-800 a {
    background-color: black !important;
    color: #00838F !important;
}

.text-cyan-800 {
    color: #00838F !important;
}

.separator-cyan-800 svg g path {
    fill: #00838F !important;
}
audio.audio-cyan-800::-webkit-media-controls-panel {
    background-color: #00838F;
}
/*-----------------------------------------*/

.bg-cyan-900, .bg-cyan-900:hover {
    background-color: #006064 !important;
    border-color: white !important;
    color: white;
}

.indicator-cyan-900 .carousel-indicator {
    background-color: #006064;
}

.bg-cyan-900 a {
    background-color: white !important;
    color: #006064 !important;
}

.text-cyan-900 {
    color: #006064 !important;
}

.separator-cyan-900 svg g path {
    fill: #006064 !important;
}
audio.audio-cyan-900::-webkit-media-controls-panel {
    background-color: #006064;
}
/*-----------------------------------------*/

.bg-cyan-A100, .bg-cyan-A100:hover {
    background-color: #84FFFF !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-A100 .carousel-indicator {
    background-color: #84FFFF;
}

.bg-cyan-A100 a {
    background-color: black !important;
    color: #84FFFF !important;
}

.text-cyan-A100 {
    color: #84FFFF !important;
}

.separator-cyan-A100 svg g path {
    fill: #84FFFF !important;
}
audio.audio-cyan-A100::-webkit-media-controls-panel {
    background-color: #84FFFF;
}
/*-----------------------------------------*/

.bg-cyan-A200, .bg-cyan-A200:hover {
    background-color: #18FFFF !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-A200 .carousel-indicator {
    background-color: #18FFFF;
}

.bg-cyan-A200 a {
    background-color: black !important;
    color: #18FFFF !important;
}

.text-cyan-A200 {
    color: #18FFFF !important;
}

.separator-cyan-A200 svg g path {
    fill: #18FFFF !important;
}
audio.audio-cyan-A200::-webkit-media-controls-panel {
    background-color: #18FFFF;
}
/*-----------------------------------------*/

.bg-cyan-A400, .bg-cyan-A400:hover {
    background-color: #00E5FF !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-A400 .carousel-indicator {
    background-color: #00E5FF;
}

.bg-cyan-A400 a {
    background-color: black !important;
    color: #00E5FF !important;
}

.text-cyan-A400 {
    color: #00E5FF !important;
}

.separator-cyan-A400 svg g path {
    fill: #00E5FF !important;
}
audio.audio-cyan-A400::-webkit-media-controls-panel {
    background-color: #00E5FF;
}
/*-----------------------------------------*/

.bg-cyan-A700, .bg-cyan-A700:hover {
    background-color: #00B8D4 !important;
    border-color: black !important;
    color: black;
}

.indicator-cyan-A700 .carousel-indicator {
    background-color: #00B8D4;
}

.bg-cyan-A700 a {
    background-color: black !important;
    color: #00B8D4 !important;
}

.text-cyan-A700 {
    color: #00B8D4 !important;
}

.separator-cyan-A700 svg g path {
    fill: #00B8D4 !important;
}
audio.audio-cyan-A700::-webkit-media-controls-panel {
    background-color: #00B8D4;
}
/*-----------------------------------------*/

.bg-teal, .bg-teal:hover {
    background-color: #009688 !important;
    border-color: white !important;
    color: white;
}

.indicator-teal .carousel-indicator {
    background-color: #009688;
}

.bg-teal a {
    background-color: white !important;
    color: #009688 !important;
}

.text-teal {
    color: #009688 !important;
}

.separator-teal svg g path {
    fill: #009688 !important;
}
audio.audio-teal::-webkit-media-controls-panel {
    background-color: #009688;
}
/*-----------------------------------------*/

.bg-teal-50, .bg-teal-50:hover {
    background-color: #E0F2F1 !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-50 .carousel-indicator {
    background-color: #E0F2F1;
}

.bg-teal-50 a {
    background-color: black !important;
    color: #E0F2F1 !important;
}

.text-teal-50 {
    color: #E0F2F1 !important;
}

.separator-teal-50 svg g path {
    fill: #E0F2F1 !important;
}
audio.audio-teal-50::-webkit-media-controls-panel {
    background-color: #E0F2F1;
}
/*-----------------------------------------*/

.bg-teal-100, .bg-teal-100:hover {
    background-color: #B2DFDB !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-100 .carousel-indicator {
    background-color: #B2DFDB;
}

.bg-teal-100 a {
    background-color: black !important;
    color: #B2DFDB !important;
}

.text-teal-100 {
    color: #B2DFDB !important;
}

.separator-teal-100 svg g path {
    fill: #B2DFDB !important;
}
audio.audio-teal-100::-webkit-media-controls-panel {
    background-color: #B2DFDB;
}
/*-----------------------------------------*/

.bg-teal-200, .bg-teal-200:hover {
    background-color: #80CBC4 !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-200 .carousel-indicator {
    background-color: #80CBC4;
}

.bg-teal-200 a {
    background-color: black !important;
    color: #80CBC4 !important;
}

.text-teal-200 {
    color: #80CBC4 !important;
}

.separator-teal-200 svg g path {
    fill: #80CBC4 !important;
}
audio.audio-teal-200::-webkit-media-controls-panel {
    background-color: #80CBC4;
}
/*-----------------------------------------*/

.bg-teal-300, .bg-teal-300:hover {
    background-color: #4DB6AC !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-300 .carousel-indicator {
    background-color: #4DB6AC;
}

.bg-teal-300 a {
    background-color: black !important;
    color: #4DB6AC !important;
}

.text-teal-300 {
    color: #4DB6AC !important;
}

.separator-teal-300 svg g path {
    fill: #4DB6AC !important;
}
audio.audio-teal-300::-webkit-media-controls-panel {
    background-color: #4DB6AC;
}
/*-----------------------------------------*/

.bg-teal-400, .bg-teal-400:hover {
    background-color: #26A69A !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-400 .carousel-indicator {
    background-color: #26A69A;
}

.bg-teal-400 a {
    background-color: black !important;
    color: #26A69A !important;
}

.text-teal-400 {
    color: #26A69A !important;
}

.separator-teal-400 svg g path {
    fill: #26A69A !important;
}
audio.audio-teal-400::-webkit-media-controls-panel {
    background-color: #26A69A;
}
/*-----------------------------------------*/

.bg-teal-500, .bg-teal-500:hover {
    background-color: #009688 !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-500 .carousel-indicator {
    background-color: #009688;
}

.bg-teal-500 a {
    background-color: black !important;
    color: #009688 !important;
}

.text-teal-500 {
    color: #009688 !important;
}

.separator-teal-500 svg g path {
    fill: #009688 !important;
}
audio.audio-teal-500::-webkit-media-controls-panel {
    background-color: #009688;
}
/*-----------------------------------------*/

.bg-teal-600, .bg-teal-600:hover {
    background-color: #00897B !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-600 .carousel-indicator {
    background-color: #00897B;
}

.bg-teal-600 a {
    background-color: black !important;
    color: #00897B !important;
}

.text-teal-600 {
    color: #00897B !important;
}

.separator-teal-600 svg g path {
    fill: #00897B !important;
}
audio.audio-teal-600::-webkit-media-controls-panel {
    background-color: #00897B;
}
/*-----------------------------------------*/

.bg-teal-700, .bg-teal-700:hover {
    background-color: #00796B !important;
    border-color: white !important;
    color: white;
}

.indicator-teal-700 .carousel-indicator {
    background-color: #00796B;
}

.bg-teal-700 a {
    background-color: white !important;
    color: #00796B !important;
}

.text-teal-700 {
    color: #00796B !important;
}

.separator-teal-700 svg g path {
    fill: #00796B !important;
}
audio.audio-teal-700::-webkit-media-controls-panel {
    background-color: #00796B;
}
/*-----------------------------------------*/

.bg-teal-800, .bg-teal-800:hover {
    background-color: #00695C !important;
    border-color: white !important;
    color: white;
}

.indicator-teal-800 .carousel-indicator {
    background-color: #00695C;
}

.bg-teal-800 a {
    background-color: white !important;
    color: #00695C !important;
}

.text-teal-800 {
    color: #00695C !important;
}

.separator-teal-800 svg g path {
    fill: #00695C !important;
}
audio.audio-teal-800::-webkit-media-controls-panel {
    background-color: #00695C;
}
/*-----------------------------------------*/

.bg-teal-900, .bg-teal-900:hover {
    background-color: #004D40 !important;
    border-color: white !important;
    color: white;
}

.indicator-teal-900 .carousel-indicator {
    background-color: #004D40;
}

.bg-teal-900 a {
    background-color: white !important;
    color: #004D40 !important;
}

.text-teal-900 {
    color: #004D40 !important;
}

.separator-teal-900 svg g path {
    fill: #004D40 !important;
}
audio.audio-teal-900::-webkit-media-controls-panel {
    background-color: #004D40;
}
/*-----------------------------------------*/

.bg-teal-A100, .bg-teal-A100:hover {
    background-color: #A7FFEB !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-A100 .carousel-indicator {
    background-color: #A7FFEB;
}

.bg-teal-A100 a {
    background-color: black !important;
    color: #A7FFEB !important;
}

.text-teal-A100 {
    color: #A7FFEB !important;
}

.separator-teal-A100 svg g path {
    fill: #A7FFEB !important;
}
audio.audio-teal-A100::-webkit-media-controls-panel {
    background-color: #A7FFEB;
}
/*-----------------------------------------*/

.bg-teal-A200, .bg-teal-A200:hover {
    background-color: #64FFDA !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-A200 .carousel-indicator {
    background-color: #64FFDA;
}

.bg-teal-A200 a {
    background-color: black !important;
    color: #64FFDA !important;
}

.text-teal-A200 {
    color: #64FFDA !important;
}

.separator-teal-A200 svg g path {
    fill: #64FFDA !important;
}
audio.audio-teal-A200::-webkit-media-controls-panel {
    background-color: #64FFDA;
}
/*-----------------------------------------*/

.bg-teal-A400, .bg-teal-A400:hover {
    background-color: #1DE9B6 !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-A400 .carousel-indicator {
    background-color: #1DE9B6;
}

.bg-teal-A400 a {
    background-color: black !important;
    color: #1DE9B6 !important;
}

.text-teal-A400 {
    color: #1DE9B6 !important;
}

.separator-teal-A400 svg g path {
    fill: #1DE9B6 !important;
}
audio.audio-teal-A400::-webkit-media-controls-panel {
    background-color: #1DE9B6;
}
/*-----------------------------------------*/

.bg-teal-A700, .bg-teal-A700:hover {
    background-color: #00BFA5 !important;
    border-color: black !important;
    color: black;
}

.indicator-teal-A700 .carousel-indicator {
    background-color: #00BFA5;
}

.bg-teal-A700 a {
    background-color: black !important;
    color: #00BFA5 !important;
}

.text-teal-A700 {
    color: #00BFA5 !important;
}

.separator-teal-A700 svg g path {
    fill: #00BFA5 !important;
}
audio.audio-teal-A700::-webkit-media-controls-panel {
    background-color: #00BFA5;
}
/*-----------------------------------------*/

.bg-green, .bg-green:hover {
    background-color: #4CAF50 !important;
    border-color: white !important;
    color: white;
}

.indicator-green .carousel-indicator {
    background-color: #4CAF50;
}

.bg-green a {
    background-color: white !important;
    color: #4CAF50 !important;
}

.text-green {
    color: #4CAF50 !important;
}

.border-green {
    border-color: #4CAF50 !important;
}

.separator-green svg g path {
    fill: #4CAF50 !important;
}
audio.audio-green::-webkit-media-controls-panel {
    background-color: #4CAF50;
}
/*-----------------------------------------*/

.bg-green-50, .bg-green-50:hover {
    background-color: #E8F5E9 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-50 .carousel-indicator {
    background-color: #E8F5E9;
}

.bg-green-50 a {
    background-color: black !important;
    color: #E8F5E9 !important;
}

.text-green-50 {
    color: #E8F5E9 !important;
}

.border-green-50 {
    border-color: #E8F5E9 !important;
}

.separator-green-50 svg g path {
    fill: #E8F5E9 !important;
}
audio.audio-green-50::-webkit-media-controls-panel {
    background-color: #E8F5E9;
}
/*-----------------------------------------*/

.bg-green-100, .bg-green-100:hover {
    background-color: #C8E6C9 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-100 .carousel-indicator {
    background-color: #C8E6C9;
}

.bg-green-100 a {
    background-color: black !important;
    color: #C8E6C9 !important;
}

.text-green-100 {
    color: #C8E6C9 !important;
}

.border-green-100 {
    border-color: #C8E6C9 !important;
}

.separator-green-100 svg g path {
    fill: #C8E6C9 !important;
}
audio.audio-green-100::-webkit-media-controls-panel {
    background-color: #C8E6C9;
}
/*-----------------------------------------*/

.bg-green-200, .bg-green-200:hover {
    background-color: #A5D6A7 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-200 .carousel-indicator {
    background-color: #A5D6A7;
}

.bg-green-200 a {
    background-color: black !important;
    color: #A5D6A7 !important;
}

.text-green-200 {
    color: #A5D6A7 !important;
}

.border-green-200 {
    border-color: #A5D6A7 !important;
}

.separator-green-200 svg g path {
    fill: #A5D6A7 !important;
}
audio.audio-green-200::-webkit-media-controls-panel {
    background-color: #A5D6A7;
}
/*-----------------------------------------*/

.bg-green-300, .bg-green-300:hover {
    background-color: #81C784 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-300 .carousel-indicator {
    background-color: #81C784;
}

.bg-green-300 a {
    background-color: black !important;
    color: #81C784 !important;
}

.text-green-300 {
    color: #81C784 !important;
}

.border-green-300 {
    border-color: #81C784 !important;
}

.separator-green-300 svg g path {
    fill: #81C784 !important;
}
audio.audio-green-300::-webkit-media-controls-panel {
    background-color: #81C784;
}
/*-----------------------------------------*/

.bg-green-400, .bg-green-400:hover {
    background-color: #66BB6A !important;
    border-color: black !important;
    color: black;
}

.indicator-green-400 .carousel-indicator {
    background-color: #66BB6A;
}

.bg-green-400 a {
    background-color: black !important;
    color: #66BB6A !important;
}

.text-green-400 {
    color: #66BB6A !important;
}

.border-green-400 {
    border-color: #66BB6A !important;
}

.separator-green-400 svg g path {
    fill: #66BB6A !important;
}
audio.audio-green-400::-webkit-media-controls-panel {
    background-color: #66BB6A;
}
/*-----------------------------------------*/

.bg-green-500, .bg-green-500:hover {
    background-color: #4CAF50 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-500 .carousel-indicator {
    background-color: #4CAF50;
}

.bg-green-500 a {
    background-color: black !important;
    color: #4CAF50 !important;
}

.text-green-500 {
    color: #4CAF50 !important;
}

.border-green-500 {
    border-color: #4CAF50 !important;
}

.separator-green-500 svg g path {
    fill: #4CAF50 !important;
}
audio.audio-green-500::-webkit-media-controls-panel {
    background-color: #4CAF50;
}
/*-----------------------------------------*/

.bg-green-600, .bg-green-600:hover {
    background-color: #43A047 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-600 .carousel-indicator {
    background-color: #43A047;
}

.bg-green-600 a {
    background-color: black !important;
    color: #43A047 !important;
}

.text-green-600 {
    color: #43A047 !important;
}

.border-green-600 {
    border-color: #43A047 !important;
}

.separator-green-600 svg g path {
    fill: #43A047 !important;
}
audio.audio-green-600::-webkit-media-controls-panel {
    background-color: #43A047;
}
/*-----------------------------------------*/

.bg-green-700, .bg-green-700:hover {
    background-color: #388E3C !important;
    border-color: black !important;
    color: black;
}

.indicator-green-700 .carousel-indicator {
    background-color: #388E3C;
}

.bg-green-700 a {
    background-color: black !important;
    color: #388E3C !important;
}

.text-green-700 {
    color: #388E3C !important;
}

.border-green-700 {
    border-color: #388E3C !important;
}

.separator-green-700 svg g path {
    fill: #388E3C !important;
}
audio.audio-green-700::-webkit-media-controls-panel {
    background-color: #388E3C;
}
/*-----------------------------------------*/

.bg-green-800, .bg-green-800:hover {
    background-color: #2E7D32 !important;
    border-color: white !important;
    color: white;
}

.indicator-green-800 .carousel-indicator {
    background-color: #2E7D32;
}

.bg-green-800 a {
    background-color: white !important;
    color: #2E7D32 !important;
}

.text-green-800 {
    color: #2E7D32 !important;
}

.border-green-800 {
    border-color: #2E7D32 !important;
}

.separator-green-800 svg g path {
    fill: #2E7D32 !important;
}
audio.audio-green-800::-webkit-media-controls-panel {
    background-color: #2E7D32;
}
/*-----------------------------------------*/

.bg-green-900, .bg-green-900:hover {
    background-color: #1B5E20 !important;
    border-color: white !important;
    color: white;
}

.indicator-green-900 .carousel-indicator {
    background-color: #1B5E20;
}

.bg-green-900 a {
    background-color: white !important;
    color: #1B5E20 !important;
}

.text-green-900 {
    color: #1B5E20 !important;
}

.border-green-900 {
    border-color: #1B5E20 !important;
}

.separator-green-900 svg g path {
    fill: #1B5E20 !important;
}
audio.audio-green-900::-webkit-media-controls-panel {
    background-color: #1B5E20;
}
/*-----------------------------------------*/

.bg-green-A100, .bg-green-A100:hover {
    background-color: #B9F6CA !important;
    border-color: black !important;
    color: black;
}

.indicator-green-A100 .carousel-indicator {
    background-color: #B9F6CA;
}

.bg-green-A100 a {
    background-color: black !important;
    color: #B9F6CA !important;
}

.text-green-A100 {
    color: #B9F6CA !important;
}

.border-green-A100 {
    border-color: #B9F6CA !important;
}

.separator-green-A100 svg g path {
    fill: #B9F6CA !important;
}
audio.audio-green-A100::-webkit-media-controls-panel {
    background-color: #B9F6CA;
}
/*-----------------------------------------*/

.bg-green-A200, .bg-green-A200:hover {
    background-color: #69F0AE !important;
    border-color: black !important;
    color: black;
}

.indicator-green-A200 .carousel-indicator {
    background-color: #69F0AE;
}

.bg-green-A200 a {
    background-color: black !important;
    color: #69F0AE !important;
}

.text-green-A200 {
    color: #69F0AE !important;
}

.border-green-A200 {
    border-color: #69F0AE !important;
}

.separator-green-A200 svg g path {
    fill: #69F0AE !important;
}
audio.audio-green-A200::-webkit-media-controls-panel {
    background-color: #69F0AE;
}
/*-----------------------------------------*/

.bg-green-A400, .bg-green-A400:hover {
    background-color: #00E676 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-A400 .carousel-indicator {
    background-color: #00E676;
}

.bg-green-A400 a {
    background-color: black !important;
    color: #00E676 !important;
}

.text-green-A400 {
    color: #00E676 !important;
}

.border-green-A400 {
    border-color: #00E676 !important;
}

.separator-green-A400 svg g path {
    fill: #00E676 !important;
}
audio.audio-green-A400::-webkit-media-controls-panel {
    background-color: #00E676;
}
/*-----------------------------------------*/

.bg-green-A700, .bg-green-A700:hover {
    background-color: #00C853 !important;
    border-color: black !important;
    color: black;
}

.indicator-green-A700 .carousel-indicator {
    background-color: #00C853;
}

.bg-green-A700 a {
    background-color: black !important;
    color: #00C853 !important;
}

.text-green-A700 {
    color: #00C853 !important;
}

.border-green-A700 {
    border-color: #00C853 !important;
}

.separator-green-A700 svg g path {
    fill: #00C853 !important;
}
audio.audio-green-A700::-webkit-media-controls-panel {
    background-color: #00C853;
}
/*-----------------------------------------*/

.bg-light-green, .bg-light-green:hover {
    background-color: #8BC34A !important;
    border-color: white !important;
    color: white;
}

.indicator-light-green .carousel-indicator {
    background-color: #8BC34A;
}

.bg-light-green a {
    background-color: white !important;
    color: #8BC34A !important;
}

.text-light-green {
    color: #8BC34A !important;
}

.separator-light-green svg g path {
    fill: #8BC34A !important;
}
audio.audio-light-green::-webkit-media-controls-panel {
    background-color: #8BC34A;
}
/*-----------------------------------------*/

.bg-light-green-50, .bg-light-green-50:hover {
    background-color: #F1F8E9 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-50 .carousel-indicator {
    background-color: #F1F8E9;
}

.bg-light-green-50 a {
    background-color: black !important;
    color: #F1F8E9 !important;
}

.text-light-green-50 {
    color: #F1F8E9 !important;
}

.separator-light-green-50 svg g path {
    fill: #F1F8E9 !important;
}
audio.audio-light-green-50::-webkit-media-controls-panel {
    background-color: #F1F8E9;
}
/*-----------------------------------------*/

.bg-light-green-100, .bg-light-green-100:hover {
    background-color: #DCEDC8 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-100 .carousel-indicator {
    background-color: #DCEDC8;
}

.bg-light-green-100 a {
    background-color: black !important;
    color: #DCEDC8 !important;
}

.text-light-green-100 {
    color: #DCEDC8 !important;
}

.separator-light-green-100 svg g path {
    fill: #DCEDC8 !important;
}
audio.audio-light-green-100::-webkit-media-controls-panel {
    background-color: #DCEDC8;
}
/*-----------------------------------------*/

.bg-light-green-200, .bg-light-green-200:hover {
    background-color: #C5E1A5 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-200 .carousel-indicator {
    background-color: #C5E1A5;
}

.bg-light-green-200 a {
    background-color: black !important;
    color: #C5E1A5 !important;
}

.text-light-green-200 {
    color: #C5E1A5 !important;
}

.separator-light-green-200 svg g path {
    fill: #C5E1A5 !important;
}
audio.audio-light-green-200::-webkit-media-controls-panel {
    background-color: #C5E1A5;
}
/*-----------------------------------------*/

.bg-light-green-300, .bg-light-green-300:hover {
    background-color: #AED581 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-300 .carousel-indicator {
    background-color: #AED581;
}

.bg-light-green-300 a {
    background-color: black !important;
    color: #AED581 !important;
}

.text-light-green-300 {
    color: #AED581 !important;
}

.separator-light-green-300 svg g path {
    fill: #AED581 !important;
}
audio.audio-light-green-300::-webkit-media-controls-panel {
    background-color: #AED581;
}
/*-----------------------------------------*/

.bg-light-green-400, .bg-light-green-400:hover {
    background-color: #9CCC65 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-400 .carousel-indicator {
    background-color: #9CCC65;
}

.bg-light-green-400 a {
    background-color: black !important;
    color: #9CCC65 !important;
}

.text-light-green-400 {
    color: #9CCC65 !important;
}

.separator-light-green-400 svg g path {
    fill: #9CCC65 !important;
}
audio.audio-light-green-400::-webkit-media-controls-panel {
    background-color: #9CCC65;
}
/*-----------------------------------------*/

.bg-light-green-500, .bg-light-green-500:hover {
    background-color: #8BC34A !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-500 .carousel-indicator {
    background-color: #8BC34A;
}

.bg-light-green-500 a {
    background-color: black !important;
    color: #8BC34A !important;
}

.text-light-green-500 {
    color: #8BC34A !important;
}

.separator-light-green-500 svg g path {
    fill: #8BC34A !important;
}
audio.audio-light-green-500::-webkit-media-controls-panel {
    background-color: #8BC34A;
}
/*-----------------------------------------*/

.bg-light-green-600, .bg-light-green-600:hover {
    background-color: #7CB342 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-600 .carousel-indicator {
    background-color: #7CB342;
}

.bg-light-green-600 a {
    background-color: black !important;
    color: #7CB342 !important;
}

.text-light-green-600 {
    color: #7CB342 !important;
}

.separator-light-green-600 svg g path {
    fill: #7CB342 !important;
}
audio.audio-light-green-600::-webkit-media-controls-panel {
    background-color: #7CB342;
}
/*-----------------------------------------*/

.bg-light-green-700, .bg-light-green-700:hover {
    background-color: #689F38 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-700 .carousel-indicator {
    background-color: #689F38;
}

.bg-light-green-700 a {
    background-color: black !important;
    color: #689F38 !important;
}

.text-light-green-700 {
    color: #689F38 !important;
}

.separator-light-green-700 svg g path {
    fill: #689F38 !important;
}
audio.audio-light-green-700::-webkit-media-controls-panel {
    background-color: #689F38;
}
/*-----------------------------------------*/

.bg-light-green-800, .bg-light-green-800:hover {
    background-color: #558B2F !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-800 .carousel-indicator {
    background-color: #558B2F;
}

.bg-light-green-800 a {
    background-color: black !important;
    color: #558B2F !important;
}

.text-light-green-800 {
    color: #558B2F !important;
}

.separator-light-green-800 svg g path {
    fill: #558B2F !important;
}
audio.audio-light-green-800::-webkit-media-controls-panel {
    background-color: #558B2F;
}
/*-----------------------------------------*/

.bg-light-green-900, .bg-light-green-900:hover {
    background-color: #33691E !important;
    border-color: white !important;
    color: white;
}

.indicator-light-green-900 .carousel-indicator {
    background-color: #33691E;
}

.bg-light-green-900 a {
    background-color: white !important;
    color: #33691E !important;
}

.text-light-green-900 {
    color: #33691E !important;
}

.separator-light-green-900 svg g path {
    fill: #33691E !important;
}
audio.audio-light-green-900::-webkit-media-controls-panel {
    background-color: #33691E;
}
/*-----------------------------------------*/

.bg-light-green-A100, .bg-light-green-A100:hover {
    background-color: #CCFF90 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-A100 .carousel-indicator {
    background-color: #CCFF90;
}

.bg-light-green-A100 a {
    background-color: black !important;
    color: #CCFF90 !important;
}

.text-light-green-A100 {
    color: #CCFF90 !important;
}

.separator-light-green-A100 svg g path {
    fill: #CCFF90 !important;
}
audio.audio-light-green-A100::-webkit-media-controls-panel {
    background-color: #CCFF90;
}
/*-----------------------------------------*/

.bg-light-green-A200, .bg-light-green-A200:hover {
    background-color: #B2FF59 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-A200 .carousel-indicator {
    background-color: #B2FF59;
}

.bg-light-green-A200 a {
    background-color: black !important;
    color: #B2FF59 !important;
}

.text-light-green-A200 {
    color: #B2FF59 !important;
}

.separator-light-green-A200 svg g path {
    fill: #B2FF59 !important;
}
audio.audio-light-green-A200::-webkit-media-controls-panel {
    background-color: #B2FF59;
}
/*-----------------------------------------*/

.bg-light-green-A400, .bg-light-green-A400:hover {
    background-color: #76FF03 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-A400 .carousel-indicator {
    background-color: #76FF03;
}

.bg-light-green-A400 a {
    background-color: black !important;
    color: #76FF03 !important;
}

.text-light-green-A400 {
    color: #76FF03 !important;
}

.separator-light-green-A400 svg g path {
    fill: #76FF03 !important;
}
audio.audio-light-green-A400::-webkit-media-controls-panel {
    background-color: #76FF03;
}
/*-----------------------------------------*/

.bg-light-green-A700, .bg-light-green-A700:hover {
    background-color: #64DD17 !important;
    border-color: black !important;
    color: black;
}

.indicator-light-green-A700 .carousel-indicator {
    background-color: #64DD17;
}

.bg-light-green-A700 a {
    background-color: black !important;
    color: #64DD17 !important;
}

.text-light-green-A700 {
    color: #64DD17 !important;
}

.separator-light-green-A700 svg g path {
    fill: #64DD17 !important;
}
audio.audio-light-green-A700::-webkit-media-controls-panel {
    background-color: #64DD17;
}
/*-----------------------------------------*/
.bg-lime, .bg-lime:hover {
    background-color: #CDDC39 !important;
    border-color: white !important;
    color: white;
}

.indicator-lime .carousel-indicator {
    background-color: #CDDC39;
}

.bg-lime a {
    background-color: white !important;
    color: #CDDC39 !important;
}

.text-lime {
    color: #CDDC39 !important;
}

.separator-lime svg g path {
    fill: #CDDC39 !important;
}
audio.audio-lime::-webkit-media-controls-panel {
    background-color: #CDDC39;
}
/*-----------------------------------------*/

.bg-lime-50, .bg-lime-50:hover {
    background-color: #F9FBE7 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-50 .carousel-indicator {
    background-color: #F9FBE7;
}

.bg-lime-50 a {
    background-color: black !important;
    color: #F9FBE7 !important;
}

.text-lime-50 {
    color: #F9FBE7 !important;
}

.separator-lime-50 svg g path {
    fill: #F9FBE7 !important;
}
audio.audio-lime-50::-webkit-media-controls-panel {
    background-color: #F9FBE7;
}
/*-----------------------------------------*/

.bg-lime-100, .bg-lime-100:hover {
    background-color: #F0F4C3 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-100 .carousel-indicator {
    background-color: #F0F4C3;
}

.bg-lime-100 a {
    background-color: black !important;
    color: #F0F4C3 !important;
}

.text-lime-100 {
    color: #F0F4C3 !important;
}

.separator-lime-100 svg g path {
    fill: #F0F4C3 !important;
}
audio.audio-lime-100::-webkit-media-controls-panel {
    background-color: #F0F4C3;
}
/*-----------------------------------------*/

.bg-lime-200, .bg-lime-200:hover {
    background-color: #E6EE9C !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-200 .carousel-indicator {
    background-color: #E6EE9C;
}

.bg-lime-200 a {
    background-color: black !important;
    color: #E6EE9C !important;
}

.text-lime-200 {
    color: #E6EE9C !important;
}

.separator-lime-200 svg g path {
    fill: #E6EE9C !important;
}
audio.audio-lime-200::-webkit-media-controls-panel {
    background-color: #E6EE9C;
}
/*-----------------------------------------*/

.bg-lime-300, .bg-lime-300:hover {
    background-color: #DCE775 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-300 .carousel-indicator {
    background-color: #DCE775;
}

.bg-lime-300 a {
    background-color: black !important;
    color: #DCE775 !important;
}

.text-lime-300 {
    color: #DCE775 !important;
}

.separator-lime-300 svg g path {
    fill: #DCE775 !important;
}
audio.audio-lime-300::-webkit-media-controls-panel {
    background-color: #DCE775;
}
/*-----------------------------------------*/

.bg-lime-400, .bg-lime-400:hover {
    background-color: #D4E157 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-400 .carousel-indicator {
    background-color: #D4E157;
}

.bg-lime-400 a {
    background-color: black !important;
    color: #D4E157 !important;
}

.text-lime-400 {
    color: #D4E157 !important;
}

.separator-lime-400 svg g path {
    fill: #D4E157 !important;
}
audio.audio-lime-400::-webkit-media-controls-panel {
    background-color: #D4E157;
}
/*-----------------------------------------*/

.bg-lime-500, .bg-lime-500:hover {
    background-color: #CDDC39 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-500 .carousel-indicator {
    background-color: #CDDC39;
}

.bg-lime-500 a {
    background-color: black !important;
    color: #CDDC39 !important;
}

.text-lime-500 {
    color: #CDDC39 !important;
}

.separator-lime-500 svg g path {
    fill: #CDDC39 !important;
}
audio.audio-lime-500::-webkit-media-controls-panel {
    background-color: #CDDC39;
}
/*-----------------------------------------*/

.bg-lime-600, .bg-lime-600:hover {
    background-color: #C0CA33 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-600 .carousel-indicator {
    background-color: #C0CA33;
}

.bg-lime-600 a {
    background-color: black !important;
    color: #C0CA33 !important;
}

.text-lime-600 {
    color: #C0CA33 !important;
}

.separator-lime-600 svg g path {
    fill: #C0CA33 !important;
}
audio.audio-lime-600::-webkit-media-controls-panel {
    background-color: #C0CA33;
}
/*-----------------------------------------*/

.bg-lime-700, .bg-lime-700:hover {
    background-color: #AFB42B !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-700 .carousel-indicator {
    background-color: #AFB42B;
}

.bg-lime-700 a {
    background-color: black !important;
    color: #AFB42B !important;
}

.text-lime-700 {
    color: #AFB42B !important;
}

.separator-lime-700 svg g path {
    fill: #AFB42B !important;
}
audio.audio-lime-700::-webkit-media-controls-panel {
    background-color: #AFB42B;
}
/*-----------------------------------------*/

.bg-lime-800, .bg-lime-800:hover {
    background-color: #9E9D24 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-800 .carousel-indicator {
    background-color: #9E9D24;
}

.bg-lime-800 a {
    background-color: black !important;
    color: #9E9D24 !important;
}

.text-lime-800 {
    color: #9E9D24 !important;
}

.separator-lime-800 svg g path {
    fill: #9E9D24 !important;
}
audio.audio-lime-800::-webkit-media-controls-panel {
    background-color: #9E9D24;
}
/*-----------------------------------------*/

.bg-lime-900, .bg-lime-900:hover {
    background-color: #827717 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-900 .carousel-indicator {
    background-color: #827717;
}

.bg-lime-900 a {
    background-color: black !important;
    color: #827717 !important;
}

.text-lime-900 {
    color: #827717 !important;
}

.separator-lime-900 svg g path {
    fill: #827717 !important;
}
audio.audio-lime-900::-webkit-media-controls-panel {
    background-color: #827717;
}
/*-----------------------------------------*/

.bg-lime-A100, .bg-lime-A100:hover {
    background-color: #F4FF81 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-A100 .carousel-indicator {
    background-color: #F4FF81;
}

.bg-lime-A100 a {
    background-color: black !important;
    color: #F4FF81 !important;
}

.text-lime-A100 {
    color: #F4FF81 !important;
}

.separator-lime-A100 svg g path {
    fill: #F4FF81 !important;
}
audio.audio-lime-A100::-webkit-media-controls-panel {
    background-color: #F4FF81;
}
/*-----------------------------------------*/

.bg-lime-A200, .bg-lime-A200:hover {
    background-color: #EEFF41 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-A200 .carousel-indicator {
    background-color: #EEFF41;
}

.bg-lime-A200 a {
    background-color: black !important;
    color: #EEFF41 !important;
}

.text-lime-A200 {
    color: #EEFF41 !important;
}

.separator-lime-A200 svg g path {
    fill: #EEFF41 !important;
}
audio.audio-lime-A200::-webkit-media-controls-panel {
    background-color: #EEFF41;
}
/*-----------------------------------------*/

.bg-lime-A400, .bg-lime-A400:hover {
    background-color: #C6FF00 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-A400 .carousel-indicator {
    background-color: #C6FF00;
}

.bg-lime-A400 a {
    background-color: black !important;
    color: #C6FF00 !important;
}

.text-lime-A400 {
    color: #C6FF00 !important;
}

.separator-lime-A400 svg g path {
    fill: #C6FF00 !important;
}
audio.audio-lime-A400::-webkit-media-controls-panel {
    background-color: #C6FF00;
}
/*-----------------------------------------*/

.bg-lime-A700, .bg-lime-A700:hover {
    background-color: #AEEA00 !important;
    border-color: black !important;
    color: black;
}

.indicator-lime-A700 .carousel-indicator {
    background-color: #AEEA00;
}

.bg-lime-A700 a {
    background-color: black !important;
    color: #AEEA00 !important;
}

.text-lime-A700 {
    color: #AEEA00 !important;
}

.separator-lime-A700 svg g path {
    fill: #AEEA00 !important;
}
audio.audio-lime-A700::-webkit-media-controls-panel {
    background-color: #AEEA00;
}
/*-----------------------------------------*/

.bg-yellow, .bg-yellow:hover {
    background-color: #FFEB3B !important;
    border-color: white !important;
    color: white;
}

.indicator-yellow .carousel-indicator {
    background-color: #FFEB3B;
}

.bg-yellow a {
    background-color: white !important;
    color: #FFEB3B !important;
}

.text-yellow {
    color: #FFEB3B !important;
}

.separator-yellow svg g path {
    fill: #FFEB3B !important;
}
audio.audio-yellow::-webkit-media-controls-panel {
    background-color: #FFEB3B;
}
/*-----------------------------------------*/

.bg-yellow-50, .bg-yellow-50:hover {
    background-color: #FFFDE7 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-50 .carousel-indicator {
    background-color: #FFFDE7;
}

.bg-yellow-50 a {
    background-color: black !important;
    color: #FFFDE7 !important;
}

.text-yellow-50 {
    color: #FFFDE7 !important;
}

.separator-yellow-50 svg g path {
    fill: #FFFDE7 !important;
}
audio.audio-yellow-50::-webkit-media-controls-panel {
    background-color: #FFFDE7;
}
/*-----------------------------------------*/

.bg-yellow-100, .bg-yellow-100:hover {
    background-color: #FFF9C4 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-100 .carousel-indicator {
    background-color: #FFF9C4;
}

.bg-yellow-100 a {
    background-color: black !important;
    color: #FFF9C4 !important;
}

.text-yellow-100 {
    color: #FFF9C4 !important;
}

.separator-yellow-100 svg g path {
    fill: #FFF9C4 !important;
}
audio.audio-yellow-100::-webkit-media-controls-panel {
    background-color: #FFF9C4;
}
/*-----------------------------------------*/

.bg-yellow-200, .bg-yellow-200:hover {
    background-color: #FFF59D !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-200 .carousel-indicator {
    background-color: #FFF59D;
}

.bg-yellow-200 a {
    background-color: black !important;
    color: #FFF59D !important;
}

.text-yellow-200 {
    color: #FFF59D !important;
}

.separator-yellow-200 svg g path {
    fill: #FFF59D !important;
}
audio.audio-yellow-200::-webkit-media-controls-panel {
    background-color: #FFF59D;
}
/*-----------------------------------------*/

.bg-yellow-300, .bg-yellow-300:hover {
    background-color: #FFF176 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-300 .carousel-indicator {
    background-color: #FFF176;
}

.bg-yellow-300 a {
    background-color: black !important;
    color: #FFF176 !important;
}

.text-yellow-300 {
    color: #FFF176 !important;
}

.separator-yellow-300 svg g path {
    fill: #FFF176 !important;
}
audio.audio-yellow-300::-webkit-media-controls-panel {
    background-color: #FFF176;
}
/*-----------------------------------------*/

.bg-yellow-400, .bg-yellow-400:hover {
    background-color: #FFEE58 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-400 .carousel-indicator {
    background-color: #FFEE58;
}

.bg-yellow-400 a {
    background-color: black !important;
    color: #FFEE58 !important;
}

.text-yellow-400 {
    color: #FFEE58 !important;
}

.separator-yellow-400 svg g path {
    fill: #FFEE58 !important;
}
audio.audio-yellow-400::-webkit-media-controls-panel {
    background-color: #FFEE58;
}
/*-----------------------------------------*/

.bg-yellow-500, .bg-yellow-500:hover {
    background-color: #FFEB3B !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-500 .carousel-indicator {
    background-color: #FFEB3B;
}

.bg-yellow-500 a {
    background-color: black !important;
    color: #FFEB3B !important;
}

.text-yellow-500 {
    color: #FFEB3B !important;
}

.separator-yellow-500 svg g path {
    fill: #FFEB3B !important;
}
audio.audio-yellow-500::-webkit-media-controls-panel {
    background-color: #FFEB3B;
}
/*-----------------------------------------*/

.bg-yellow-600, .bg-yellow-600:hover {
    background-color: #FDD835 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-600 .carousel-indicator {
    background-color: #FDD835;
}

.bg-yellow-600 a {
    background-color: black !important;
    color: #FDD835 !important;
}

.text-yellow-600 {
    color: #FDD835 !important;
}

.separator-yellow-600 svg g path {
    fill: #FDD835 !important;
}
audio.audio-yellow-600::-webkit-media-controls-panel {
    background-color: #FDD835;
}
/*-----------------------------------------*/

.bg-yellow-700, .bg-yellow-700:hover {
    background-color: #FBC02D !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-700 .carousel-indicator {
    background-color: #FBC02D;
}

.bg-yellow-700 a {
    background-color: black !important;
    color: #FBC02D !important;
}

.text-yellow-700 {
    color: #FBC02D !important;
}

.separator-yellow-700 svg g path {
    fill: #FBC02D !important;
}
audio.audio-yellow-700::-webkit-media-controls-panel {
    background-color: #FBC02D;
}
/*-----------------------------------------*/

.bg-yellow-800, .bg-yellow-800:hover {
    background-color: #F9A825 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-800 .carousel-indicator {
    background-color: #F9A825;
}

.bg-yellow-800 a {
    background-color: black !important;
    color: #F9A825 !important;
}

.text-yellow-800 {
    color: #F9A825 !important;
}

.separator-yellow-800 svg g path {
    fill: #F9A825 !important;
}
audio.audio-yellow-800::-webkit-media-controls-panel {
    background-color: #F9A825;
}
/*-----------------------------------------*/

.bg-yellow-900, .bg-yellow-900:hover {
    background-color: #F57F17 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-900 .carousel-indicator {
    background-color: #F57F17;
}

.bg-yellow-900 a {
    background-color: black !important;
    color: #F57F17 !important;
}

.text-yellow-900 {
    color: #F57F17 !important;
}

.separator-yellow-900 svg g path {
    fill: #F57F17 !important;
}
audio.audio-yellow-900::-webkit-media-controls-panel {
    background-color: #F57F17;
}
/*-----------------------------------------*/

.bg-yellow-A100, .bg-yellow-A100:hover {
    background-color: #FFFF8D !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-A100 .carousel-indicator {
    background-color: #FFFF8D;
}

.bg-yellow-A100 a {
    background-color: black !important;
    color: #FFFF8D !important;
}

.text-yellow-A100 {
    color: #FFFF8D !important;
}

.separator-yellow-A100 svg g path {
    fill: #FFFF8D !important;
}
audio.audio-yellow-A100::-webkit-media-controls-panel {
    background-color: #FFFF8D;
}
/*-----------------------------------------*/

.bg-yellow-A200, .bg-yellow-A200:hover {
    background-color: #FFFF00 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-A200 .carousel-indicator {
    background-color: #FFFF00;
}

.bg-yellow-A200 a {
    background-color: black !important;
    color: #FFFF00 !important;
}

.text-yellow-A200 {
    color: #FFFF00 !important;
}

.separator-yellow-A200 svg g path {
    fill: #FFFF00 !important;
}
audio.audio-yellow-A200::-webkit-media-controls-panel {
    background-color: #FFFF00;
}
/*-----------------------------------------*/

.bg-yellow-A400, .bg-yellow-A400:hover {
    background-color: #FFEA00 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-A400 .carousel-indicator {
    background-color: #FFEA00;
}

.bg-yellow-A400 a {
    background-color: black !important;
    color: #FFEA00 !important;
}

.text-yellow-A400 {
    color: #FFEA00 !important;
}

.separator-yellow-A400 svg g path {
    fill: #FFEA00 !important;
}
audio.audio-yellow-A400::-webkit-media-controls-panel {
    background-color: #FFEA00;
}
/*-----------------------------------------*/

.bg-yellow-A700, .bg-yellow-A700:hover {
    background-color: #FFD600 !important;
    border-color: black !important;
    color: black;
}

.indicator-yellow-A700 .carousel-indicator {
    background-color: #FFD600;
}

.bg-yellow-A700 a {
    background-color: black !important;
    color: #FFD600 !important;
}

.text-yellow-A700 {
    color: #FFD600 !important;
}

.separator-yellow-A700 svg g path {
    fill: #FFD600 !important;
}
audio.audio-yellow-A700::-webkit-media-controls-panel {
    background-color: #FFD600;
}
/*-----------------------------------------*/

.bg-amber, .bg-amber:hover {
    background-color: #FFC107 !important;
    border-color: white !important;
    color: white;
}

.indicator-amber .carousel-indicator {
    background-color: #FFC107;
}

.bg-amber a {
    background-color: white !important;
    color: #FFC107 !important;
}

.text-amber {
    color: #FFC107 !important;
}

.separator-amber svg g path {
    fill: #FFC107 !important;
}
audio.audio-amber::-webkit-media-controls-panel {
    background-color: #FFC107;
}
/*-----------------------------------------*/

.bg-amber-50, .bg-amber-50:hover {
    background-color: #FFF8E1 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-50 .carousel-indicator {
    background-color: #FFF8E1;
}

.bg-amber-50 a {
    background-color: black !important;
    color: #FFF8E1 !important;
}

.text-amber-50 {
    color: #FFF8E1 !important;
}

.separator-amber-50 svg g path {
    fill: #FFF8E1 !important;
}
audio.audio-amber-50::-webkit-media-controls-panel {
    background-color: #FFF8E1;
}
/*-----------------------------------------*/

.bg-amber-100, .bg-amber-100:hover {
    background-color: #FFECB3 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-100 .carousel-indicator {
    background-color: #FFECB3;
}

.bg-amber-100 a {
    background-color: black !important;
    color: #FFECB3 !important;
}

.text-amber-100 {
    color: #FFECB3 !important;
}

.separator-amber-100 svg g path {
    fill: #FFECB3 !important;
}
audio.audio-amber-100::-webkit-media-controls-panel {
    background-color: #FFECB3;
}
/*-----------------------------------------*/

.bg-amber-200, .bg-amber-200:hover {
    background-color: #FFE082 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-200 .carousel-indicator {
    background-color: #FFE082;
}

.bg-amber-200 a {
    background-color: black !important;
    color: #FFE082 !important;
}

.text-amber-200 {
    color: #FFE082 !important;
}

.separator-amber-200 svg g path {
    fill: #FFE082 !important;
}
audio.audio-amber-200::-webkit-media-controls-panel {
    background-color: #FFE082;
}
/*-----------------------------------------*/

.bg-amber-300, .bg-amber-300:hover {
    background-color: #FFD54F !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-300 .carousel-indicator {
    background-color: #FFD54F;
}

.bg-amber-300 a {
    background-color: black !important;
    color: #FFD54F !important;
}

.text-amber-300 {
    color: #FFD54F !important;
}

.separator-amber-300 svg g path {
    fill: #FFD54F !important;
}
audio.audio-amber-300::-webkit-media-controls-panel {
    background-color: #FFD54F;
}
/*-----------------------------------------*/

.bg-amber-400, .bg-amber-400:hover {
    background-color: #FFCA28 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-400 .carousel-indicator {
    background-color: #FFCA28;
}

.bg-amber-400 a {
    background-color: black !important;
    color: #FFCA28 !important;
}

.text-amber-400 {
    color: #FFCA28 !important;
}

.separator-amber-400 svg g path {
    fill: #FFCA28 !important;
}
audio.audio-amber-400::-webkit-media-controls-panel {
    background-color: #FFCA28;
}
/*-----------------------------------------*/

.bg-amber-500, .bg-amber-500:hover {
    background-color: #FFC107 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-500 .carousel-indicator {
    background-color: #FFC107;
}

.bg-amber-500 a {
    background-color: black !important;
    color: #FFC107 !important;
}

.text-amber-500 {
    color: #FFC107 !important;
}

.separator-amber-500 svg g path {
    fill: #FFC107 !important;
}
audio.audio-amber-500::-webkit-media-controls-panel {
    background-color: #FFC107;
}
/*-----------------------------------------*/

.bg-amber-600, .bg-amber-600:hover {
    background-color: #FFB300 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-600 .carousel-indicator {
    background-color: #FFB300;
}

.bg-amber-600 a {
    background-color: black !important;
    color: #FFB300 !important;
}

.text-amber-600 {
    color: #FFB300 !important;
}

.separator-amber-600 svg g path {
    fill: #FFB300 !important;
}
audio.audio-amber-600::-webkit-media-controls-panel {
    background-color: #FFB300;
}
/*-----------------------------------------*/

.bg-amber-700, .bg-amber-700:hover {
    background-color: #FFA000 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-700 .carousel-indicator {
    background-color: #FFA000;
}

.bg-amber-700 a {
    background-color: black !important;
    color: #FFA000 !important;
}

.text-amber-700 {
    color: #FFA000 !important;
}

.separator-amber-700 svg g path {
    fill: #FFA000 !important;
}
audio.audio-amber-700::-webkit-media-controls-panel {
    background-color: #FFA000;
}
/*-----------------------------------------*/

.bg-amber-800, .bg-amber-800:hover {
    background-color: #FF8F00 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-800 .carousel-indicator {
    background-color: #FF8F00;
}

.bg-amber-800 a {
    background-color: black !important;
    color: #FF8F00 !important;
}

.text-amber-800 {
    color: #FF8F00 !important;
}

.separator-amber-800 svg g path {
    fill: #FF8F00 !important;
}
audio.audio-amber-800::-webkit-media-controls-panel {
    background-color: #FF8F00;
}
/*-----------------------------------------*/

.bg-amber-900, .bg-amber-900:hover {
    background-color: #FF6F00 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-900 .carousel-indicator {
    background-color: #FF6F00;
}

.bg-amber-900 a {
    background-color: black !important;
    color: #FF6F00 !important;
}

.text-amber-900 {
    color: #FF6F00 !important;
}

.separator-amber-900 svg g path {
    fill: #FF6F00 !important;
}
audio.audio-amber-900::-webkit-media-controls-panel {
    background-color: #FF6F00;
}
/*-----------------------------------------*/

.bg-amber-A100, .bg-amber-A100:hover {
    background-color: #FFE57F !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-A100 .carousel-indicator {
    background-color: #FFE57F;
}

.bg-amber-A100 a {
    background-color: black !important;
    color: #FFE57F !important;
}

.text-amber-A100 {
    color: #FFE57F !important;
}

.separator-amber-A100 svg g path {
    fill: #FFE57F !important;
}
audio.audio-amber-A100::-webkit-media-controls-panel {
    background-color: #FFE57F;
}
/*-----------------------------------------*/

.bg-amber-A200, .bg-amber-A200:hover {
    background-color: #FFD740 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-A200 .carousel-indicator {
    background-color: #FFD740;
}

.bg-amber-A200 a {
    background-color: black !important;
    color: #FFD740 !important;
}

.text-amber-A200 {
    color: #FFD740 !important;
}

.separator-amber-A200 svg g path {
    fill: #FFD740 !important;
}
audio.audio-amber-A200::-webkit-media-controls-panel {
    background-color: #FFD740;
}
/*-----------------------------------------*/

.bg-amber-A400, .bg-amber-A400:hover {
    background-color: #FFC400 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-A400 .carousel-indicator {
    background-color: #FFC400;
}

.bg-amber-A400 a {
    background-color: black !important;
    color: #FFC400 !important;
}

.text-amber-A400 {
    color: #FFC400 !important;
}

.separator-amber-A400 svg g path {
    fill: #FFC400 !important;
}
audio.audio-amber-A400::-webkit-media-controls-panel {
    background-color: #FFC400;
}
/*-----------------------------------------*/


.bg-amber-A700, .bg-amber-A700:hover {
    background-color: #FFAB00 !important;
    border-color: black !important;
    color: black;
}

.indicator-amber-A700 .carousel-indicator {
    background-color: #FFAB00;
}

.bg-amber-A700 a {
    background-color: black !important;
    color: #FFAB00 !important;
}

.text-amber-A700 {
    color: #FFAB00 !important;
}

.separator-amber-A700 svg g path {
    fill: #FFAB00 !important;
}
audio.audio-amber-A700::-webkit-media-controls-panel {
    background-color: #FFAB00;
}
/*-----------------------------------------*/

.bg-orange, .bg-orange:hover {
    background-color: #FF9800 !important;
    border-color: white !important;
    color: white;
}

.indicator-orange .carousel-indicator {
    background-color: #FF9800;
}

.bg-orange a {
    background-color: white !important;
    color: #FF9800 !important;
}

.text-orange {
    color: #FF9800 !important;
}

.separator-orange svg g path {
    fill: #FF9800 !important;
}
audio.audio-orange::-webkit-media-controls-panel {
    background-color: #FF9800;
}
/*-----------------------------------------*/

.bg-orange-50, .bg-orange-50:hover {
    background-color: #FFF3E0 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-50 .carousel-indicator {
    background-color: #FFF3E0;
}

.bg-orange-50 a {
    background-color: black !important;
    color: #FFF3E0 !important;
}

.text-orange-50 {
    color: #FFF3E0 !important;
}

.separator-orange-50 svg g path {
    fill: #FFF3E0 !important;
}
audio.audio-orange-50::-webkit-media-controls-panel {
    background-color: #FFF3E0;
}
/*-----------------------------------------*/

.bg-orange-100, .bg-orange-100:hover {
    background-color: #FFE0B2 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-100 .carousel-indicator {
    background-color: #FFE0B2;
}

.bg-orange-100 a {
    background-color: black !important;
    color: #FFE0B2 !important;
}

.text-orange-100 {
    color: #FFE0B2 !important;
}

.separator-orange-100 svg g path {
    fill: #FFE0B2 !important;
}
audio.audio-orange-100::-webkit-media-controls-panel {
    background-color: #FFE0B2;
}
/*-----------------------------------------*/

.bg-orange-200, .bg-orange-200:hover {
    background-color: #FFCC80 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-200 .carousel-indicator {
    background-color: #FFCC80;
}

.bg-orange-200 a {
    background-color: black !important;
    color: #FFCC80 !important;
}

.text-orange-200 {
    color: #FFCC80 !important;
}

.separator-orange-200 svg g path {
    fill: #FFCC80 !important;
}
audio.audio-orange-200::-webkit-media-controls-panel {
    background-color: #FFCC80;
}
/*-----------------------------------------*/

.bg-orange-300, .bg-orange-300:hover {
    background-color: #FFB74D !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-300 .carousel-indicator {
    background-color: #FFB74D;
}

.bg-orange-300 a {
    background-color: black !important;
    color: #FFB74D !important;
}

.text-orange-300 {
    color: #FFB74D !important;
}

.separator-orange-300 svg g path {
    fill: #FFB74D !important;
}
audio.audio-orange-300::-webkit-media-controls-panel {
    background-color: #FFB74D;
}
/*-----------------------------------------*/

.bg-orange-400, .bg-orange-400:hover {
    background-color: #FFA726 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-400 .carousel-indicator {
    background-color: #FFA726;
}

.bg-orange-400 a {
    background-color: black !important;
    color: #FFA726 !important;
}

.text-orange-400 {
    color: #FFA726 !important;
}

.separator-orange-400 svg g path {
    fill: #FFA726 !important;
}
audio.audio-orange-400::-webkit-media-controls-panel {
    background-color: #FFA726;
}
/*-----------------------------------------*/

.bg-orange-500, .bg-orange-500:hover {
    background-color: #FF9800 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-500 .carousel-indicator {
    background-color: #FF9800;
}

.bg-orange-500 a {
    background-color: black !important;
    color: #FF9800 !important;
}

.text-orange-500 {
    color: #FF9800 !important;
}

.separator-orange-500 svg g path {
    fill: #FF9800 !important;
}
audio.audio-orange-500::-webkit-media-controls-panel {
    background-color: #FF9800;
}
/*-----------------------------------------*/

.bg-orange-600, .bg-orange-600:hover {
    background-color: #FB8C00 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-600 .carousel-indicator {
    background-color: #FB8C00;
}

.bg-orange-600 a {
    background-color: black !important;
    color: #FB8C00 !important;
}

.text-orange-600 {
    color: #FB8C00 !important;
}

.separator-orange-600 svg g path {
    fill: #FB8C00 !important;
}
audio.audio-orange-600::-webkit-media-controls-panel {
    background-color: #FB8C00;
}
/*-----------------------------------------*/

.bg-orange-700, .bg-orange-700:hover {
    background-color: #F57C00 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-700 .carousel-indicator {
    background-color: #F57C00;
}

.bg-orange-700 a {
    background-color: black !important;
    color: #F57C00 !important;
}

.text-orange-700 {
    color: #F57C00 !important;
}

.separator-orange-700 svg g path {
    fill: #F57C00 !important;
}
audio.audio-orange-700::-webkit-media-controls-panel {
    background-color: #F57C00;
}
/*-----------------------------------------*/

.bg-orange-800, .bg-orange-800:hover {
    background-color: #EF6C00 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-800 .carousel-indicator {
    background-color: #EF6C00;
}

.bg-orange-800 a {
    background-color: black !important;
    color: #EF6C00 !important;
}

.text-orange-800 {
    color: #EF6C00 !important;
}

.separator-orange-800 svg g path {
    fill: #EF6C00 !important;
}
audio.audio-orange-800::-webkit-media-controls-panel {
    background-color: #EF6C00;
}
/*-----------------------------------------*/

.bg-orange-900, .bg-orange-900:hover {
    background-color: #E65100 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-900 .carousel-indicator {
    background-color: #E65100;
}

.bg-orange-900 a {
    background-color: black !important;
    color: #E65100 !important;
}

.text-orange-900 {
    color: #E65100 !important;
}

.separator-orange-900 svg g path {
    fill: #E65100 !important;
}
audio.audio-orange-900::-webkit-media-controls-panel {
    background-color: #E65100;
}
/*-----------------------------------------*/

.bg-orange-A100, .bg-orange-A100:hover {
    background-color: #FFD180 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-A100 .carousel-indicator {
    background-color: #FFD180;
}

.bg-orange-A100 a {
    background-color: black !important;
    color: #FFD180 !important;
}

.text-orange-A100 {
    color: #FFD180 !important;
}

.separator-orange-A100 svg g path {
    fill: #FFD180 !important;
}
audio.audio-orange-A100::-webkit-media-controls-panel {
    background-color: #FFD180;
}
/*-----------------------------------------*/

.bg-orange-A200, .bg-orange-A200:hover {
    background-color: #FFAB40 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-A200 .carousel-indicator {
    background-color: #FFAB40;
}

.bg-orange-A200 a {
    background-color: black !important;
    color: #FFAB40 !important;
}

.text-orange-A200 {
    color: #FFAB40 !important;
}

.separator-orange-A200 svg g path {
    fill: #FFAB40 !important;
}
audio.audio-orange-A200::-webkit-media-controls-panel {
    background-color: #FFAB40;
}
/*-----------------------------------------*/

.bg-orange-A400, .bg-orange-A400:hover {
    background-color: #FF9100 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-A400 .carousel-indicator {
    background-color: #FF9100;
}

.bg-orange-A400 a {
    background-color: black !important;
    color: #FF9100 !important;
}

.text-orange-A400 {
    color: #FF9100 !important;
}

.separator-orange-A400 svg g path {
    fill: #FF9100 !important;
}
audio.audio-orange-A400::-webkit-media-controls-panel {
    background-color: #FF9100;
}
/*-----------------------------------------*/

.bg-orange-A700, .bg-orange-A700:hover {
    background-color: #FF6D00 !important;
    border-color: black !important;
    color: black;
}

.indicator-orange-A700 .carousel-indicator {
    background-color: #FF6D00;
}

.bg-orange-A700 a {
    background-color: black !important;
    color: #FF6D00 !important;
}

.text-orange-A700 {
    color: #FF6D00 !important;
}

.separator-orange-A700 svg g path {
    fill: #FF6D00 !important;
}
audio.audio-orange-A700::-webkit-media-controls-panel {
    background-color: #FF6D00;
}
/*-----------------------------------------*/

.bg-deep-orange, .bg-deep-orange:hover {
    background-color: #FF5722 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-orange .carousel-indicator {
    background-color: #FF5722;
}

.bg-deep-orange a {
    background-color: white !important;
    color: #FF5722 !important;
}

.text-deep-orange {
    color: #FF5722 !important;
}

.separator-deep-orange svg g path {
    fill: #FF5722 !important;
}
audio.audio-deep-orange::-webkit-media-controls-panel {
    background-color: #FF5722;
}
/*-----------------------------------------*/

.bg-deep-orange-50, .bg-deep-orange-50:hover {
    background-color: #FBE9E7 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-50 .carousel-indicator {
    background-color: #FBE9E7;
}

.bg-deep-orange-50 a {
    background-color: black !important;
    color: #FBE9E7 !important;
}

.text-deep-orange-50 {
    color: #FBE9E7 !important;
}

.separator-deep-orange-50 svg g path {
    fill: #FBE9E7 !important;
}
audio.audio-deep-orange-50::-webkit-media-controls-panel {
    background-color: #FBE9E7;
}
/*-----------------------------------------*/

.bg-deep-orange-100, .bg-deep-orange-100:hover {
    background-color: #FFCCBC !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-100 .carousel-indicator {
    background-color: #FFCCBC;
}

.bg-deep-orange-100 a {
    background-color: black !important;
    color: #FFCCBC !important;
}

.text-deep-orange-100 {
    color: #FFCCBC !important;
}

.separator-deep-orange-100 svg g path {
    fill: #FFCCBC !important;
}
audio.audio-deep-orange-100::-webkit-media-controls-panel {
    background-color: #FFCCBC;
}
/*-----------------------------------------*/

.bg-deep-orange-200, .bg-deep-orange-200:hover {
    background-color: #FFAB91 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-200 .carousel-indicator {
    background-color: #FFAB91;
}

.bg-deep-orange-200 a {
    background-color: black !important;
    color: #FFAB91 !important;
}

.text-deep-orange-200 {
    color: #FFAB91 !important;
}

.separator-deep-orange-200 svg g path {
    fill: #FFAB91 !important;
}
audio.audio-deep-orange-200::-webkit-media-controls-panel {
    background-color: #FFAB91;
}
/*-----------------------------------------*/

.bg-deep-orange-300, .bg-deep-orange-300:hover {
    background-color: #FF8A65 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-300 .carousel-indicator {
    background-color: #FF8A65;
}

.bg-deep-orange-300 a {
    background-color: black !important;
    color: #FF8A65 !important;
}

.text-deep-orange-300 {
    color: #FF8A65 !important;
}

.separator-deep-orange-300 svg g path {
    fill: #FF8A65 !important;
}
audio.audio-deep-orange-300::-webkit-media-controls-panel {
    background-color: #FF8A65;
}
/*-----------------------------------------*/

.bg-deep-orange-400, .bg-deep-orange-400:hover {
    background-color: #FF7043 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-400 .carousel-indicator {
    background-color: #FF7043;
}

.bg-deep-orange-400 a {
    background-color: black !important;
    color: #FF7043 !important;
}

.text-deep-orange-400 {
    color: #FF7043 !important;
}

.separator-deep-orange-400 svg g path {
    fill: #FF7043 !important;
}
audio.audio-deep-orange-400::-webkit-media-controls-panel {
    background-color: #FF7043;
}
/*-----------------------------------------*/

.bg-deep-orange-500, .bg-deep-orange-500:hover {
    background-color: #FF5722 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-500 .carousel-indicator {
    background-color: #FF5722;
}

.bg-deep-orange-500 a {
    background-color: black !important;
    color: #FF5722 !important;
}

.text-deep-orange-500 {
    color: #FF5722 !important;
}

.separator-deep-orange-500 svg g path {
    fill: #FF5722 !important;
}
audio.audio-deep-orange-500::-webkit-media-controls-panel {
    background-color: #FF5722;
}
/*-----------------------------------------*/

.bg-deep-orange-600, .bg-deep-orange-600:hover {
    background-color: #F4511E !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-600 .carousel-indicator {
    background-color: #F4511E;
}

.bg-deep-orange-600 a {
    background-color: black !important;
    color: #F4511E !important;
}

.text-deep-orange-600 {
    color: #F4511E !important;
}

.separator-deep-orange-600 svg g path {
    fill: #F4511E !important;
}
audio.audio-deep-orange-600::-webkit-media-controls-panel {
    background-color: #F4511E;
}
/*-----------------------------------------*/

.bg-deep-orange-700, .bg-deep-orange-700:hover {
    background-color: #E64A19 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-700 .carousel-indicator {
    background-color: #E64A19;
}

.bg-deep-orange-700 a {
    background-color: black !important;
    color: #E64A19 !important;
}

.text-deep-orange-700 {
    color: #E64A19 !important;
}

.separator-deep-orange-700 svg g path {
    fill: #E64A19 !important;
}
audio.audio-deep-orange-700::-webkit-media-controls-panel {
    background-color: #E64A19;
}
/*-----------------------------------------*/

.bg-deep-orange-800, .bg-deep-orange-800:hover {
    background-color: #D84315 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-800 .carousel-indicator {
    background-color: #D84315;
}

.bg-deep-orange-800 a {
    background-color: black !important;
    color: #D84315 !important;
}

.text-deep-orange-800 {
    color: #D84315 !important;
}

.separator-deep-orange-800 svg g path {
    fill: #D84315 !important;
}
audio.audio-deep-orange-800::-webkit-media-controls-panel {
    background-color: #D84315;
}
/*-----------------------------------------*/

.bg-deep-orange-900, .bg-deep-orange-900:hover {
    background-color: #BF360C !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-orange-900 .carousel-indicator {
    background-color: #BF360C;
}

.bg-deep-orange-900 a {
    background-color: white !important;
    color: #BF360C !important;
}

.text-deep-orange-900 {
    color: #BF360C !important;
}

.separator-deep-orange-900 svg g path {
    fill: #BF360C !important;
}
audio.audio-deep-orange-900::-webkit-media-controls-panel {
    background-color: #BF360C;
}
/*-----------------------------------------*/

.bg-deep-orange-A100, .bg-deep-orange-A100:hover {
    background-color: #FF9E80 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-A100 .carousel-indicator {
    background-color: #FF9E80;
}

.bg-deep-orange-A100 a {
    background-color: black !important;
    color: #FF9E80 !important;
}

.text-deep-orange-A100 {
    color: #FF9E80 !important;
}

.separator-deep-orange-A100 svg g path {
    fill: #FF9E80 !important;
}
audio.audio-deep-orange-A100::-webkit-media-controls-panel {
    background-color: #FF9E80;
}
/*-----------------------------------------*/

.bg-deep-orange-A200, .bg-deep-orange-A200:hover {
    background-color: #FF6E40 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-A200 .carousel-indicator {
    background-color: #FF6E40;
}

.bg-deep-orange-A200 a {
    background-color: black !important;
    color: #FF6E40 !important;
}

.text-deep-orange-A200 {
    color: #FF6E40 !important;
}

.separator-deep-orange-A200 svg g path {
    fill: #FF6E40 !important;
}
audio.audio-deep-orange-A200::-webkit-media-controls-panel {
    background-color: #FF6E40;
}
/*-----------------------------------------*/

.bg-deep-orange-A400, .bg-deep-orange-A400:hover {
    background-color: #FF3D00 !important;
    border-color: black !important;
    color: black;
}

.indicator-deep-orange-A400 .carousel-indicator {
    background-color: #FF3D00;
}

.bg-deep-orange-A400 a {
    background-color: black !important;
    color: #FF3D00 !important;
}

.text-deep-orange-A400 {
    color: #FF3D00 !important;
}

.separator-deep-orange-A400 svg g path {
    fill: #FF3D00 !important;
}
audio.audio-deep-orange-A400::-webkit-media-controls-panel {
    background-color: #FF3D00;
}
/*-----------------------------------------*/

.bg-deep-orange-A700, .bg-deep-orange-A700:hover {
    background-color: #DD2C00 !important;
    border-color: white !important;
    color: white;
}

.indicator-deep-orange-A700 .carousel-indicator {
    background-color: #DD2C00;
}

.bg-deep-orange-A700 a {
    background-color: white !important;
    color: #DD2C00 !important;
}

.text-deep-orange-A700 {
    color: #DD2C00 !important;
}

.separator-deep-orange-A700 svg g path {
    fill: #DD2C00 !important;
}
audio.audio-deep-orange-A700::-webkit-media-controls-panel {
    background-color: #DD2C00;
}
/*-----------------------------------------*/

.bg-brown, .bg-brown:hover {
    background-color: #795548 !important;
    border-color: white !important;
    color: white;
}

.indicator-brown .carousel-indicator {
    background-color: #795548;
}

.bg-brown a {
    background-color: white !important;
    color: #795548 !important;
}

.text-brown {
    color: #795548 !important;
}

.separator-brown svg g path {
    fill: #795548 !important;
}
audio.audio-brown::-webkit-media-controls-panel {
    background-color: #795548;
}
/*-----------------------------------------*/

.bg-brown-50, .bg-brown-50:hover {
    background-color: #EFEBE9 !important;
    border-color: black !important;
    color: black;
}

.indicator-brown-50 .carousel-indicator {
    background-color: #EFEBE9;
}

.bg-brown-50 a {
    background-color: black !important;
    color: #EFEBE9 !important;
}

.text-brown-50 {
    color: #EFEBE9 !important;
}

.separator-brown-50 svg g path {
    fill: #EFEBE9 !important;
}
audio.audio-brown-50::-webkit-media-controls-panel {
    background-color: #EFEBE9;
}
/*-----------------------------------------*/

.bg-brown-100, .bg-brown-100:hover {
    background-color: #D7CCC8 !important;
    border-color: black !important;
    color: black;
}

.indicator-brown-100 .carousel-indicator {
    background-color: #D7CCC8;
}

.bg-brown-100 a {
    background-color: black !important;
    color: #D7CCC8 !important;
}

.text-brown-100 {
    color: #D7CCC8 !important;
}

.separator-brown-100 svg g path {
    fill: #D7CCC8 !important;
}
audio.audio-brown-100::-webkit-media-controls-panel {
    background-color: #D7CCC8;
}
/*-----------------------------------------*/

.bg-brown-200, .bg-brown-200:hover {
    background-color: #BCAAA4 !important;
    border-color: black !important;
    color: black;
}

.indicator-brown-200 .carousel-indicator {
    background-color: #BCAAA4;
}

.bg-brown-200 a {
    background-color: black !important;
    color: #BCAAA4 !important;
}

.text-brown-200 {
    color: #BCAAA4 !important;
}

.separator-brown-200 svg g path {
    fill: #BCAAA4 !important;
}
audio.audio-brown-200::-webkit-media-controls-panel {
    background-color: #BCAAA4;
}
/*-----------------------------------------*/

.bg-brown-300, .bg-brown-300:hover {
    background-color: #A1887F !important;
    border-color: black !important;
    color: black;
}

.indicator-brown-300 .carousel-indicator {
    background-color: #A1887F;
}

.bg-brown-300 a {
    background-color: black !important;
    color: #A1887F !important;
}

.text-brown-300 {
    color: #A1887F !important;
}

.separator-brown-300 svg g path {
    fill: #A1887F !important;
}
audio.audio-brown-300::-webkit-media-controls-panel {
    background-color: #A1887F;
}
/*-----------------------------------------*/

.bg-brown-400, .bg-brown-400:hover {
    background-color: #8D6E63 !important;
    border-color: white !important;
    color: white;
}

.indicator-brown-400 .carousel-indicator {
    background-color: #8D6E63;
}

.bg-brown-400 a {
    background-color: white !important;
    color: #8D6E63 !important;
}

.text-brown-400 {
    color: #8D6E63 !important;
}

.separator-brown-400 svg g path {
    fill: #8D6E63 !important;
}
audio.audio-brown-400::-webkit-media-controls-panel {
    background-color: #8D6E63;
}
/*-----------------------------------------*/

.bg-brown-500, .bg-brown-500:hover {
    background-color: #795548 !important;
    border-color: white !important;
    color: white;
}

.indicator-brown-500 .carousel-indicator {
    background-color: #795548;
}

.bg-brown-500 a {
    background-color: white !important;
    color: #795548 !important;
}

.text-brown-500 {
    color: #795548 !important;
}

.separator-brown-500 svg g path {
    fill: #795548 !important;
}
audio.audio-brown-500::-webkit-media-controls-panel {
    background-color: #795548;
}
/*-----------------------------------------*/

.bg-brown-600, .bg-brown-600:hover {
    background-color: #6D4C41 !important;
    border-color: white !important;
    color: white;
}

.indicator-brown-600 .carousel-indicator {
    background-color: #6D4C41;
}

.bg-brown-600 a {
    background-color: white !important;
    color: #6D4C41 !important;
}

.text-brown-600 {
    color: #6D4C41 !important;
}

.separator-brown-600 svg g path {
    fill: #6D4C41 !important;
}
audio.audio-brown-600::-webkit-media-controls-panel {
    background-color: #6D4C41;
}
/*-----------------------------------------*/

.bg-brown-700, .bg-brown-700:hover {
    background-color: #5D4037 !important;
    border-color: white !important;
    color: white;
}

.indicator-brown-700 .carousel-indicator {
    background-color: #5D4037;
}

.bg-brown-700 a {
    background-color: white !important;
    color: #5D4037 !important;
}

.text-brown-700 {
    color: #5D4037 !important;
}

.separator-brown-700 svg g path {
    fill: #5D4037 !important;
}
audio.audio-brown-700::-webkit-media-controls-panel {
    background-color: #5D4037;
}
/*-----------------------------------------*/

.bg-brown-800, .bg-brown-800:hover {
    background-color: #4E342E !important;
    border-color: white !important;
    color: white;
}

.indicator-brown-800 .carousel-indicator {
    background-color: #4E342E;
}

.bg-brown-800 a {
    background-color: white !important;
    color: #4E342E !important;
}

.text-brown-800 {
    color: #4E342E !important;
}

.separator-brown-800 svg g path {
    fill: #4E342E !important;
}
audio.audio-brown-800::-webkit-media-controls-panel {
    background-color: #4E342E;
}
/*-----------------------------------------*/

.bg-brown-900, .bg-brown-900:hover {
    background-color: #3E2723 !important;
    border-color: white !important;
    color: white;
}

.indicator-brown-900 .carousel-indicator {
    background-color: #3E2723;
}

.bg-brown-900 a {
    background-color: white !important;
    color: #3E2723 !important;
}

.text-brown-900 {
    color: #3E2723 !important;
}

.separator-brown-900 svg g path {
    fill: #3E2723 !important;
}
audio.audio-brown-900::-webkit-media-controls-panel {
    background-color: #3E2723;
}
/*-----------------------------------------*/


.bg-gray, .bg-gray:hover {
    background-color: #9E9E9E !important;
    border-color: white !important;
    color: white;
}

.indicator-gray .carousel-indicator {
    background-color: #9E9E9E;
}

.bg-gray a {
    background-color: white !important;
    color: #9E9E9E !important;
}

.text-gray {
    color: #9E9E9E !important;
}

.separator-gray svg g path {
    fill: #9E9E9E !important;
}
audio.audio-gray::-webkit-media-controls-panel {
    background-color: #9E9E9E;
}
/*-----------------------------------------*/

.bg-gray-50, .bg-gray-50:hover {
    background-color: #FAFAFA !important;
    border-color: black !important;
    color: black;
}

.indicator-gray-50 .carousel-indicator {
    background-color: #FAFAFA;
}

.bg-gray-50 a {
    background-color: black !important;
    color: #FAFAFA !important;
}

.text-gray-50 {
    color: #FAFAFA !important;
}

.separator-gray-50 svg g path {
    fill: #FAFAFA !important;
}
audio.audio-gray-50::-webkit-media-controls-panel {
    background-color: #FAFAFA;
}
/*-----------------------------------------*/

.bg-gray-100, .bg-gray-100:hover {
    background-color: #F5F5F5 !important;
    border-color: black !important;
    color: black;
}

.indicator-gray-100 .carousel-indicator {
    background-color: #F5F5F5;
}

.bg-gray-100 a {
    background-color: black !important;
    color: #F5F5F5 !important;
}

.text-gray-100 {
    color: #F5F5F5 !important;
}

.separator-gray-100 svg g path {
    fill: #F5F5F5 !important;
}
audio.audio-gray-100::-webkit-media-controls-panel {
    background-color: #F5F5F5;
}
/*-----------------------------------------*/

.bg-gray-200, .bg-gray-200:hover {
    background-color: #EEEEEE !important;
    border-color: black !important;
    color: black;
}

.indicator-gray-200 .carousel-indicator {
    background-color: #EEEEEE;
}

.bg-gray-200 a {
    background-color: black !important;
    color: #EEEEEE !important;
}

.text-gray-200 {
    color: #EEEEEE !important;
}

.separator-gray-200 svg g path {
    fill: #EEEEEE !important;
}
audio.audio-gray-200::-webkit-media-controls-panel {
    background-color: #EEEEEE;
}
/*-----------------------------------------*/

.bg-gray-300, .bg-gray-300:hover {
    background-color: #E0E0E0 !important;
    border-color: black !important;
    color: black;
}

.indicator-gray-300 .carousel-indicator {
    background-color: #E0E0E0;
}

.bg-gray-300 a {
    background-color: black !important;
    color: #E0E0E0 !important;
}

.text-gray-300 {
    color: #E0E0E0 !important;
}

.separator-gray-300 svg g path {
    fill: #E0E0E0 !important;
}
audio.audio-gray-300::-webkit-media-controls-panel {
    background-color: #E0E0E0;
}
/*-----------------------------------------*/

.bg-gray-400, .bg-gray-400:hover {
    background-color: #BDBDBD !important;
    border-color: black !important;
    color: black;
}

.indicator-gray-400 .carousel-indicator {
    background-color: #BDBDBD;
}

.bg-gray-400 a {
    background-color: black !important;
    color: #BDBDBD !important;
}

.text-gray-400 {
    color: #BDBDBD !important;
}

.separator-gray-400 svg g path {
    fill: #BDBDBD !important;
}
audio.audio-gray-400::-webkit-media-controls-panel {
    background-color: #BDBDBD;
}
/*-----------------------------------------*/

.bg-gray-500, .bg-gray-500:hover {
    background-color: #9E9E9E !important;
    border-color: black !important;
    color: black;
}

.indicator-gray-500 .carousel-indicator {
    background-color: #9E9E9E;
}

.bg-gray-500 a {
    background-color: black !important;
    color: #9E9E9E !important;
}

.text-gray-500 {
    color: #9E9E9E !important;
}

.separator-gray-500 svg g path {
    fill: #9E9E9E !important;
}
audio.audio-gray-500::-webkit-media-controls-panel {
    background-color: #9E9E9E;
}
/*-----------------------------------------*/

.bg-gray-600, .bg-gray-600:hover {
    background-color: #757575 !important;
    border-color: white !important;
    color: white;
}

.indicator-gray-600 .carousel-indicator {
    background-color: #757575;
}

.bg-gray-600 a {
    background-color: white !important;
    color: #757575 !important;
}

.text-gray-600 {
    color: #757575 !important;
}

.separator-gray-600 svg g path {
    fill: #757575 !important;
}
audio.audio-gray-600::-webkit-media-controls-panel {
    background-color: #757575;
}
/*-----------------------------------------*/

.bg-gray-700, .bg-gray-700:hover {
    background-color: #616161 !important;
    border-color: white !important;
    color: white;
}

.indicator-gray-700 .carousel-indicator {
    background-color: #616161;
}

.bg-gray-700 a {
    background-color: white !important;
    color: #616161 !important;
}

.text-gray-700 {
    color: #616161 !important;
}

.separator-gray-700 svg g path {
    fill: #616161 !important;
}
audio.audio-gray-700::-webkit-media-controls-panel {
    background-color: #616161;
}
/*-----------------------------------------*/

.bg-gray-800, .bg-gray-800:hover {
    background-color: #424242 !important;
    border-color: white !important;
    color: white;
}

.indicator-gray-800 .carousel-indicator {
    background-color: #424242;
}

.bg-gray-800 a {
    background-color: white !important;
    color: #424242 !important;
}

.text-gray-800 {
    color: #424242 !important;
}

.separator-gray-800 svg g path {
    fill: #424242 !important;
}
audio.audio-gray-800::-webkit-media-controls-panel {
    background-color: #424242;
}
/*-----------------------------------------*/

.bg-gray-900, .bg-gray-900:hover {
    background-color: #212121 !important;
    border-color: white !important;
    color: white;
}

.indicator-gray-900 .carousel-indicator {
    background-color: #212121;
}

.bg-gray-900 a {
    background-color: white !important;
    color: #212121 !important;
}

.text-gray-900 {
    color: #212121 !important;
}

.separator-gray-900 svg g path {
    fill: #212121 !important;
}
audio.audio-gray-900::-webkit-media-controls-panel {
    background-color: #212121;
}
/*-----------------------------------------*/

.bg-blue-gray, .bg-blue-gray:hover {
    background-color: #607D8B !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-gray .carousel-indicator {
    background-color: #607D8B;
}

.bg-blue-gray a {
    background-color: white !important;
    color: #607D8B !important;
}

.text-blue-gray {
    color: #607D8B !important;
}

.separator-blue-gray svg g path {
    fill: #607D8B !important;
}
audio.audio-blue-gray::-webkit-media-controls-panel {
    background-color: #607D8B;
}
/*-----------------------------------------*/

.bg-blue-gray-50, .bg-blue-gray-50:hover {
    background-color: #ECEFF1 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-gray-50 .carousel-indicator {
    background-color: #ECEFF1;
}

.bg-blue-gray-50 a {
    background-color: white !important;
    color: #ECEFF1 !important;
}

.text-blue-gray-50 {
    color: #ECEFF1 !important;
}

.separator-blue-gray-50 svg g path {
    fill: #ECEFF1 !important;
}
audio.audio-blue-gray-50::-webkit-media-controls-panel {
    background-color: #ECEFF1;
}
/*-----------------------------------------*/

.bg-blue-gray-100, .bg-blue-gray-100:hover {
    background-color: #CFD8DC !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-gray-100 .carousel-indicator {
    background-color: #CFD8DC;
}

.bg-blue-gray-100 a {
    background-color: white !important;
    color: #CFD8DC !important;
}

.text-blue-gray-100 {
    color: #CFD8DC !important;
}

.separator-blue-gray-100 svg g path {
    fill: #CFD8DC !important;
}
audio.audio-blue-gray-100::-webkit-media-controls-panel {
    background-color: #CFD8DC;
}
/*-----------------------------------------*/

.bg-blue-gray-200, .bg-blue-gray-200:hover {
    background-color: #B0BEC5 !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-gray-200 .carousel-indicator {
    background-color: #B0BEC5;
}

.bg-blue-gray-200 a {
    background-color: white !important;
    color: #B0BEC5 !important;
}

.text-blue-gray-200 {
    color: #B0BEC5 !important;
}

.separator-blue-gray-200 svg g path {
    fill: #B0BEC5 !important;
}
audio.audio-blue-gray-200::-webkit-media-controls-panel {
    background-color: #B0BEC5;
}
/*-----------------------------------------*/

.bg-blue-gray-300, .bg-blue-gray-300:hover {
    background-color: #90A4AE !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-gray-300 .carousel-indicator {
    background-color: #90A4AE;
}

.bg-blue-gray-300 a {
    background-color: white !important;
    color: #90A4AE !important;
}

.text-blue-gray-300 {
    color: #90A4AE !important;
}

.separator-blue-gray-300 svg g path {
    fill: #90A4AE !important;
}
audio.audio-blue-gray-300::-webkit-media-controls-panel {
    background-color: #90A4AE;
}
/*-----------------------------------------*/

.bg-blue-gray-400, .bg-blue-gray-400:hover {
    background-color: #78909C !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-gray-400 .carousel-indicator {
    background-color: #78909C;
}

.bg-blue-gray-400 a {
    background-color: white !important;
    color: #78909C !important;
}

.text-blue-gray-400 {
    color: #78909C !important;
}

.separator-blue-gray-400 svg g path {
    fill: #78909C !important;
}
audio.audio-blue-gray-400::-webkit-media-controls-panel {
    background-color: #78909C;
}
/*-----------------------------------------*/

.bg-blue-gray-500, .bg-blue-gray-500:hover {
    background-color: #607D8B !important;
    border-color: black !important;
    color: black;
}

.indicator-blue-gray-500 .carousel-indicator {
    background-color: #607D8B;
}

.bg-blue-gray-500 a {
    background-color: white !important;
    color: #607D8B !important;
}

.text-blue-gray-500 {
    color: #607D8B !important;
}

.separator-blue-gray-500 svg g path {
    fill: #607D8B !important;
}
audio.audio-blue-gray-500::-webkit-media-controls-panel {
    background-color: #607D8B;
}
/*-----------------------------------------*/

.bg-blue-gray-600, .bg-blue-gray-600:hover {
    background-color: #546E7A !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-gray-600 .carousel-indicator {
    background-color: #546E7A;
}

.bg-blue-gray-600 a {
    background-color: white !important;
    color: #546E7A !important;
}

.text-blue-gray-600 {
    color: #546E7A !important;
}

.separator-blue-gray-600 svg g path {
    fill: #546E7A !important;
}
audio.audio-blue-gray-600::-webkit-media-controls-panel {
    background-color: #546E7A;
}
/*-----------------------------------------*/

.bg-blue-gray-700, .bg-blue-gray-700:hover {
    background-color: #455A64 !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-gray-700 .carousel-indicator {
    background-color: #455A64;
}

.bg-blue-gray-700 a {
    background-color: white !important;
    color: #455A64 !important;
}

.text-blue-gray-700 {
    color: #455A64 !important;
}

.separator-blue-gray-700 svg g path {
    fill: #455A64 !important;
}
audio.audio-blue-gray-700::-webkit-media-controls-panel {
    background-color: #455A64;
}
/*-----------------------------------------*/

.bg-blue-gray-800, .bg-blue-gray-800:hover {
    background-color: #37474F !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-gray-800 .carousel-indicator {
    background-color: #37474F;
}

.bg-blue-gray-800 a {
    background-color: white !important;
    color: #37474F !important;
}

.text-blue-gray-800 {
    color: #37474F !important;
}

.separator-blue-gray-800 svg g path {
    fill: #37474F !important;
}
audio.audio-blue-gray-800::-webkit-media-controls-panel {
    background-color: #37474F;
}
/*-----------------------------------------*/

.bg-blue-gray-900, .bg-blue-gray-900:hover {
    background-color: #263238 !important;
    border-color: white !important;
    color: white;
}

.indicator-blue-gray-900 .carousel-indicator {
    background-color: #263238;
}

.bg-blue-gray-900 a {
    background-color: white !important;
    color: #263238 !important;
}

.text-blue-gray-900 {
    color: #263238 !important;
}

.separator-blue-gray-900 svg g path {
    fill: #263238 !important;
}
audio.audio-blue-gray-900::-webkit-media-controls-panel {
    background-color: #263238;
}
/*-----------------------------------------*/

.bg-black, .bg-black:hover {
    background-color: #000000 !important;
    border-color: white !important;
    color: white;
}

.indicator-black .carousel-indicator {
    background-color: #000000;
}

.bg-black a {
    background-color: white !important;
    color: #000000 !important;
}

.text-black {
    color: #000000 !important;
}

.border-black {
    border-color: #000000 !important;
}

.separator-black svg g path {
    fill: #000000 !important;
}
audio.audio-black::-webkit-media-controls-panel {
    background-color: #000000;
}
/*----------------gradient---------------------------*/
.bg-gradient-instagram {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    border-color: white !important;
    color: white;
}

.indicator-gradeint-instagram .carousel-indicator {
    background-image: linear-gradient(to right, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.bg-gradeient-instagram a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-instagram {
    background: -webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-1 {
    background: linear-gradient(45deg, #FDEB71 10%, #F8D800 100%);
    border-color: white !important;
    color: white;
}
.indicator-gradient-1 .carousel-indicator {
    background-image: linear-gradient(to right, #FDEB71 10%, #F8D800 100%);
}

.bg-gradient-1 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-1 {
    background: -webkit-linear-gradient(45deg, #FDEB71 10%, #F8D800 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-2 {
    background: linear-gradient(45deg, #ABDCFF 10%, #0396FF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-2 .carousel-indicator {
    background-image: linear-gradient(to right, #ABDCFF 10%, #0396FF 100%);
}

.bg-gradient-2 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-2 {
    background: -webkit-linear-gradient(45deg, #ABDCFF 10%, #0396FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-3 {
    background: linear-gradient(45deg, #FEB692 10%, #EA5455 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-2 .carousel-indicator {
    background-image: linear-gradient(to right, #FEB692 10%, #EA5455 100%);
}

.bg-gradient-3 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-3 {
    background: -webkit-linear-gradient(45deg, #FEB692 10%, #EA5455 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-4 {
    background: linear-gradient(45deg, #CE9FFC 10%, #7367F0 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-4 .carousel-indicator {
    background-image: linear-gradient(to right, #CE9FFC 10%, #7367F0 100%);
}

.bg-gradient-4 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-4 {
    background: -webkit-linear-gradient(45deg, #CE9FFC 10%, #7367F0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-5 {
    background: linear-gradient(45deg, #90F7EC 10%, #32CCBC 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-5 .carousel-indicator {
    background-image: linear-gradient(to right, #90F7EC 10%, #32CCBC 100%);
}

.bg-gradient-5 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-5 {
    background: -webkit-linear-gradient(45deg, #90F7EC 10%, #32CCBC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-6 {
    background: linear-gradient(45deg, #FFF6B7 10%, #F6416C 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-6 .carousel-indicator {
    background-image: linear-gradient(to right, #FFF6B7 10%, #F6416C 100%);
}

.bg-gradient-6 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-6 {
    background: -webkit-linear-gradient(45deg, #FFF6B7 10%, #F6416C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-7 {
    background: linear-gradient(45deg, #81FBB8 10%, #28C76F 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-7 .carousel-indicator {
    background-image: linear-gradient(to right, #81FBB8 10%, #28C76F 100%);
}

.bg-gradient-7 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-7 {
    background: -webkit-linear-gradient(45deg, #81FBB8 10%, #28C76F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-8 {
    background: linear-gradient(45deg, #E2B0FF 10%, #9F44D3 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-8 .carousel-indicator {
    background-image: linear-gradient(to right, #E2B0FF 10%, #9F44D3 100%);
}

.bg-gradient-8 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-8 {
    background: -webkit-linear-gradient(45deg, #E2B0FF 10%, #9F44D3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-9 {
    background: linear-gradient(45deg, #F97794 10%, #623AA2 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-9 .carousel-indicator {
    background-image: linear-gradient(to right, #F97794 10%, #623AA2 100%);
}

.bg-gradient-9 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-9 {
    background: -webkit-linear-gradient(45deg, #F97794 10%, #623AA2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-10 {
    background: linear-gradient(45deg, #FCCF31 10%, #F55555 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-10 .carousel-indicator {
    background-image: linear-gradient(to right, #FCCF31 10%, #F55555 100%);
}

.bg-gradient-10 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-10 {
    background: -webkit-linear-gradient(45deg, #FCCF31 10%, #F55555 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-11 {
    background: linear-gradient(45deg, #F761A1 10%, #8C1BAB 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-11 .carousel-indicator {
    background-image: linear-gradient(to right, #F761A1 10%, #8C1BAB 100%);
}

.bg-gradient-11 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-11 {
    background: -webkit-linear-gradient(45deg, #F761A1 10%, #8C1BAB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-12 {
    background: linear-gradient(45deg, #43CBFF 10%, #9708CC 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-12 .carousel-indicator {
    background-image: linear-gradient(to right, #43CBFF 10%, #9708CC 100%);
}

.bg-gradient-12 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-12 {
    background: -webkit-linear-gradient(45deg, #43CBFF 10%, #9708CC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-13 {
    background: linear-gradient(45deg, #5EFCE8 10%, #736EFE 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-13 .carousel-indicator {
    background-image: linear-gradient(to right, #5EFCE8 10%, #736EFE 100%);
}

.bg-gradient-13 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-13 {
    background: -webkit-linear-gradient(45deg, #5EFCE8 10%, #736EFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-14 {
    background: linear-gradient(45deg, #FAD7A1 10%, #E96D71 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-14 .carousel-indicator {
    background-image: linear-gradient(to right, #FAD7A1 10%, #E96D71 100%);
}

.bg-gradient-14 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-14 {
    background: -webkit-linear-gradient(45deg, #FAD7A1 10%, #E96D71 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-15 {
    background: linear-gradient(45deg, #FFD26F 10%, #3677FF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-15 .carousel-indicator {
    background-image: linear-gradient(to right, #FFD26F 10%, #3677FF 100%);
}

.bg-gradient-15 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-15 {
    background: -webkit-linear-gradient(45deg, #FFD26F 10%, #3677FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-16 {
    background: linear-gradient(45deg, #A0FE65 10%, #FA016D 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-16 .carousel-indicator {
    background-image: linear-gradient(to right, #A0FE65 10%, #FA016D 100%);
}

.bg-gradient-16 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-16 {
    background: -webkit-linear-gradient(45deg, #A0FE65 10%, #FA016D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-17 {
    background: linear-gradient(45deg, #FFDB01 10%, #0E197D 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-17 .carousel-indicator {
    background-image: linear-gradient(to right, #FFDB01 10%, #0E197D 100%);
}

.bg-gradient-17 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-17 {
    background: -webkit-linear-gradient(45deg, #FFDB01 10%, #0E197D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-18 {
    background: linear-gradient(45deg, #FEC163 10%, #DE4313 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-18 .carousel-indicator {
    background-image: linear-gradient(to right, #FEC163 10%, #DE4313 100%);
}

.bg-gradient-18 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-18 {
    background: -webkit-linear-gradient(45deg, #FEC163 10%, #DE4313 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-19 {
    background: linear-gradient(45deg, #92FFC0 10%, #002661 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-19 .carousel-indicator {
    background-image: linear-gradient(to right, #92FFC0 10%, #002661 100%);
}

.bg-gradient-19 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-19 {
    background: -webkit-linear-gradient(45deg, #92FFC0 10%, #002661 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-20 {
    background: linear-gradient(45deg, #EEAD92 10%, #6018DC 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-20 .carousel-indicator {
    background-image: linear-gradient(to right, #EEAD92 10%, #6018DC 100%);
}

.bg-gradient-20 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-20 {
    background: -webkit-linear-gradient(45deg, #EEAD92 10%, #6018DC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-21 {
    background: linear-gradient(45deg, #F6CEEC 10%, #D939CD 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-21 .carousel-indicator {
    background-image: linear-gradient(to right, #F6CEEC 10%, #D939CD 100%);
}

.bg-gradient-21 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-21 {
    background: -webkit-linear-gradient(45deg, #F6CEEC 10%, #D939CD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-22 {
    background: linear-gradient(45deg, #52E5E7 10%, #130CB7 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-22 .carousel-indicator {
    background-image: linear-gradient(to right, #52E5E7 10%, #130CB7 100%);
}

.bg-gradient-22 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-22 {
    background: -webkit-linear-gradient(45deg, #52E5E7 10%, #130CB7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-23 {
    background: linear-gradient(45deg, #F1CA74 10%, #A64DB6 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-23 .carousel-indicator {
    background-image: linear-gradient(to right, #F1CA74 10%, #A64DB6 100%);
}

.bg-gradient-23 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-23 {
    background: -webkit-linear-gradient(45deg, #F1CA74 10%, #A64DB6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-24 {
    background: linear-gradient(45deg, #E8D07A 10%, #5312D6 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-24 .carousel-indicator {
    background-image: linear-gradient(to right, #E8D07A 10%, #5312D6 100%);
}

.bg-gradient-24 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-24 {
    background: -webkit-linear-gradient(45deg, #E8D07A 10%, #5312D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-25 {
    background: linear-gradient(45deg, #EECE13 10%, #B210FF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-25 .carousel-indicator {
    background-image: linear-gradient(to right, #EECE13 10%, #B210FF 100%);
}

.bg-gradient-25 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-25 {
    background: -webkit-linear-gradient(45deg, #EECE13 10%, #B210FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-26 {
    background: linear-gradient(45deg, #79F1A4 10%, #0E5CAD 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-26 .carousel-indicator {
    background-image: linear-gradient(to right, #79F1A4 10%, #0E5CAD 100%);
}

.bg-gradient-26 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-26 {
    background: -webkit-linear-gradient(45deg, #79F1A4 10%, #0E5CAD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-27 {
    background: linear-gradient(45deg, #FDD819 10%, #E80505 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-27 .carousel-indicator {
    background-image: linear-gradient(to right, #FDD819 10%, #E80505 100%);
}

.bg-gradient-27 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-27 {
    background: -webkit-linear-gradient(45deg, #FDD819 10%, #E80505 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-28 {
    background: linear-gradient(45deg, #FFF3B0 10%, #CA26FF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-28 .carousel-indicator {
    background-image: linear-gradient(to right, #FFF3B0 10%, #CA26FF 100%);
}

.bg-gradient-28 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-28 {
    background: -webkit-linear-gradient(45deg, #FFF3B0 10%, #CA26FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-29 {
    background: linear-gradient(45deg, #FFF5C3 10%, #9452A5 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-29 .carousel-indicator {
    background-image: linear-gradient(to right, #FFF5C3 10%, #9452A5 100%);
}

.bg-gradient-29 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-29 {
    background: -webkit-linear-gradient(45deg, #FFF5C3 10%, #9452A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-30 {
    background: linear-gradient(45deg, #F05F57 10%, #360940 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-30 .carousel-indicator {
    background-image: linear-gradient(to right, #F05F57 10%, #360940 100%);
}

.bg-gradient-30 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-30 {
    background: -webkit-linear-gradient(45deg, #F05F57 10%, #360940 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-31 {
    background: linear-gradient(45deg, #2AFADF 10%, #4C83FF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-31 .carousel-indicator {
    background-image: linear-gradient(to right, #2AFADF 10%, #4C83FF 100%);
}

.bg-gradient-31 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-31 {
    background: -webkit-linear-gradient(45deg, #2AFADF 10%, #4C83FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-32 {
    background: linear-gradient(45deg, #FFF886 10%, #F072B6 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-32 .carousel-indicator {
    background-image: linear-gradient(to right, #FFF886 10%, #F072B6 100%);
}

.bg-gradient-32 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-32 {
    background: -webkit-linear-gradient(45deg, #FFF886 10%, #F072B6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-33 {
    background: linear-gradient(45deg, #97ABFF 10%, #123597 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-33 .carousel-indicator {
    background-image: linear-gradient(to right, #97ABFF 10%, #123597 100%);
}

.bg-gradient-33 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-33 {
    background: -webkit-linear-gradient(45deg, #97ABFF 10%, #123597 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-34 {
    background: linear-gradient(45deg, #F5CBFF 10%, #C346C2 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-34 .carousel-indicator {
    background-image: linear-gradient(to right, #F5CBFF 10%, #C346C2 100%);
}

.bg-gradient-34 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-34 {
    background: -webkit-linear-gradient(45deg, #F5CBFF 10%, #C346C2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-35 {
    background: linear-gradient(45deg, #FFF720 10%, #3CD500 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-35 .carousel-indicator {
    background-image: linear-gradient(to right, #FFF720 10%, #3CD500 100%);
}

.bg-gradient-35 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-35 {
    background: -webkit-linear-gradient(45deg, #FFF720 10%, #3CD500 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-36 {
    background: linear-gradient(45deg, #FF6FD8 10%, #3813C2 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-36 .carousel-indicator {
    background-image: linear-gradient(to right, #FF6FD8 10%, #3813C2 100%);
}

.bg-gradient-36 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-36 {
    background: -webkit-linear-gradient(45deg, #FF6FD8 10%, #3813C2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-37 {
    background: linear-gradient(45deg, #EE9AE5 10%, #5961F9 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-37 .carousel-indicator {
    background-image: linear-gradient(to right, #EE9AE5 10%, #5961F9 100%);
}

.bg-gradient-37 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-37 {
    background: -webkit-linear-gradient(45deg, #EE9AE5 10%, #5961F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-38 {
    background: linear-gradient(45deg, #FFD3A5 10%, #FD6585 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-38 .carousel-indicator {
    background-image: linear-gradient(to right, #FFD3A5 10%, #FD6585 100%);
}

.bg-gradient-38 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-38 {
    background: -webkit-linear-gradient(45deg, #FFD3A5 10%, #FD6585 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-39 {
    background: linear-gradient(45deg, #C2FFD8 10%, #465EFB 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-39 .carousel-indicator {
    background-image: linear-gradient(to right, #C2FFD8 10%, #465EFB 100%);
}

.bg-gradient-39 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-39 {
    background: -webkit-linear-gradient(45deg, #C2FFD8 10%, #465EFB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-40 {
    background: linear-gradient(45deg, #FD6585 10%, #0D25B9 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-40 .carousel-indicator {
    background-image: linear-gradient(to right, #FD6585 10%, #0D25B9 100%);
}

.bg-gradient-40 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-40 {
    background: -webkit-linear-gradient(45deg, #FD6585 10%, #0D25B9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-41 {
    background: linear-gradient(45deg, #FD6E6A 10%, #FFC600 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-41 .carousel-indicator {
    background-image: linear-gradient(to right, #FD6E6A 10%, #FFC600 100%);
}

.bg-gradient-41 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-41 {
    background: -webkit-linear-gradient(45deg, #FD6E6A 10%, #FFC600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-42 {
    background: linear-gradient(45deg, #65FDF0 10%, #1D6FA3 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-42 .carousel-indicator {
    background-image: linear-gradient(to right, #65FDF0 10%, #1D6FA3 100%);
}

.bg-gradient-42 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-42 {
    background: -webkit-linear-gradient(45deg, #65FDF0 10%, #1D6FA3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-43 {
    background: linear-gradient(45deg, #6B73FF 10%, #000DFF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-43 .carousel-indicator {
    background-image: linear-gradient(to right, #6B73FF 10%, #000DFF 100%);
}

.bg-gradient-43 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-43 {
    background: -webkit-linear-gradient(45deg, #6B73FF 10%, #000DFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-44 {
    background: linear-gradient(45deg, #FF7AF5 10%, #513162 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-44 .carousel-indicator {
    background-image: linear-gradient(to right, #FF7AF5 10%, #513162 100%);
}

.bg-gradient-44 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-44 {
    background: -webkit-linear-gradient(45deg, #FF7AF5 10%, #513162 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-45 {
    background: linear-gradient(45deg, #F0FF00 10%, #58CFFB 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-45 .carousel-indicator {
    background-image: linear-gradient(to right, #F0FF00 10%, #58CFFB 100%);
}

.bg-gradient-45 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-45 {
    background: -webkit-linear-gradient(45deg, #F0FF00 10%, #58CFFB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-46 {
    background: linear-gradient(45deg, #FFE985 10%, #FA742B 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-46 .carousel-indicator {
    background-image: linear-gradient(to right, #FFE985 10%, #FA742B 100%);
}

.bg-gradient-46 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-46 {
    background: -webkit-linear-gradient(45deg, #FFE985 10%, #FA742B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-47 {
    background: linear-gradient(45deg, #FFA6B7 10%, #1E2AD2 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-47 .carousel-indicator {
    background-image: linear-gradient(to right, #FFA6B7 10%, #1E2AD2 100%);
}

.bg-gradient-47 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-47 {
    background: -webkit-linear-gradient(45deg, #FFA6B7 10%, #1E2AD2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-48 {
    background: linear-gradient(45deg, #FFAA85 10%, #B3315F 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-48 .carousel-indicator {
    background-image: linear-gradient(to right, #FFAA85 10%, #B3315F 100%);
}

.bg-gradient-48 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-48 {
    background: -webkit-linear-gradient(45deg, #FFAA85 10%, #B3315F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-49 {
    background: linear-gradient(45deg, #72EDF2 10%, #5151E5 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-49 .carousel-indicator {
    background-image: linear-gradient(to right, #72EDF2 10%, #5151E5 100%);
}

.bg-gradient-49 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-49 {
    background: -webkit-linear-gradient(45deg, #72EDF2 10%, #5151E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-50 {
    background: linear-gradient(45deg, #FF9D6C 10%, #BB4E75 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-50 .carousel-indicator {
    background-image: linear-gradient(to right, #FF9D6C 10%, #BB4E75 100%);
}

.bg-gradient-50 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-50 {
    background: -webkit-linear-gradient(45deg, #FF9D6C 10%, #BB4E75 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-51 {
    background: linear-gradient(45deg, #F6D242 10%, #FF52E5 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-51 .carousel-indicator {
    background-image: linear-gradient(to right, #F6D242 10%, #FF52E5 100%);
}

.bg-gradient-51 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-51 {
    background: -webkit-linear-gradient(45deg, #F6D242 10%, #FF52E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-52 {
    background: linear-gradient(45deg, #69FF97 10%, #00E4FF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-52 .carousel-indicator {
    background-image: linear-gradient(to right, #69FF97 10%, #00E4FF 100%);
}

.bg-gradient-52 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-52 {
    background: -webkit-linear-gradient(45deg, #69FF97 10%, #00E4FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-53 {
    background: linear-gradient(45deg, #3B2667 10%, #BC78EC 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-53 .carousel-indicator {
    background-image: linear-gradient(to right, #3B2667 10%, #BC78EC 100%);
}

.bg-gradient-53 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-53 {
    background: -webkit-linear-gradient(45deg, #3B2667 10%, #BC78EC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-54 {
    background: linear-gradient(45deg, #70F570 10%, #49C628 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-54 .carousel-indicator {
    background-image: linear-gradient(to right, #70F570 10%, #49C628 100%);
}

.bg-gradient-54 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-54 {
    background: -webkit-linear-gradient(45deg, #70F570 10%, #49C628 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-55 {
    background: linear-gradient(45deg, #3C8CE7 10%, #00EAFF 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-55 .carousel-indicator {
    background-image: linear-gradient(to right, #3C8CE7 10%, #00EAFF 100%);
}

.bg-gradient-55 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-55 {
    background: -webkit-linear-gradient(45deg, #3C8CE7 10%, #00EAFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-56 {
    background: linear-gradient(45deg, #FAB2FF 10%, #1904E5 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-56 .carousel-indicator {
    background-image: linear-gradient(to right, #FAB2FF 10%, #1904E5 100%);
}

.bg-gradient-56 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-56 {
    background: -webkit-linear-gradient(45deg, #FAB2FF 10%, #1904E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-57 {
    background: linear-gradient(45deg, #81FFEF 10%, #F067B4 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-57 .carousel-indicator {
    background-image: linear-gradient(to right, #81FFEF 10%, #F067B4 100%);
}

.bg-gradient-57 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-57 {
    background: -webkit-linear-gradient(45deg, #81FFEF 10%, #F067B4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-58 {
    background: linear-gradient(45deg, #FFA8A8 10%, #FCFF00 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-58 .carousel-indicator {
    background-image: linear-gradient(to right, #FFA8A8 10%, #FCFF00 100%);
}

.bg-gradient-58 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-58 {
    background: -webkit-linear-gradient(45deg, #FFA8A8 10%, #FCFF00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-59 {
    background: linear-gradient(45deg, #FFCF71 10%, #2376DD 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-59 .carousel-indicator {
    background-image: linear-gradient(to right, #FFCF71 10%, #2376DD 100%);
}

.bg-gradient-59 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-59 {
    background: -webkit-linear-gradient(45deg, #FFCF71 10%, #2376DD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-60 {
    background: linear-gradient(45deg, #FF96F9 10%, #C32BAC 100%);
    border-color: white !important;
    color: white;
}

.indicator-gradient-60 .carousel-indicator {
    background-image: linear-gradient(to right, #FF96F9 10%, #C32BAC 100%);
}

.bg-gradient-60 a {
    background-color: white !important;
    color: black !important;
}

.text-gradient-60 {
    background: -webkit-linear-gradient(45deg, #FF96F9 10%, #C32BAC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}