.banner-slider {
  position: relative;
  margin:40px;
  background-color:white;
}
.banner-slider :before{
    z-index:-1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(276deg, rgba(175, 24, 43, 0.2) 0.22%, rgba(0, 0, 0, 0.00) 60%);
    border-radius:20px;
  /*mix-blend-mode: multiply;*/
  }
}
.banner-slider .banner__container {
  width: 100%;
  height: 460px;
  position: relative;
  /*   background: #531584; */
}
.banner-slider .image__container {
  width: 100%;
  height: 100%;
  position: relative;
}
.banner-slider .banner__image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
{#Slick Slider#}
.banner-slider .slider.slick-slider {
  margin-bottom: 0px;  
  overflow: hidden;
}
.banner-slider .slider.slick-slider,
.banner-slider .slider .slick-list {
  height: 100%;
  border-radius:20px;
}
.banner-slider .slider .slick-list,
.banner-slider .slider .slick-track {
  display: flex;
  align-items: stretch;
}
.banner-slider .slider-nav {
  display: flex;
  width: 100%;
  position: absolute;
  top: calc(100% - 20px);
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:768px){
  .banner-slider .slider-nav {
    display: none;
  }
}
.banner-slider .slider-nav .custom-dots,
.banner-slider .slider-nav .slick-dots {
  position: static;
  width: fit-content;
}
.banner-slider .slider-nav .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
}
.banner-slider .slider-nav .slick-dots li {
  width: 9px;
  height: 9px;
}
.banner-slider .slider-nav .slick-dots li button,
.banner-slider .slider-nav .slick-dots li button:before {
  z-index:800;
  width: 100%;
  height: 100%;
}
.banner-slider .slider-nav .slick-dots li button:before {
  z-index:700;
  content: '';
  background-color: #fff;
  border-radius: 50%;
}
.banner-slider .slider-nav .custom-arrow {
  display:none;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.banner-slider .slider-nav .custom-arrow.custom-next-arrow {
  display:none;
  transform: rotate(180deg);
}
.banner-slider .slider-nav .custom-arrow.slick-disabled {
  display:none;
  opacity: 0.5;
  cursor: default;
}

.banner-slider .text__container {
  z-index:300;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-slider .text__content {
  z-index:300;
  height: 100%;
  display: flex;
  flex-direction:row-reverse;
  align-items: center;
}
.banner-slider .text__content .text {
  padding: 40px 40px;
  max-width: 600px;
  background-color:white;
  border-radius:20px;
}
.banner-slider .text__content .text .title {
  z-index:300;
  font-size: 32px;
  font-weight: 700;
  color: black;  
  margin-bottom: 12px;
}
.banner-slider .text__content .text .description {
  z-index:400;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 12px;
  color: black;
}
.banner-slider .text__content .text .link {
  z-index:500;
    background: linear-gradient(90deg, #AF182B -8.06%, #C00D0D 50%);
    border-radius: 24px;
    display: block;
    width: fit-content;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
  margin-top:20px;
}
  .banner-slider .text__content .text .link ::hover {
    z-index:500;
    background: linear-gradient(90deg, #AF182B -8.06%, #FF0D0D 50%);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.21);
    border-radius: 24px;
    display: block;
    width: fit-content;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
}

@media screen and (max-width:980px){
  .banner-slider {
  position: relative;
  background-color:white;
  margin: 0px !important;
  width:100%;
}
  .banner-slider .slider-container {
    height: auto;
    width:100%;
    
  }
  .banner-slider .text__content {
    align-items: flex-end;
  }
  .banner-slider .text__content .text {
    font-size: 28px;
    max-width: 250px;
  }
  .banner-slider .slider.slick-slider,
.banner-slider .slider .slick-list {
  height: 100%;
  border-radius:0px;
  
}
  .banner-slider :before{
    z-index:-1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(175, 24, 43, 0.2) 0.22%, rgba(0, 0, 0, 0.00) 60%);
    border-radius:0px;
  /*mix-blend-mode: multiply;*/
  }
  .banner-slider .text__container {
  z-index:300;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-slider .text__content {
  z-index:300;
  height: 100%;
  display: flex;
  flex-direction:column-reverse;
}
.banner-slider .text__content .text {
  padding: 40px 24px;
  max-width: 80%;
  background-color:white;
  border-radius:20px;
  margin:10px 0px;
}
.banner-slider .text__content .text .title {
  z-index:300;
  font-size: 20px;
  font-weight: 700;
  color: black;  
  margin-bottom: 0px;
  line-height:1.1;
}
.banner-slider .text__content .text .description {
  display:none;
}
  .banner-slider p {
  display:none;
}
.banner-slider .text__content .text .link {
    z-index:500;
    background: linear-gradient(90deg, #AF182B -8.06%, #C00D0D 50%);
    display: block;
    width: fit-content;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
}
  .banner-slider .text__content .text .link :hover {
    z-index:500;
    background: linear-gradient(90deg, #AF182B -8.06%, #FF0D0D 50%);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.21);
    display: block;
    width: fit-content;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
}
}