.carouselSlider .controller {
  overflow: hidden;
  display: flex
}
.carouselSlider .controller .tns-outer {
  overflow: hidden;
  width: 100%
}
.carouselSlider .controller .tns-outer .tns-nav[aria-label="Carousel Pagination"] {
  text-align: center
}
.carouselSlider .controller .tns-outer .tns-nav button {
  margin: .125rem;
  width: 1rem;
  height: 1rem;
  background: #cdd1e2;
  border-radius: 50%;
  padding: 0
}
.carouselSlider .controller .tns-outer .tns-nav button[class=tns-nav-active] {
  margin: .125rem;
  width: 1rem;
  height: 1rem;
  background: #001e79;
  border-radius: 50%;
  padding: 0
}
.carouselSlider .controller .controls {
  align-self: center;
  width: 2.5rem;
  text-align: center
}
.carouselSlider .controller .controls .next,
.carouselSlider .controller .controls .previous {
  padding: 0 .0625rem
}
@media (max-width:calc(42rem - 0.0625rem)) {
  .carouselSlider .controller .controls .next:focus,
  .carouselSlider .controller .controls .previous:focus {
    width: 1.5rem;
    outline-width: .0625rem
  }
}
.carouselSlider .controller .controls .next[disabled],
.carouselSlider .controller .controls .next[disabled]:hover,
.carouselSlider .controller .controls .previous[disabled],
.carouselSlider .controller .controls .previous[disabled]:hover {
  background-color: #fff;
  border: none
}
.carouselSlider .controller .controls .next[disabled] path,
.carouselSlider .controller .controls .previous[disabled] path {
  stroke: #cdd1e2;
  stroke-width: 4
}
.carouselSlider .controller .controls .next path,
.carouselSlider .controller .controls .previous path {
  stroke: #235ae4;
  stroke-width: 4
}
.carouselSlider .controller .my-slider {
  display: flex;
  column-gap: .75rem
}
.carouselSlider .controller .my-slider .slide .slide-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: .5s
}
.carouselSlider .controller .my-slider .slide .slide-img .imageDescription {
  padding: 1rem
}
.carouselSlider .controller .my-slider .slide .slide-img img {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding-top: 2rem
}
.carouselSlider .controller .my-slider .slide .slide-text {
  width: 100%;
  background-position: center;
  border: .0625rem solid #cdd1e2;
  border-top: none;
  background-size: cover;
  border-radius: .5rem;
  justify-content: center;
  transition: .5s;
  padding: 1rem;
  height: 14rem;
  overflow: auto;
  margin-bottom: .5rem;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.12)
}
.carouselSlider .controller .my-slider .slide .slide-text .slideContent {
  height: 7.25rem
}