.tmplt-sorting-container {
  display: none !important;
}
#d-signal .sp-signal-box-row-wrapper {
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-left: 0;
  padding-right: 0;
}
.sp-signal-box-column {
  width: 31.5%;
}
.sp-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  grid-auto-rows: minmax(100px, auto);
  padding: 0 35px;
}

.sp-row-tables {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(25px, auto);
}

.sp-full-column {
  grid-column-start: 1;
  grid-column-end: 3;
}

.sp-full-column-tables {
  grid-column-start: 1;
  grid-column-end: 3;
}

.sp-signal-box-body {
  border: #c9d6df 1px solid;
}

.sp-signal-box-header {
  text-align: right;
  padding-right: 15px;
  position: relative;
  z-index: 2;
}

.sp-signal-box-header span {
  font-size: 13px;
  line-height: 40px;
}

.sp-signal-box-header-buy {
  background: #47c2b1;
}

.sp-signal-box-header-sell {
  background: #ff8576;
}

.sp-signal-box-header-inactive,
.sp-signal-box-header-cancelled {
  background: #c9d6df;
}

.sp-signal-box-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  padding: 35px 20px 17px 0px;
  position: relative;
  top: -20px;
}

.sp-signal-box-title {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  display: flex;
  justify-content: right;
  align-items: end;
}

.sp-signal-box-title-buy {
}

.sp-signal-box-title-sell {
  /* color: #ff8576; */
}

.sp-signal-box-title-inactive,
.sp-signal-box-title-cancelled {
  color: #c9d6df;
}

.sp-signal-box-body span {
  font-size: 10px;
}

.sp-signal-box-title span,
.sp-signal-box-header span {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.sp-signal-box-button {
  background: #ffc619;
  width: fit-content;
  grid-column-start: 1;
  grid-column-end: 3;
  justify-self: center;
  height: 27px;
  text-align: center;
}

.tup-disclaimer {
  margin: 50px 0 75px;
  border: 1px solid #000;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
}

.full-column-table-title {
  background: #81bd00;
}

.sp-tables-title {
  font-size: 13px;
  color: #fff;
  margin: 10px 50px !important;
}

.performance-table {
  font-size: 11px;
}

.performance-table tr th {
  background: #e8eef5;
  color: #222222;
  font-weight: bold;
}

.performance-table tr td {
  background: #effcf0;
  color: #222222;
  cursor: pointer;
  text-align: center;
}

.performance-table tr td:last-child {
  background: #effcf0;
  color: #336507;
  font-weight: bold;
  cursor: default;
}

.sp-modal-guts table tr td:last-child._green {
  color: #336507;
}

.performance-table tr td:last-child._red,
.sp-modal-guts table tr td:last-child._red {
  color: #ff8576;
}

.performance-table tr td:first-child {
  background: #ffffff;
  color: #222222;
  cursor: default;
}

.performance-table tr:nth-child(2) {
  font-style: italic;
}

.performance-table tr th:last-child,
.performance-table tr td:last-child {
  border-right: 1px solid #eee !important;
}

.sp-buttons-container {
  border: solid 1px #000000;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  grid-auto-rows: minmax(25px, auto);
}

.sp-table-botbar-title {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

.sp-table-botbar-title p,
.sp-table-botbar-button p {
  line-height: 25px;
  margin-bottom: 0px !important;
}

.sp-table-botbar-button {
  cursor: pointer;
  background: #2d2d2d;
  color: #ffffff;
  text-align: center;
  text-decoration: underline;
  font-size: 10px;
}

.sp-table-botbar-button.inactive {
  cursor: not-allowed;
  pointer-events: none;
}

.sp-modal {
  display: block;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  background: white;
  box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
  padding-bottom: 20px;
}

.sp-modal.closed {
  display: none;
}

.sp-modal .sp-close-button {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  right: 10px;
}

.sp-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: rgba(0, 0, 0, 0.35);
}

.sp-modal-guts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.sp-signal-box-load-more-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 1 / 3;
}

.sp-signal-box-load-more {
  font-weight: bold;
  padding: 7px 14px;
  background: #e6e6e6;
  border-radius: 5px;
  cursor: pointer;
}

/* Skeleton loading styles */
.skeleton-loading {
  background-color: #f0f0f0; /* Background color for the skeleton */
  animation: loading 1s infinite alternate; /* Animation for a loading effect */
  border-radius: 5px;
  margin: 0.5rem;
}

.sp-signal-box-column.skeleton-loading {
  height: 209px;
}

.sp-signal-box-header.skeleton-loading {
  height: 29px;
  width: 100%;
  margin: 0;
}

.sp-signal-box-body.skeleton-loading {
  height: 178px;
}

#signalbox-wrap {
  margin-bottom: 20px;
}
/*April 2025*/
#signalbox-wrap {
  position: relative; /* For positioning the bullets */
  padding-top: 20px;
  /* margin: auto -16px; */
  direction: rtl !important;
}
#signalbox-wrap .sp-row {
  grid-template-columns: repeat(1, 1fr);
  padding: 0px 0px;
  margin-bottom: 95px;
}

.sp-signal-box-slider-wrapper {
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
  scroll-snap-type: x mandatory; /* Optional: For snapping to the start of each column */
  /* margin-bottom: 40px; */ /* Space for load more and bullets */
}

.sp-signal-box-column {
  flex: 0 0 auto; /* Don't grow or shrink, maintain width */
  width: 31.5%; /* Adjust as needed for the visible width of each card */
  margin-right: 10px; /* Spacing between columns */
  scroll-snap-align: start; /* Optional: For snapping alignment */
  display: inline-block;
  margin-left: 15px;
}

.sp-signal-box-column:first-of-type {
  /* margin-right: 0px; */
}
.sp-signal-box-column:last-of-type {
  margin-left: 0px;
  /* margin-right: 15px; */
}
.sp-signal-box-load-more-wrapper {
  text-align: center;
  margin-bottom: 10px;
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: -50px;
  align-items: center;
  width: 100%;
}

.sp-signal-box-load-more {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

.slider-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; /* Ensure bullets are above content */
}

.slider-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
  border: 1px solid #ccc;
}

.slider-bullet.active {
  background-color: #007bff; /* Highlighted color */
  border-color: #007bff;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.sp-signal-box-load-more {
  display: inline-block;
  padding: 6px 30px;
  border: 1px solid #a67f20; /* Solid dark gold border */
  border-radius: 1px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  color: #333; /* Dark text for contrast */
  background: linear-gradient(
    45deg,
    #a67f20,
    #ddc03b,
    #a67f20
  ); /* Diagonal gold gradient */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
  transition: background 0.3s ease; /* Smooth transition for hover effect */
}

.sp-signal-box-load-more:hover {
  background: linear-gradient(
    45deg,
    #ddc03b,
    #a67f20,
    #ddc03b
  ); /* Reverse gradient on hover */
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.sp-signal-box-load-more:active {
  background: linear-gradient(
    45deg,
    #8a671a,
    #ddc03b,
    #8a671a
  ); /* Slightly darker on active */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transform: translateY(1px); /* Small push down effect */
}

.slider-bullets .slider-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(155, 127, 31, 0.5); /* Default gold with 50% opacity */
  cursor: pointer;
  border: 1px solid rgba(155, 127, 31, 0.8); /* Slightly more opaque border */
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease; /* Smooth transition */
}

.slider-bullets .slider-bullet.active {
  background-color: #ddc03b; /* Your active gold color */
  border-color: #a67f20; /* Your active gold border color */
}

CSS .slider-bullets .slider-bullet.active {
  background: linear-gradient(
    69.96deg,
    #a67f20 8.88%,
    #ddc03b 50.56%,
    #a67f20 87.44%
  );
  border-color: #a67f20; /* Optional: Keep a consistent border color */
}

.sp-signal-box-slider-wrapper {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* Standard */
  cursor: grab; /* Initial cursor */
}

.sp-signal-box-slider-wrapper.dragging {
  cursor: grabbing;
}
/*Signal Card*/
/* Badge */
.sp-signal-box-title {
  width: 139px;
  height: 40px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  position: relative;
}
.sp-signal-box-header {
  width: 200px;
  height: 41px;
  flex: none;
  order: 0;
  flex-grow: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='200' height='41' viewBox='0 0 200 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H200V40.5H14.3042L0 0.5Z' fill='url(%23paint0_linear_18_487)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_18_487' x1='2.30782e-06' y1='9.5' x2='55.6648' y2='111.006' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0325183' stop-color='%23A67F20'/%3E%3Cstop offset='0.505' stop-color='%23DDC03B'/%3E%3Cstop offset='0.923049' stop-color='%23A67F20'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.sp-signal-box-title.sp-signal-box-title-buy {
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='139' height='41' viewBox='0 0 139 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.5H139V0.5H9.94139L0 40.5Z' fill='%23008253'/%3E%3C/svg%3E");
  background-size: cover; /* Ensure the SVG fills the element */
  background-repeat: no-repeat;
  margin-bottom: -1px;
}
.sp-signal-box-title.sp-signal-box-title-sell {
  /* background: #D83A2F!important; */
  background-image: url("data:image/svg+xml,%3Csvg width='139' height='41' viewBox='0 0 139 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.5H139V0.5H9.94139L0 40.5Z' fill='%23D83A2F'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -1px;
}
.sp-signal-box-title span {
  line-height: 40px;
}
.sp-signal-box-title:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.30174H4.30981L9.70105 11.732L15.0496 7.1975L20.3129 8.72637H23M20.3214 14.2685V11.7667M20.3214 5.67731V3.17552M18.7518 6.98033V5.67731H21.8825V7.0672M21.8825 10.29V11.7754H18.7518V9.73403M15.0582 14.0948V11.593M15.0582 3.00179V0.5M13.4886 6.407V3.00179H16.6192V5.73812M16.6192 9.13464V11.593H13.4886V10.4637M9.70958 17.5V14.9982M9.70958 7.65789V5.15611M8.13998 8.67425V7.65789H11.2706V8.81323M11.2706 12.5485V14.9982H8.13998V12.2358M4.30981 14.0948V11.593M4.30981 3.00179V0.5M2.74874 6.00741V3.00179H5.87941V6.70235M5.87941 10.1684V11.593H2.74874V8.66556M4.82164 7.31911C4.82164 7.60577 4.59131 7.84032 4.30981 7.84032C4.02831 7.84032 3.79798 7.60577 3.79798 7.31911C3.79798 7.03245 4.02831 6.7979 4.30981 6.7979C4.59131 6.7979 4.82164 7.03245 4.82164 7.31911ZM10.2129 11.732C10.2129 12.0187 9.98255 12.2532 9.70105 12.2532C9.41954 12.2532 9.18922 12.0187 9.18922 11.732C9.18922 11.4453 9.41954 11.2108 9.70105 11.2108C9.98255 11.2108 10.2129 11.4453 10.2129 11.732ZM15.5615 7.1975C15.5615 7.48416 15.3311 7.7187 15.0496 7.7187C14.7681 7.7187 14.5378 7.48416 14.5378 7.1975C14.5378 6.91083 14.7681 6.67629 15.0496 6.67629C15.3311 6.67629 15.5615 6.91083 15.5615 7.1975ZM20.8247 8.72637C20.8247 9.01303 20.5944 9.24757 20.3129 9.24757C20.0314 9.24757 19.8011 9.01303 19.8011 8.72637C19.8011 8.4397 20.0314 8.20516 20.3129 8.20516C20.5944 8.20516 20.8247 8.4397 20.8247 8.72637Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; /* Prevent the image from repeating */
  background-position: center; /* Adjust as needed (e.g., left top, right bottom) */
  /* You might also want to set a size for the background if the element's size differs from the SVG's */
  background-size: 24px 18px;
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 5px;
}

.sp-signal-box-title:after {
  /* content: ''; */
  position: absolute;
  top: -42px;
  left: -8px;
  transform: translateX(-50%) translateY(100%) rotate(180deg); /* Center and position below */
  border-left: 5px solid transparent; /* Half of the desired height */
  border-right: 20px solid transparent; /* Half of the desired height */
  border-bottom: 0px solid #008253; /* The height of the triangle */
  /* Adjust size and position as needed */
  border-top: 42px solid #008253;
}
.sp-signal-box-title-sell:after {
  /* border-left: 0px solid transparent; */ /* Half of the desired height */
  border-right: 20px solid transparent; /* Half of the desired height */
  border-top: 42px solid #d83a2f;
}
.sp-signal-box-header:after {
  /* content: ''; */
  position: absolute;
  top: -40px;
  left: -9px;
  transform: translateX(-50%) translateY(100%) rotate(180deg); /* Center and position below */
  border-left: 0px solid transparent; /* Half of the desired height */
  border-right: 19px solid transparent; /* Half of the desired height */
  border-bottom: 40px solid #a67f20f2; /* The height of the triangle */
  /* Adjust size and position as needed */
}
/* Default styles (for larger screens, if needed) */
.sp-signal-box-slider-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory; /* Optional */
  padding: 0;
  margin: 0;
}

.sp-signal-box-column {
  flex: 0 0 auto;
  width: /* Define default card width */;
  margin-right: 10px; /* Default spacing */
  scroll-snap-align: start; /* Optional */
}
.sp-signal-box-column .sp-signal-box-body {
  border: 2px solid #d83a2f;
}
.sp-signal-box-column .sp-signal-box-body.sp-signal-box-title-buy {
  border: 2px solid #008253;
}
.sp-signal-box-body > div:nth-child(even) {
  font-weight: 400; /* Normal font weight for even children */
  text-align: left;
  margin-left: 20px;
}
.sp-signal-box-body > div:nth-child(even) span {
  font-size: 14px;
  text-align: left;
  /* padding-left: 20px; */
}

.sp-signal-box-body > div:nth-child(odd) {
  font-weight: bolder; /* Semi-bold font weight for odd children */
}
.sp-signal-box-body > div:nth-child(odd) span {
  font-size: 15px;
}

.sp-signal-box-title {
  width: 139px;
  height: 40px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  position: relative;
}
.sp-signal-box-header {
  width: 200px;
  height: 41px;
  flex: none;
  order: 0;
  flex-grow: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='200' height='41' viewBox='0 0 200 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H200V40.5H14.3042L0 0.5Z' fill='url(%23paint0_linear_18_487)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_18_487' x1='2.30782e-06' y1='9.5' x2='55.6648' y2='111.006' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0325183' stop-color='%23A67F20'/%3E%3Cstop offset='0.505' stop-color='%23DDC03B'/%3E%3Cstop offset='0.923049' stop-color='%23A67F20'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.sp-signal-box-title.sp-signal-box-title-buy {
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='139' height='41' viewBox='0 0 139 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.5H139V0.5H9.94139L0 40.5Z' fill='%23008253'/%3E%3C/svg%3E");
  background-size: cover; /* Ensure the SVG fills the element */
  background-repeat: no-repeat;
  margin-bottom: -1px;
}
.sp-signal-box-title.sp-signal-box-title-sell {
  /* background: #D83A2F!important; */
  background-image: url("data:image/svg+xml,%3Csvg width='139' height='41' viewBox='0 0 139 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.5H139V0.5H9.94139L0 40.5Z' fill='%23D83A2F'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -1px;
}
.sp-signal-box-title span {
  line-height: 40px;
}
.sp-signal-box-title:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.30174H4.30981L9.70105 11.732L15.0496 7.1975L20.3129 8.72637H23M20.3214 14.2685V11.7667M20.3214 5.67731V3.17552M18.7518 6.98033V5.67731H21.8825V7.0672M21.8825 10.29V11.7754H18.7518V9.73403M15.0582 14.0948V11.593M15.0582 3.00179V0.5M13.4886 6.407V3.00179H16.6192V5.73812M16.6192 9.13464V11.593H13.4886V10.4637M9.70958 17.5V14.9982M9.70958 7.65789V5.15611M8.13998 8.67425V7.65789H11.2706V8.81323M11.2706 12.5485V14.9982H8.13998V12.2358M4.30981 14.0948V11.593M4.30981 3.00179V0.5M2.74874 6.00741V3.00179H5.87941V6.70235M5.87941 10.1684V11.593H2.74874V8.66556M4.82164 7.31911C4.82164 7.60577 4.59131 7.84032 4.30981 7.84032C4.02831 7.84032 3.79798 7.60577 3.79798 7.31911C3.79798 7.03245 4.02831 6.7979 4.30981 6.7979C4.59131 6.7979 4.82164 7.03245 4.82164 7.31911ZM10.2129 11.732C10.2129 12.0187 9.98255 12.2532 9.70105 12.2532C9.41954 12.2532 9.18922 12.0187 9.18922 11.732C9.18922 11.4453 9.41954 11.2108 9.70105 11.2108C9.98255 11.2108 10.2129 11.4453 10.2129 11.732ZM15.5615 7.1975C15.5615 7.48416 15.3311 7.7187 15.0496 7.7187C14.7681 7.7187 14.5378 7.48416 14.5378 7.1975C14.5378 6.91083 14.7681 6.67629 15.0496 6.67629C15.3311 6.67629 15.5615 6.91083 15.5615 7.1975ZM20.8247 8.72637C20.8247 9.01303 20.5944 9.24757 20.3129 9.24757C20.0314 9.24757 19.8011 9.01303 19.8011 8.72637C19.8011 8.4397 20.0314 8.20516 20.3129 8.20516C20.5944 8.20516 20.8247 8.4397 20.8247 8.72637Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; /* Prevent the image from repeating */
  background-position: center; /* Adjust as needed (e.g., left top, right bottom) */
  /* You might also want to set a size for the background if the element's size differs from the SVG's */
  background-size: 24px 18px;
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 5px;
}

.sp-signal-box-title:after {
  /* content: ''; */
  position: absolute;
  top: -42px;
  left: -8px;
  transform: translateX(-50%) translateY(100%) rotate(180deg); /* Center and position below */
  border-left: 5px solid transparent; /* Half of the desired height */
  border-right: 20px solid transparent; /* Half of the desired height */
  border-bottom: 0px solid #008253; /* The height of the triangle */
  /* Adjust size and position as needed */
  border-top: 42px solid #008253;
}
.sp-signal-box-title-sell:after {
  /* border-left: 0px solid transparent; */ /* Half of the desired height */
  border-right: 20px solid transparent; /* Half of the desired height */
  border-top: 42px solid #d83a2f;
}
.sp-signal-box-header:after {
  /* content: ''; */
  position: absolute;
  top: -40px;
  left: -9px;
  transform: translateX(-50%) translateY(100%) rotate(180deg); /* Center and position below */
  border-left: 0px solid transparent; /* Half of the desired height */
  border-right: 19px solid transparent; /* Half of the desired height */
  border-bottom: 40px solid #a67f20f2; /* The height of the triangle */
  /* Adjust size and position as needed */
}
/* Default styles (for larger screens, if needed) */
.sp-signal-box-slider-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory; /* Optional */
  padding: 0;
  margin: 0;
}

.customed-signals .sp-signal-box-column {
  flex: unset;
  margin-right: 0 !important; /* Default spacing */
  /* Optional */
  scroll-snap-align: unset;
  width: calc((100% / 3) - 30px);
}
.customed-signals .sp-signal-box-column .sp-signal-box-body-content {
  border: 2px solid #d83a2f;
  transform: translateY(-20px);
  padding: 35px 20px 17px;
  gap: 7px;
  display: flex;
  flex-direction: column;
}
.customed-signals
  .sp-signal-box-column
  .sp-signal-box-body-content.sp-signal-box-title-buy {
  border: 2px solid #008253;
}

.customed-signals .sp-signal-box-column .sp-signal-box-body-content > div {
  display: flex;
  justify-content: space-between;
}
.customed-signals .sp-signal-box-column .sp-signal-box-body-content div span {
  font-weight: bolder;
  font-size: 15px;
}

.customed-signals .sp-signal-box-column .sp-signal-box-body-content div p {
  font-weight: 400;
  text-align: left;
  margin-left: 0;
}

#signalbox-wrap.customed-signals #d-signal {
  display: block;
  margin-bottom: 0;
}
.customed-signals #d-signal .sp-signal-box-row-wrapper {
  scrollbar-width: unset;
  display: flex;
  overflow-x: unset;
  scroll-snap-type: x mandatory;
  padding-left: 0;
  padding-right: 0;
  display: block;
  scroll-snap-type: unset;
  flex-wrap: wrap;
  gap: 40px;
}

.sp-signal-box-load-more {
  display: inline-block;
  padding: 6px 30px;
  border: 1px solid #a67f20;
  border-radius: 1px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  color: #333;
  background: linear-gradient(45deg, #a67f20, #ddc03b, #a67f20);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease;
}

.customed-signals .sp-signal-box-load-more-wrapper {
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  bottom: 0;
  align-items: center;
  width: 100%;
}

.customed-signals .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 1rem;
  width: 100%;
}

.customed-signals .slick-dots li {
  width: 1rem;
  height: 0.25rem;
  margin: 0 0.25rem;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(155, 127, 31, 0.5); /* Default gold with 50% opacity */
  cursor: pointer;
  border: 1px solid rgba(155, 127, 31, 0.8); /* Slightly more opaque border */
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease; /* Smooth transition */
}
.customed-signals .slick-dots li button {
  opacity: 0;
}
.customed-signals .slick-dots li.slick-active {
  background-color: #ddc03b; /* Your active gold color */
  border-color: #a67f20; /* Your active gold border color */
}

.sp-signal-box-load-more-wrapper.customed {
  bottom: unset !important;
  position: relative !important;
  margin-bottom: 16px;
}

@media screen and (max-width: 1540px) {
  .customed-signals .sp-signal-box-column {
    flex: unset;
    scroll-snap-align: unset;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: unset;
  }
  .customed-signals .sp-signal-box-load-more-wrapper {
    bottom: unset !important;
  }
  .slick-track {
    display: flex !important;
    float: none !important;
  }
  .sp-signal-box-row-wrapper.mobile-carousel-wrapper {
    display: block;
  }
  .customed-signals .sp-signal-box-column {
    width: 300px;
  }
  .customed-signals .slick-list {
    padding: 0 !important;
    /* padding: 0 50px !important; */ /* Adjust this to show pieces of side cards */
  }

  .slick-track:has([data-slick-index="0"].slick-current) {
    transform: translate3d(0px, 0px, 0px) !important;
  }
}
@media screen and (max-width: 1499px) {
  .customed-signals .sp-signal-box-column {
    width: 280px;
  }
}
.mobile-carousel-card {
  touch-action: pan-y;
  user-select: none;
  -webkit-user-drag: none;
}
.mobile-carousel-card {
  margin-right: 10px !important;
  margin-left: 10px !important;
  outline: none;
}
.signal-row {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.signal-v2-slider {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: clip;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
}
.signal-v2-slider div.signal-v2-item {
  width: 300px;
  display: inline-block;
  margin: 0 10px;
}

/* header */
.signal-v2-topwrap {
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}
.signal-v2-slider div.signal-v2-header:before {
  content: "";
  background-image: url("/wp-content/themes/sahifa-child/frontend/img/signal-symbol.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 18px;
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 5px;
}
.signal-v2-slider div.signal-v2-header {
  width: 139px;
  height: 40px;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: -1px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  align-items: center;
}
.signal-v2-slider div.signal-v2-header.__sell {
  background-image: url("data:image/svg+xml,%3Csvg width='139' height='41' viewBox='0 0 139 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.5H139V0.5H9.94139L0 40.5Z' fill='%23D83A2F'/%3E%3C/svg%3E");
}
.signal-v2-slider div.signal-v2-header.__buy {
  background-image: url("data:image/svg+xml,%3Csvg width='139' height='41' viewBox='0 0 139 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40.5H139V0.5H9.94139L0 40.5Z' fill='%23008253'/%3E%3C/svg%3E");
}
/* pair */
.signal-v2-slider div.signal-v2-pair {
  width: 200px;
  height: 41px;
  display: flex;
  align-items: center;
  padding-right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='200' height='41' viewBox='0 0 200 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H200V40.5H14.3042L0 0.5Z' fill='url(%23paint0_linear_18_487)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_18_487' x1='2.30782e-06' y1='9.5' x2='55.6648' y2='111.006' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0325183' stop-color='%23A67F20'/%3E%3Cstop offset='0.505' stop-color='%23DDC03B'/%3E%3Cstop offset='0.923049' stop-color='%23A67F20'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
.signal-v2-slider div.signal-v2-pair.__sell {
}
.signal-v2-slider div.signal-v2-pair.__buy {
}
/* content */
.signal-v2-slider div.signal-v2-content {
  background: #fff;
  border: 2px solid #d83a2f;
  transform: translateY(-20px);
  padding: 35px 20px 17px;
  gap: 7px;
  display: flex;
  flex-direction: column;
}
.signal-v2-slider div.signal-v2-content.__sell {
}
.signal-v2-slider div.signal-v2-content.__buy {
  border: 2px solid #008253;
}

.signal-v2-slider div.signal-v2-content > div {
  display: flex;
  justify-content: space-between;
}
.signal-v2-slider div.signal-v2-content > div span {
  font-weight: bolder;
  font-size: 15px;
}

.signal-v2-slider div.signal-v2-content > div p {
  font-weight: 400;
  text-align: left;
  margin-left: 0;
}

.signal-v2-slider .slick-dots {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 1rem;
  width: 100%;
  opacity: 0;
}

.signal-v2-slider .slick-dots li {
  width: 1rem;
  height: 0.25rem;
  margin: 0 0.25rem;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(155, 127, 31, 0.5); /* Default gold with 50% opacity */
  cursor: pointer;
  border: 1px solid rgba(155, 127, 31, 0.8); /* Slightly more opaque border */
  transition:
    background-color 0.3s ease,
    border-color 0.3s ease; /* Smooth transition */
}
.signal-v2-slider .slick-dots li button {
  opacity: 0;
}
.signal-v2-slider .slick-dots li.slick-active {
  background-color: #ddc03b; /* Your active gold color */
  border-color: #a67f20; /* Your active gold border color */
}

.signal-v2-slider:has(.signal-v2-item:nth-child(2)) .slick-dots {
  opacity: 1;
}