.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em}
.daterangepicker:before,.daterangepicker:after{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,0.2);content:''}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}
.daterangepicker.opensleft:before{right:9px}
.daterangepicker.opensleft:after{right:10px}
.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.opensright:before{left:9px}
.daterangepicker.opensright:after{left:10px}
.daterangepicker.drop-up{margin-top:-7px}
.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}
.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}
.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}
.daterangepicker.single .drp-selected{display:none}
.daterangepicker.show-calendar .drp-calendar{display:block}
.daterangepicker.show-calendar .drp-buttons{display:block}
.daterangepicker.auto-apply .drp-buttons{display:none}
.daterangepicker .drp-calendar{display:none;max-width:320px}
.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}
.daterangepicker .drp-calendar.right{padding:8px}
.daterangepicker .drp-calendar.single .calendar-table{border:none}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}
.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}
.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}
.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}
.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date{background-color:#fff;border-color:transparent;color:#999}
.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}
.daterangepicker td.start-date{border-radius:4px 0 0 4px}
.daterangepicker td.end-date{border-radius:0 4px 4px 0}
.daterangepicker td.start-date.end-date{border-radius:4px}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}
.daterangepicker th.month{width:auto}
.daterangepicker td.disabled,.daterangepicker option.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}
.daterangepicker select.monthselect{margin-right:2%;width:56%}
.daterangepicker select.yearselect{width:40%}
.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{width:50px;margin:0 auto;color:#141414;border:1px solid #eee;padding:2px;outline:0;font-size:12px}
.daterangepicker .calendar-time{text-align:center;margin:4px auto 0;line-height:30px;position:relative}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}
.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}
.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}
.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px;}
.daterangepicker .drp-buttons .btn.btn-primary{background-color:#14ABA6; border-color:#14ABA6;}
.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}
.daterangepicker .ranges{float:none;text-align:left;margin:0}
.daterangepicker.show-calendar .ranges{margin-top:8px}
.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}
.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}
.daterangepicker .ranges li:hover{background-color:#eee}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff}
@media (min-width: 564px) {
.daterangepicker{width:auto}
.daterangepicker .ranges ul{width:140px}
.daterangepicker.single .ranges ul{width:100%}
.daterangepicker.single .drp-calendar.left{clear:none}
.daterangepicker.single.ltr .ranges,.daterangepicker.single.ltr .drp-calendar{float:left}
.daterangepicker.single.rtl .ranges,.daterangepicker.single.rtl .drp-calendar{float:right}
.daterangepicker.ltr{direction:ltr;text-align:left}
.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}
.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}
.daterangepicker.ltr .drp-calendar.right{margin-left:0}
.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}
.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}
.daterangepicker.ltr .ranges,.daterangepicker.ltr .drp-calendar{float:left}
.daterangepicker.rtl{direction:rtl;text-align:right}
.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}
.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}
.daterangepicker.rtl .drp-calendar.right{margin-right:0}
.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}
.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}
.daterangepicker.rtl .ranges,.daterangepicker.rtl .drp-calendar{text-align:right;float:right}
}
@media (min-width: 730px) {
.daterangepicker .ranges{width:auto}
.daterangepicker.ltr .ranges{float:left}
.daterangepicker.rtl .ranges{float:right}
.daterangepicker .drp-calendar.left{clear:none!important}
}
ul.cluster-color li a {
	width: 30px;
	height: 30px;
	border: 1px solid #ABABAB;
	border-radius: 5px;
	display: block;
}
ul.cluster-color {
	display: flex;
	padding-bottom: 8px;
}
.analytics .items label{
	font-weight: inherit;
}
.data-main .data-pop-options li{
	list-style:none;
	border-top:2px solid #d7d6d5;
	padding:15px 5px 15px 5px;
	position:relative;
}
.data-main .data-pop-options li a{
	color:#000;
	font-size:16px;
	font-weight:300;
	display:block;
	padding-right:15px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:right center;
	text-align: center;
}
.data-pop-options .color-box li{
	padding: 10px 2px 2px 2px;
}
.data-pop-options .move a {
    display: inline;
}
.data-pop-options li .colors {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-color: #000;
    cursor: pointer;
}
.data-pop-options li .move .colors{
	display:block;
	margin-right:20px;
}
.admin-page {
    padding-top: 100px;
}
.form-control {
    /*width: auto;*/
}
.group-box .mtop .editable-buttons {
    width: auto;
    height: auto;
}
.group-box .mtop .editable-buttons button {
    width: auto;
    display: inline-block;
}
.admin-page button {
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    background: #242730;
    border: 0;
    line-height: 22px;
    padding: 8px 20px 5px;
    border-radius: 5px;
    margin-right: 10px;
    margin: 10px;
}
.admin-page .right {
    float: right;
}
.admin-table th {
    border: 1px solid #e4e4e5;
    padding: 10px;
    vertical-align: middle;
}
.admin-table td {
    border-bottom: 1px solid #e4e4e5;
    border-left: 1px solid #e4e4e5;
    padding: 10px;
    font-weight: 300;
    vertical-align: middle;
}
.admin-table {
    margin: 10px;
}
.admin-table td.cross a{
    background-image: url(images/poplist-cross.png);
}

.admin-table ul {
    list-style-type: decimal;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    gap: 5px;
    list-style-position: outside;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  
  .admin-table li {
    /* background: beige; */
    padding: 0.15em;
    margin: 30px 30px 24px 10px;
    /*font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;*/
    font-size: 1.2em;
    box-shadow: 2px 2px 2px 1px darkgray;
    /* width: fit-content; */
    word-break: break-all;
    /*display: flex;*/
  }
  .admin-table li p{
    /* background: beige; */
    display: inline-block;
    padding: 10px;
  }
    .admin-table li span {
        margin-left: 10px;
        margin-right: 10px;
	padding: 10px;
    }

.limit-height {
    max-height: 500px;
    overflow-y: scroll;
    margin-top: 20px;
    margin-bottom: 20px;

}
 /* .admin-table ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0em, max-content));
    grid-auto-flow: column;
    list-style: none;
    padding: 0;
    margin: 1em;
    gap: 5px
  }
  
 .admin-table ol:before {
    content: '';
    grid-column: -1;
    width: 0;
    grid-row: 1 /7; 
  }
  
 .admin-table li {
    background: silver;
    padding: 0.15em;
    margin: 0;
  }
*/
.data_pop td, .data_pop th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.data_pop tr:nth-child(even) {
  background-color: #dddddd;
}

.fivew-toggle-btn {
  margin: 10px;
  height: 50px;
  background-color: #f28b82; /* light red */
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.fivew-toggle-btn:hover {
  background-color: #e57373; /* darker red on hover */
}

.fivew-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 12px;
}

.fivew-label {
  font-weight: 600;
  margin-bottom: 4px;
}

.fivew-input {
  width: 100%;
  resize: vertical;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}

.fivew-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin-bottom: 10px;
}

.fivew-controls select {
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}

.fivew-generate-btn {
  margin: 8px 0;
  padding: 8px 14px;
  background-color: #4CAF50; /* green */
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

.fivew-generate-btn:hover {
  background-color: #43a047; /* darker green */
}

.fivew-generate-btn:disabled {
  background-color: #9e9e9e; /* gray */
  cursor: not-allowed;
}

.fivew-answer {
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fafafa;
  overflow: hidden;
  margin-top: 10px;
}

.fivew-answer .answer-header {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7eb;
  font-weight: 600;
  background: #fff;
}

.fivew-answer .answer-body {
  padding: 12px;  
  white-space: pre-line;
  word-wrap: break-word;
  line-height: 1.5;
}

.error {
  color: red;
  font-weight: 500;
}

.chat-container {
    width: 100%;
}

.chat-box {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;

}

.chat-header {
  background: #4d64ce;
    color: white;
    padding: 10px;
    text-align: center;
}

.chat-messages {
    height: 450px;
    overflow-y: auto;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.chat-input {
    padding: 10px;
    display: flex;
}

.chat-input input[type="text"] {
    flex-grow: 1;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.chat-input button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 5px 10px;
    margin-left: 5px;
    cursor: pointer;
  background: #4d64ce;
}

.chat-input button:hover {
    background-color: #45a049;
}
.message {
    margin: 5px 0;
    padding: 5px;
    border-radius: 4px;
}

.user-message {
    background-color: #dcf8c6;
    align-self: flex-end;
    max-width: 70%;
}

.chatbot-message {
    white-space: pre-line;
    word-wrap: break-word;
    background-color: #e5e5ea;
    align-self: flex-start;
    max-width: 70%;
}

.chat-messages {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pop-out-content .input-area {
    background-color: #f0f0f0; /* Slightly darker grey background for input area */
    padding: 10px 15px;
	display: inline-flex;
  	width: 100%;
}

.pop-out-content .content {
    /* padding: 15px;  */
    display: flex;
    flex-direction: column; /* Stack input and button vertically */
    align-items: flex-start;
}

.pop-out-content textarea {
    width: 100%; /* Full width of the input area */
    padding: 10px;
    border: None;
    border-radius: 4px;
    box-sizing: border-box;
	color: black;
}

.pop-out-content .content textarea {
	min-height: 200px;
}

.pop-out-content button {
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    background-color: #4CAF50; /* Green background for buttons */
    color: white;
    cursor: pointer;
    margin-top: 10px;
	
}

.pop-out-section button {
	background: #8bd9e3;
  color: white;
  border: 10px black;
  padding: 10px;
}

.highlight {
    background-color: #c39fea;
}

.pie-chart {
	width: 50px;
	border-radius: 50%;
	transform: rotate(-90deg);
	background-color: #f3f3f3;
	margin: 0 10px;
}

.pie-chart-background {
    fill: #f3f3f3;
}

.pie-chart-foreground {
    fill: none;
    stroke: #4CAF50;
    stroke-width: 32;
    animation: rotate 1.5s ease-in;
}

.lumin_tag_input ul { 
    display: flex; 
    flex-wrap: wrap; 
    list-style: none; 
    padding: 0; 
    margin: 8px 0 0 0; 
  } 
  
  .lumin_tag_input ul li { 
    margin-right: 8px; 
    margin-bottom: 8px; 
    padding: 8px; 
    background-color: #ddd;
    border-radius: 4px;
  }

  .visible-btns{
    display: flex;
    align-items: center;
    padding-top: 20px;
  }
  .visible-btns a, .visible-btns button{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    line-height: 1.2;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-left: 12px;
    transition: all ease 0.5s;
    /* background-image: linear-gradient(134deg, #4d64ce -22%, #8bd9e3 100%); */
    background-image: linear-gradient(134deg, #4d64ce -22%, #4d64ce 100%);
    border: 0;
    height: 50px;
    max-width: 150px;
    padding: 15px;
    border-radius: 5px;
  }

  .lumin_projects{
    display: flex;
    flex-wrap: wrap;
    padding: 0 14px 100px 46px;
  }
  .lumin_projects .lumin_project_item{
    max-width: calc(16.66% - 16px);
    min-width: calc(16.66% - 16px);
    background: #fff;
    box-shadow: 0px 100px 80px rgba(176, 177, 181, 0.07), 0px 41.7776px 33.4221px rgba(176, 177, 181, 0.0503198), 0px 22.3363px 17.869px rgba(176, 177, 181, 0.0417275), 0px 12.5216px 10.0172px rgba(176, 177, 181, 0.035), 0px 6.6501px 5.32008px rgba(176, 177, 181, 0.0282725), 0px 2.76726px 2.21381px rgba(176, 177, 181, 0.0196802);
    border-radius: 12px;
    padding: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .lumin_projects .lumin_project_item .head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative;
  }
  .lumin_projects .lumin_project_item .head ul{
    position: absolute;
    background: #fff;
    padding: 5px;
    box-shadow: 0px 4px 32px rgba(0, 16, 61, 0.16);
    border-radius: 8px;
    z-index: 300;
    top: 100%;
    right: 0;
    width: 150px;
  }
  .lumin_projects .lumin_project_item .head ul li{
    list-style: none;
  }
  .lumin_projects .lumin_project_item .head ul li a{
    display: flex;
    align-items: center;
    color: #16161E;
    font-size: 18px;
    line-height: 1;
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
  }
  .lumin_projects .lumin_project_item .head ul li a img{
    margin-right: 12px;
  }
  .lumin_projects .lumin_project_item .head ul li a:hover{
    background: #F2F3F7;
  }
  .lumin_projects .lumin_project_item .info .title{
    font-size: 18px;
    font-weight: 900;
    color: #2E2E3A;
    line-height: 22px;
    margin-bottom: 5px;
  }
  .lumin_projects .lumin_project_item .info .titlebreak{
    font-size: 18px;
    font-weight: 900;
    color: #2E2E3A;
    line-height: 22px;
    margin-bottom: 5px;
    word-break: break-all;
  }
  
  .lumin_projects .lumin_project_item .info .subtitle{
    font-size: 18px;
    font-weight: 400;
    color: #2E2E3A;
    line-height: 22px;
    font-family: 'Source Sans Pro', sans-serif;
  }

  #fullChart {
    width: calc(60vw);
    height: calc(60vw);
    margin: auto;
    position: relative;
  }

  #treeChart rect.parent {
    pointer-events: all !important;
  }

  .lumin_analysis_table{
    padding: 0 30px 20px 46px;
  }
  .lumin_analysis_table table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1px;
  }
  .lumin_analysis_table table tr td{
    background: #fff;
    padding: 5px 5px;
    vertical-align: top;
  }
  .lumin_analysis_table table thead tr td{
    padding: 5px 5px;
    color: #656575;
    font-size: 18px;
    line-height: 1;
    font-family: 'Source Sans Pro', sans-serif;
  }
  .lumin_analysis_table table tr td:first-child{
    border-radius: 3px 0 0 3px;
    width: 45px;
    padding-left: 15px;
  }
  .lumin_analysis_table table tr td:last-child{
    border-radius: 0 3px 3px 0;
    width: 80px;
    text-align: right!important;
    padding-right: 15px;
  }
  .lumin_analysis_table table tr td:nth-last-child(2),
  .lumin_analysis_table table tr td:nth-child(4),
  .lumin_analysis_table table tr td:nth-child(5){
    text-align: center;
  }
  .lumin_analysis_table table tbody tr td.cluster-text{
    font-family: 'Source Sans Pro', sans-serif;
    padding: 20px;
    font-size: large;
    max-width: 500px;
  }
  .lumin_analysis_table table tbody tr td{
    color: #2E2E3A;
    font-size: large;
    text-align: left!important;
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    padding: 20px;
    border-bottom: 1px lightgray solid;
  }
  .lumin_analysis_table table tbody tr:hover td,
  .lumin_analysis_table table tbody tr.active td{
    background: #D6EBE9;
  }
  .lumin_analysis_table table td p{
    display: inline-block;
    position: relative;
  }
  .lumin_analysis_table table td p input{
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    opacity: 0;
    left: 0;
    top: 0;
  }
  .lumin_analysis_table table td p input + label{
    width: 16px;
    height: 16px;
    display: block;
    background: url(images/icon_checkbox.svg) no-repeat;
    margin: 0;
  }
  .lumin_analysis_table table td p input:checked + label{
    background: url(images/icon_checkbox_checked.svg) no-repeat;
  }

  .data-box.selected{
    border: 5px solid #4d64ce;
  }
  .clusterfeedimagesview-scroll {
    height: calc(100vh - 100px);
  }



/* A generic blur box */
.blur-box {
    position: absolute;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    /* background-color: rgba(255, 255, 255, 0.2); Optional: Adds a slight tint to the blur */
    pointer-events: none;
}

/* Prevent blurring outside the container (if necessary) */
.image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.image-carousel {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.carousel-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.carousel-image {
  flex: 1;
  text-align: center;
}

.carousel-image img {
  max-width: 100%;
  max-height: 200px;
  object-fit: contain;
  cursor: pointer;
  transition: transform 0.2s;
}

.carousel-image img.selected {
  border: 3px solid #4CAF50;
  transform: scale(1.02);
}

.nav-button {
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  transition: background 0.3s;
}

.nav-button:hover {
  background: rgba(0,0,0,0.7);
}

.nav-button:disabled {
  background: rgba(0,0,0,0.2);
  cursor: not-allowed;
}

.carousel-counter {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.carousel-images {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 0 20px;
}

.image-item {
  position: relative;
  flex: 1;
  max-width: 33%;
}

.image-item img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  border-radius: 4px;
  transition: transform 0.2s;
  cursor: pointer;
}

.image-item img.selected {
  border: 3px solid #4CAF50;
  transform: scale(1.05);
}

.image-number {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0,0,0,0.6);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.carousel-container {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 8px;
}