/*.carousel-item.active,*/
/*.carousel-item-next,*/
/*.carousel-item-prev,*/
/*.carousel-inner,*/
/*.header-slider {*/
/*    max-height: 350px;*/
/*    min-height: 350px;*/
/*}*/

.header-slider {
    margin-top: 34px;
    margin-bottom: 80px;
}

.carousel {

}

.akwl-carousel-caption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

.carousel-item h2 {
    font: normal normal 800 45px/50px TheSans;
    letter-spacing: 0px;
    color: var(--akwl-orange);
}

.carousel-item p {
    font: normal normal normal 22px/30px TheSans;
    letter-spacing: 0.22px;
    color: #5E5E5D;
}

.akwl-carousel-image {
    height: 400px;
    border-radius: 8px;
}

.akwl-carousel-image-2 {
    opacity: 0.4;
}

.carousel-link {
    text-decoration: none;
}




.carousel-control-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 28px;
}

.carousel-indicators {
    position: relative;
    margin: 0 10px;
    align-items: center;
}

.carousel-indicators li {
    text-indent: 0;
    background-color: #E9E8E8;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: unset;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: 8px;
    opacity: 1;
    box-shadow: 0px 3px 6px #00000029;
}

.carousel-indicators li:hover {
    box-shadow: inset 0px 3px 6px #00000029;
}

.carousel-indicators li.active {
    background-color: #C4182A;
    box-shadow: inset 0px 3px 6px #00000029;
}

.carousel-control-prev, .carousel-control-next {
    color: #F5F5F5;
    position: static;
    width: unset;
    opacity: 1;
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #F5F5F5;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 43px;
    height: 43px;
    position: relative;
    background-image: none;
    display: inline-block;
    border-radius: 50%;
    background-color: #F5F5F5;
    box-shadow: 0px 3px 6px #00000029;
}

.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {
    box-shadow: inset 0px 3px 6px #00000029;
}

.carousel-control-prev-icon i, .carousel-control-next-icon i {
    position: relative;
    top: 9px;
    left: 0px;
    font-size: 26px;
    color: black;
    border-radius: 50%;
}

.carousel-control-prev-icon i {
    left: -1px;
}

.carousel-control-next-icon i {
    left: 1px;
}


/* mobile */

.header-slider-mobile {
    margin: -16px -15px 0 -15px;
}

.header-slider-mobile .carousel-item h2 {
    font: normal normal bold 24px/29px TheSans;
    letter-spacing: 0px;
    color: var(--akwl-orange);
    margin-top: 14px;
}

.akwl-carousel-image-mobile {
    height: 200px;
}

@media screen and (min-width: 576px) {
    .akwl-carousel-image-mobile {
        height: 240px;
    }
}
@media (min-width: 768px) {
    .akwl-carousel-image-mobile {
        height: 288px;
    }
}
/*@media (min-width: 992px) {*/
/*    .akwl-carousel-image-mobile {*/
/*        height: 350px;*/
/*    }*/
/*}*/


.carousel-control-mobile {
    position: absolute;
    top: 90px;
    /*top: calc(50% - 41px);*/
    font-size: 150%;
}
@media screen and (min-width: 576px) {
    .carousel-control-mobile {
        top: 110px;
    }
}
@media (min-width: 768px) {
    .carousel-control-mobile {
        top: 134px;
    }
}

.carousel-control-mobile:hover {
    text-decoration: none;
}

.carousel-control-prev-mobile {
    left: 5px;
}

.carousel-control-next-mobile {
    right: 32px;
}

.carousel-control-mobile .background-circle {
    color: black;
    position: absolute;
}
/*.carousel-control-mobile:hover .background-circle {*/
/*    color: white;*/
/*}*/

.carousel-control-mobile .foreground-icon {
    color: #F5F5F5;
    position: absolute;
}
/*.carousel-control-mobile:hover .foreground-icon {*/
/*    color: var(--akwl-red);*/
/*}*/