/*--------Css for the infinte brand logo slider--------------*/
.marquee {
  animation: moveMarquee 40s linear infinite;
}
@keyframes moveMarquee {
  from {
    transform: translate3d(0%, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
/*--------Css for the infinte brand logo slider--------------*/

.w--current .svg-tab-icon {
  color: white; /* or use color: white; if necessary */
}
.Resume-tab-wrapper {
  border: 4px solid black !important; /* Adjust border width as needed */
}
.getting-tittles {
  color: inherit !important;
}
.getting-subtext {
  color: inherit !important;
}
.splide__pagination {
  bottom: -2.2rem;
}
.splide__pagination {
  display: flex; /* Ensure dots are aligned in a row */
  justify-content: center; /* Center-align the dots */
  gap: 20px; /* Add 24px space between dots */
  padding: 0;
}
.splide__pagination__page {
  /*background:#FFFFFF;*/
  background: #ede9fe;
  margin: 0;
  opacity: 1;
  width: 10px;
  height: 10px;
}
.splide__pagination__page.is-active {
  opacity: 1;
  background: #6633ff;
}
.splide__arrow--prev {
  left: -1.6em;
}
.splide__arrow--next {
  right: -1.6em;
}
.splide__slide.is-clone {
  pointer-events: none; /* Disable hover on cloned slides */
}

.custom-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
  /*box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.06);*/
}

.custom-prev {
  left: -1.6em; /* Position for the previous arrow */
}

.custom-next {
  right: -1.6em; /* Position for the next arrow */
}

.custom-arrow img {
  width: 40px; /* Adjust the size of the SVG */
  height: 40px;
}

/* code for resume templates hover cards 

.resume-CTA-hover: {
  background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #BDBDBD 100%) !important; 
}
*/