.sr-bling-graphic-02 .container-fluid {
  padding: 0;
  max-width: none;
}

.sr-bling-graphic-02.oriel-fullwidth-carousel .blaze-arrow {
  color: #fff;
  border-radius: 0;
  border: 2px solid #fff;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease;
  background: none;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  opacity: 0;
}

.sr-bling-graphic-02.oriel-fullwidth-carousel .blaze-arrow {
  position: absolute;
  top: 50%;
  font-size: 30px;
  z-index: 1;
  cursor: pointer;
}



.sr-bling-graphic-02.oriel-fullwidth-carousel .chevron-left {
  left: 45px;
/*  transform: translateY(calc(-50% - 15px)) translateX(-50%);*/
  transform: translateY(calc(-50% - 0)) translateX(-50%);
}

.sr-bling-graphic-02.oriel-fullwidth-carousel .chevron-right {
  right: 45px;
/*  transform: translateY(calc(-50% - 15px)) translateX(50%);*/
  transform: translateY(calc(-50% - 0)) translateX(50%);
}

.oriel-fullwidth-carousel .blaze-slider .blaze-track {
  display: flex; 
  height: 700px;
  gap: 15px;
  transition: transform 0.6s ease-in-out;
}

.oriel-fullwidth-carousel .blaze-slider .blaze-track > * {
  flex: 0 0 auto; /* Keep this - prevents flex growth/shrink */
  
  /* FIXED: Calculate proper width based on slides to show */
/*  width: calc((100% - (var(--slides-to-show, 3) - 1) * 15px) / var(--slides-to-show, 3)) !important;*/
  width: 100%!important;
  
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  
  /* Ensure slides don't stretch beyond their content */
  max-width: 100%;
  box-sizing: border-box;
}

.oriel-fullwidth-carousel .blaze-slider img {
  display: block;
  height: 100%;
  max-height: 700px;
  width: 100%; /* Changed from 'auto' to '100%' to fill container properly */
  object-fit: cover;
  border-radius: 3px;
}

/* Alternative approach - if you want slides to size based on content */
.oriel-fullwidth-carousel .blaze-slider .blaze-track-alt > * {
  flex: 0 0 auto;
  width: auto !important; /* Let content determine width */
  min-width: 0; /* Prevent flex items from being larger than container */
/*  max-width: calc((100% - (var(--slides-to-show, 3) - 1) * 15px) / var(--slides-to-show, 3));*/
  width: 100%;
}

.oriel-fullwidth-carousel .blaze-pagination {
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  justify-content: center;
  z-index: 2;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.sr-bling-graphic-02.oriel-fullwidth-carousel .blaze-slider:hover .blaze-arrow,
.oriel-fullwidth-carousel .blaze-slider:hover .blaze-pagination {
  opacity: 1;
}

.oriel-fullwidth-carousel .blaze-pagination button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 5px !important;
  opacity:1;
}

.oriel-fullwidth-carousel .blaze-pagination button.active {
  background: #fff; border-color: #fff;
  transform: scale(1.2);
}


.oriel-blog-single-template .oriel-fullwidth-carousel .blaze-slider .blaze-track, .oriel-blog-single-template .oriel-fullwidth-carousel .blaze-slider .blaze-track img {
  height: 400px; 
}
@keyframes slider_arrow_down {
  0% {transform: translate(0,-20px);opacity: 0}
  50% {opacity: 1}
  100% {transform: translate(0,20px);opacity: 0}
}
.oriel-fullwidth-carousel .blaze-slider {position: relative;}
.oriel-fullwidth-carousel #ofwc-scrolldown a {
  height: 60px;
  width: 80px;
  margin: 0 0 0 -40px;
  line-height: 60px;
  position: absolute;
  left: 49.85%;
  bottom: 0;
  color: #FFF;
  text-align: center;
  font-size: 70px;
  z-index: 100;
  text-decoration: none;
  text-shadow: 0 0 3px rgba(0, 0, 0, .4);
  animation: slider_arrow_down 2s ease-in-out infinite;  
}
.oriel-fullwidth-carousel #ofwc-scrolldown a svg {
  stroke: unset !important;
  height: 70px;
  width: auto;
  fill: #FFF;
}

@media (max-width:767px) {
  .oriel-fullwidth-carousel .blaze-slider .blaze-track {height: 400px;}
  .oriel-fullwidth-carousel .blaze-slider img {max-height: 400px;
}