[v-cloak] {
  display: none;
}
@media (min-width: 768px) {
  .sp-signal-box-slider-wrapper {
      overflow-x: hidden; /* Disable horizontal scroll on larger screens */
      scroll-snap-type: none;
      /* flex-wrap: wrap; */ /* Allow items to wrap to the next line */
      /* margin-bottom: 40px; */ /* Adjust spacing */
  }
  .sp-signal-box-slider-wrapper {
    padding: 0 15px; /* Add side padding on mobile */
    margin: 0 -15px; /* Negative side margin on mobile */
  }

  /* Hide bullets if there are few enough columns that they don't overflow */
  .sp-signal-box-slider-wrapper:has(.sp-signal-box-column:nth-child(1):only-child),
  .sp-signal-box-slider-wrapper:has(.sp-signal-box-column:nth-child(2):only-child),
  .sp-signal-box-slider-wrapper:has(.sp-signal-box-column:nth-child(2) ~ .sp-signal-box-column:not(:nth-child(2))) {
      /* This is a bit complex and depends on how many usually fit */
      /* A more robust CSS-only solution for dynamic content is harder */
      /* You might need to adjust the nth-child selectors based on your layout */
      /* For example, if 2 columns fit without scroll: */
      &:not(:has(.sp-signal-box-column:nth-child(3))) + .slider-bullets {
          display: none !important;
      }
  }

  .slider-bullets {
      /* display: none !important; */ /* Hide bullets on larger screens */
  }

  .hmcab-horizontal {
    display: grid;
    gap: 10px;
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
  } 
  .intl-tel-input {
    position: relative;
    display: block;
  }
  .hmcab-horizontal span:nth-child(1) {
      grid-column-start:1;
      grid-column-end: 5
  }

  .hmcab-horizontal span:nth-child(2) {
      grid-column-start: 11;
      grid-column-end: 1;
  }

  .hmcab-horizontal span:nth-child(3) {
      grid-column-start: 11;
      grid-column-end: 1;
  }

  .hmcab-horizontal span:nth-child(4) {
      grid-column-start: 11;
      grid-column-end: 1;
  }

  .hmcab-horizontal span:nth-child(5) {
      grid-column-start: 10;
      grid-column-end: 1;
      max-width: 100%!important;
  }

  .has-sorting-list .broker-list-container {
      max-width: unset
  }

  .has-sorting-list .broker-list-button-link {
      max-width: 85px
  }
 
  .end-of-list-desktop{
    display:inherit;
  } 
  .end-of-list-mobile{
      display:none;
  }
}
@media (min-width: 992px) {
  .sp-signal-box-column {
      flex: 0 1 calc(33.33% - 20px); /* Three columns on large screens */
  }

  .sp-signal-box-column:nth-child(even) {
      margin-right: 15px;
  }

  .homepage-top-sidebar,.homepage-bottom-sidebar {
      display:block;
      visibility: visible
  }

  .homepage-bottom-sidebar+aside {
      display: none;
      visibility: hidden
  }

  aside .hmcab-horizontal .intl-tel-input .country-list,.hmcab-vertical .intl-tel-input .country-list {
      right:unset;
      left: 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 10px 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;
}

#signalboxes {
  margin-bottom: 20px;
}
/*April 2025*/
#signalboxes {
  position: relative; /* For positioning the bullets */
  padding-top: 20px;
  /* margin: auto -16px; */
}
#signalboxes .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: 30px;
}
.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;
}

/*form style*/
.hmcab-vertical-container .screen-reader-response,.hmcab-horizontal-container .screen-reader-response {
  display: none
}

.hmcab-vertical,.hmcab-horizontal {
  direction: rtl;
}

.hmcab-vertical input[type="email"],.hmcab-vertical input[type="tel"],.hmcab-vertical input[type="url"],.hmcab-horizontal input[type="email"],.hmcab-horizontal input[type="tel"],.hmcab-horizontal input[type="url"] {
  direction: rtl
}

.hmcab-horizontal {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.hmcab-horizontal span:nth-child(n+7),.hmcab-horizontal p:first-child, .hmcab-horizontal .wpcf7-submit, .hmcab-horizontal .wpcf7-spinner {
  grid-column-start: 11;
  grid-column-end: 1;
}

.hmcab-horizontal span:nth-child(2) {
  grid-column-start: 6;
  grid-column-end: 1;
}

.hmcab-horizontal span:nth-child(3) {
  grid-column-start: 11;
  grid-column-end: 6;
}

.hmcab-horizontal span:nth-child(4) {
  grid-column-start: 6;
  grid-column-end: 1;
}
.hmcab-horizontal span:nth-child(5) {
  grid-column-start: 10;
  grid-column-end: 6;
}
.hmcab-horizontal span:nth-child(6) {
  grid-column-start: 11;
  grid-column-end: 10;
  background: #fff;
  max-height: 40px;
  border: 1px solid #A67F20;
}
.hmcab-vertical span:nth-child(-n+4),.hmcab-vertical span:nth-child(n+7) {
  grid-column-start: 1;
  grid-column-end: 3
}

.hmcab-vertical p {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: center
}

.hmcab-horizontal p {
  padding-bottom: 0;
  margin-bottom: 0
}

.hmcab-vertical a,.hmcab-horizontal a {
  color: #15418f
}

.hmcab-vertical-container .widget-top .stripe-line {
  display: none
}

.hmcab-vertical-container .widget-top .widget-top__title,.hmcab-vertical-container .widget-top h4 {
  margin-bottom: 10px
}

.hmcab-vertical-container .widget-container,.hmcab-horizontal-container {
  background: #FAFAED!important;
  box-shadow: 1px 1px 8px rgba(0,0,0,.15)!important;
  padding: 16px;
  border-radius: 0;
  border: none!important;
  margin-top: 30px;
  margin-bottom: 30px;
}

.hmcab-vertical .form-title,.hmcab-horizontal .form-title {
  display: block;
  font-size: 14px;
  text-align: right;
  color: #2d2d2d;
  padding: 0
}

.hmcab-vertical .form-title {
  padding: 0 40px 7px
}

.hmcab-vertical input[type="text"],.hmcab-vertical input[type="email"],.hmcab-vertical input[type="tel"],.hmcab-horizontal input[type="text"],.hmcab-horizontal input[type="email"],.hmcab-horizontal input[type="tel"] {
  background: #fff;
  border-radius: 0px;
  min-height: 40px;
  border: 1px solid #A67F20;
  width: 100%;
  padding: 8px 16px;
  margin-bottom: 0
}

.hmcab-vertical input[type="checkbox"],.hmcab-horizontal input[type="checkbox"] {
  margin-left: 10px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  padding: unset;
  margin: unset;
  border: unset;
  background: unset;
}

.hmcab-vertical .intl-tel-input input[type="text"] {
  margin-bottom: 7px!important
}

.hmcab-vertical::-webkit-input-placeholder,.hmcab-horizontal::-webkit-input-placeholder {
  color: #7a7a7a!important;
  font-weight: 400;
  font-size: 14px;
  opacity: 1
}

.hmcab-vertical input[type="submit"],.hmcab-horizontal input[type="submit"] {
  width: 50%!important;
  /* background: #A67F20!important; */
  border-radius: 2px!important;
  font-size: 16px!important;
  color: #000!important;
  line-height: 28px!important;
  max-width: 160px;
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  /* Apply linear gradient background */
  background-image: linear-gradient(309deg, #A67F20 0%, #DDC03B 50%, #A67F20 100%); /* Example gradient: left to right */
  color: white; /* Adjust text color for better contrast */
  border: none; /* Remove default border if desired */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional: Add a subtle shadow */
  font-weight: 600;
  cursor: pointer;
}

.hmcab-vertical input[type="submit"]:hover,.hmcab-horizontal input[type="submit"]:hover {
  /* Hover effect with a slightly different gradient or brightness */
  background-image: linear-gradient(to right, #b38c28, #e6cc47); /* Slightly lighter on hover */
}

.hmcab-horizontal .flag-container,.hmcab-vertical .flag-container {
  position: relative;
  float: left;
  height: 38px;
  background: #fff;
  border-radius: 4px;
  padding: 9px;
}

.hmcab-horizontal .intl-tel-input .selected-flag,.hmcab-vertical .intl-tel-input .selected-flag {
  padding: 0
}

.hmcab-horizontal .intl-tel-input .selected-flag .iti-flag,.hmcab-vertical .intl-tel-input .selected-flag .iti-flag {
  left: 8px
}

.hmcab-horizontal .intl-tel-input input[type="text"],.hmcab-vertical .intl-tel-input input[type="text"] {
  /* margin-left: 8px; */
  position: absolute;
  width: 100%;
  padding: 8px 6px 8px 16px;
  pointer-events: none;
  border-radius: 4px 0 0 4px;
  float: left;
  display: none;
}

.hmcab-horizontal .intl-tel-input .country-list,.hmcab-vertical .intl-tel-input .country-list {
  text-align: right
}

.hmcab-horizontal .intl-tel-input .country-list .highlight,.hmcab-vertical .intl-tel-input .country-list .highlight {
  color: #999
}

.hmcab-horizontal .intl-tel-input .error,.hmcab-vertical .intl-tel-input .error {
  float: right
}

.hmcab-horizontal .intl-tel-input .dial-code,.hmcab-vertical .intl-tel-input .dial-code {
  direction: ltr;
  color: #7a7a7a;
  font-weight: 400;
  font-size: 14px
}

.hmcab-horizontal input[type="tel"],.hmcab-vertical input[type="tel"] {
  border-radius: 0 4px 4px 0
}

.homepage-top-sidebar,.homepage-bottom-sidebar {
  display: none;
  visibility: hidden
}

.widget-top h4,.widget-top .widget-top__title,.cat-box-title h2,.share-post span.share-text,#buddypress #item-body h4,.breaking-news span.breaking-news-title,.page-title,.post-title,.block-head h3,.comments__title,.related-posts__title,#author-box .block-head .author-box__title,#respond .comment-reply-title,.weather_name,.slider-caption h2 a,.slider-caption h2,.full-width .content .slider-caption h2,.ei-title h2,.sitemap-col h2,ul.authors-wrap li h3,.footer-widget-top h4,.footer-widget-top .footer-widget-top__title {
  font-family: "droid arabic naskh"
}

.hmcab-horizontal .intl-tel-input .country-list,.hmcab-vertical .intl-tel-input .country-list {
  left: 0;
  z-index: 999
}
#desktop-signals{
  margin-top: 20px;
}
#desktop-signals .carousel-indicators{
  display: none;
}
#mobile-signals {
  margin-top: 20px;
  display: none;
}
.intl-tel-input {
  position: relative;
  /* display: inline-block; */
}
.end-of-list-desktop{
  display:none;
}
/* Carousel Indicator Styles */
.carousel-indicators {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.carousel-indicator {
  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 */

}

.carousel-indicator.active {
  background-color: #ddc03b; /* Your active gold color */
  border-color: #A67f20; /* Your active gold border color */
  }

.tmplt-sorting-container{
  display: none;
}
@keyframes loading {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 1539px) {
  #desktop-signals .carousel-indicators{display: none;}
  #mobile-signals .carousel-indicators{display: none;}
  .end-of-list-desktop{
    display: block;
  }
  .end-of-list-mobile{display: none;}
  #desktop-signals {
      display: none;
  }

  #mobile-signals {
      display: block;
  }

  .mobile-carousel-wrapper {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-left: 0;
      padding-right: 0;
  }

  .mobile-carousel-wrapper::-webkit-scrollbar {
      display: none;
  }

  .mobile-carousel-wrapper {
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .mobile-carousel-card {
      flex: 0 0 47%;
      scroll-snap-align: start;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
  }
  .carousel-indicators{
    display: flex;
  }
}
@media (max-width: 1499px) {
  #desktop-signals {
      display: none;
  }
  #mobile-signals {
    display: block;
}
}
@media only screen and (max-width: 1160px) {
  aside .hmcab-horizontal .intl-tel-input .country-list,.hmcab-vertical .intl-tel-input .country-list {
      right:0;
      left: unset
  }
}


@media screen and (max-width: 1024px) {
    #signalboxes {
      margin: auto auto 20px -88px;
    }
  .sp-signal-box-load-more-wrapper {
    grid-column: unset;
    bottom: -74px!important;
  }
  .mobile-carousel-card {
    flex: 0 0 45.2%;
  }
#desktop-signals .sp-signal-box-row-wrapper {
      scrollbar-width: none;
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-left: 0;
      padding-right: 0;
  }
    .end-of-list-desktop{
      display: none;
    }
  .sp-row-tables {
    overflow-y: scroll;
  }

  .sp-row {
    grid-template-columns: 1fr;
  }
  .carousel-indicators{
  display: flex;
  }
}
@media (max-width: 820px) {

.sp-signal-box-column:nth-child(even) {
    margin-left: 20px;
}
.sp-signal-box-column:last-of-type{
  margin-right: 0px;
}
#desktop-signals .carousel-indicators{
  display: flex;
}
}
@media (max-width: 819px) {
    .sp-signal-box-column {
        flex: 0 0 49.3%;
    }
}
@media (max-width: 425px) {
  .mobile-carousel-card {
    flex: 0 0 90%;
    scroll-snap-align: start;
    padding-left: 0.5rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }
  .carousel-indicators{
  display: flex;
  }
  .sp-signal-box-column:nth-child(odd) {
    /* background-color: #f0f0f0; */ /* Light gray background for odd columns */
    margin: 0px;
  }
  
  .sp-signal-box-column:nth-child(even) {
    /* background-color: #e0e0e0; */ /* Slightly darker gray for even columns */
    padding: 0px;
  }
}
@media (max-width: 393px) { /* Example breakpoint for mobile */
  .sp-signal-box-slider-wrapper {
    padding: 0 0px; /* Add side padding on mobile */
    margin: 0 -15px; /* Negative side margin on mobile */
  }
}
/* Keyframes for the loading animation */
@media (max-width: 375px) {
#signalboxes .sp-row{
  padding: 0px 0px;
  margin-bottom: 90px;
}
}
@media (max-width: 373px) { /* Example breakpoint for mobile */
  .sp-signal-box-slider-wrapper {
    padding: 0 0px; /* Add side padding on mobile */
    margin: 0 -15px; /* Negative side margin on mobile */
  }
  .sp-signal-box-body > div:nth-child(odd) {
    font-weight: 600; /* Semi-bold font weight for odd children */
  }
  .sp-signal-box-body > div:nth-child(odd) span{
    font-size: 12px;
  }
}

@media (max-width: 320px) {
  #signalboxes .sp-row {
    
    padding: 0px 0px;
    
    margin-bottom: 105px;
  }

  .sp-signal-box-slider-wrapper {
    padding: 0 0px; /* Add side padding on mobile */
    margin: 0 -15px; /* Negative side margin on mobile */
  }
  .sp-signal-box-body > div:nth-child(odd) {
    /* font-weight: bold; */ /* Semi-bold font weight for odd children */
    font-family: 'Cairo', sans-serif;
  }
    .sp-signal-box-body > div:nth-child(even) span{
    /* font-size: 12px; */
  }
  .sp-signal-box-body > div:nth-child(odd) span{
    /* font-size: 12px; */
  }
}