.custom-slider {
  display: block;
  max-width: 1600px;
  margin: 48px auto;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.custom-slider__slides {
  display: flex;
  transition: transform 0.45s cubic-bezier(.66,.06,.53,.96);
  will-change: transform;
}
.custom-slider__slide {
  display: flex;
  align-items: center;
  min-width: 100%;
  background: #fff;
}
.custom-slider__image {
  flex: 0 0 50%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-slider__image img {
  width: 100%;
  height: auto;
  border-radius: .8rem;
  display: block;
}
.custom-slider__content {
  flex: 1 1 54%;
  padding: 0 48px;
  height:100%;
  max-width:680px;
}
.custom-slider__meta {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.custom-slider__dash {
  width: 40px;
  height: 6px;
  margin-right: 1rem;
  background: var(--meta-color, #8DC23F);
  display: inline-block;
}
.custom-slider__meta-text {
font-family: Inter;
font-weight: 600;
font-size: 16px;
color:#131415;
line-height: 26px;

}
.custom-slider__title {
font-family: Inter;
font-weight: 700;
font-size: 30px;
line-height: 42px;
margin-bottom: 18px;
color: #131415;
}
.custom-slider__body {
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color:#595D61;

}

.custom-slider__nav {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 18px;
  width:50%;
  margin:18px 0 3rem auto;
}
.custom-slider__arrow {
  width: 76px;
  height: 66px;
  border: none;
  background: #fff;
  border-radius: 8px;
  font-size: 1.7rem;
  cursor: pointer;
  transition: background 0.2s;
  box-shadow: 0px 16px 48px -24px rgba(0, 0, 0,1);

}
.custom-slider__arrow:hover{
  background: linear-gradient(169.83deg, #003CC8 17.88%, #00BCFF 119.2%);
  
}
.custom-slider__arrow:hover img {
 filter:invert(1);
}

@media (max-width: 950px) {
.custom-slider{
    margin:0 auto;
}
  .custom-slider__slide {
    display:block;
    height:auto;
    padding:0;

  }
  .custom-slider__image, .custom-slider__content {
    padding: 0;
    width: 100%;
  }
  .custom-slider__content {
    margin-top: 8px;
    padding: 0 10px;
    height:auto;
  }
  @media (max-width: 950px) {
  .custom-slider__nav {
    width: 100%;            /* full width below slide */
    justify-content: center; /* center arrows */
    margin: 16px 0 3rem;    /* margin top & bottom for spacing */
    gap: 16px;              /* space between arrows */
  }
}
}