@media (max-width: 480px) {
   .custom-slider {
       /* CHECK BS_ */
       margin-left: -15px;
       margin-right: -15px;
   }
   .custom-slider>.textfragment {
       padding: 0 15px;
   }
   .carousel-inner {
       max-width: 90%;
   }
   .carousel-control {
       width: 5%;
   }
   .carousel-indicators {
       margin-left: 5%;
       margin-right: 5%;
       flex-wrap: wrap;
   }
   .carousel-indicators li {
       font-size: 1em !important;
       padding: .1rem .5rem !important;
   }
   .custom-slider .image-wrapper {
       /*aspect-ratio: 3/2;*/
       display: flex;
       align-items: center;
   }
}
.custom-slider {
   padding: 0;
}
.carousel-inner {
   margin: 0 auto !important;
}
.carousel-inner>div {
   margin-bottom: 5rem;
}
.carousel-item>* {
   margin: auto;
}
.carousel-indicators li {
   background-color: #b3c8e7;
}
.carousel-indicators li.active {
   background-color: #0046ad;
}
.carousel-control {
   cursor: pointer;
   top: 7rem;
   color: #039 !important;
}
.carousel-control:hover {
   background-image: radial-gradient(circle, rgba(0, 51, 153, 0.05) 0%, rgba(0, 51, 153, 0) 100%);
}
@media (min-width: 480px) {
   .carousel-inner {
       max-width: 70%;
   }
   .carousel-control i {
       font-size: 8rem;
   }
}
@media (min-width: 768px) {
   .carousel-item .textfragment {
       display: grid;
       grid-template-columns: 1fr 2fr;
       grid-template-rows: auto 1fr;
       grid-column-gap: 3rem;
       grid-row-gap: 0;
   }
   /*.carousel-item .textfragment>.row:first-child {*/
   .carousel-item .textfragment>.row:nth-last-child(3) {
       grid-area: 1 / 2 / 2 / 3;
   }
   .carousel-item .textfragment>.row:nth-last-child(2) {
       grid-area: 1 / 1 / 3 / 2;
   }
   .carousel-item .textfragment>.row:last-child {
       grid-area: 2 / 2 / 3 / 3;
       align-self: center;
   }
   .carousel-item .textfragment>.row:only-child {
       grid-area: 1 / 1 / 3 / 3;
       align-self: center;
   }
}
.custom-slider.paging-top .carousel-indicators {
   position: static;
   margin-bottom: 3rem;
   gap: 1rem;
   margin-left: 0;
   margin-right: 0;
}
.carousel-indicators li {
   text-indent: -9999px;
   background-color: #0393;
}
.carousel-indicators .active {
   color: #fff;
   background-color: #039;
}
.custom-slider.labels .carousel-indicators li {
   width: auto;
   height: auto;
   font-size: 1.2em;
   line-height: 1.3;
   text-indent: 0;
   text-align: center;
   padding: 0.5rem 1rem;
   margin: 0 1rem;
   display: flex;
   align-items: center;
}
.carousel-indicators li:before,
.carousel-indicators li:after {
   display: none;
}
@media (min-width: 1400px) {
   .custom-slider {
       margin-left: 0;
       margin-right: 0;
   }
   .carousel-inner {
       width: auto;
       margin-left: -15px !important;
       margin-right: -15px !important;
   }
   .carousel-inner {
       max-width: unset;
   }
   .carousel-control-prev {
       left: -15%;
   }
   .carousel-control-next {
       right: -15%;
   }
}
.custom-slider.rounded .image-wrapper{
   border-radius: 50%;
}
.custom-slider.rounded .carousel-indicators li {
   width: 15px;
   height: 15px;
   margin-inline: 8px;
   border-radius: 50%;
}
.custom-slider>.textfragment{
   margin-bottom: 2rem;
}
.custom-slider .carousel-indicators{
   bottom: clamp(4rem, 12vmin, 15rem) !important;
}
 
