#home-carousel {
    &.carousel {
        font-family: Lato, sans-serif;

        .carousel-caption {
            position: absolute;
            top: 50%;
            left: 50%;
            right: auto;
            bottom: auto;
            transform: translate(-50%, -50%);
            padding: 0;
            color: #fff;
            text-align: left;

            h2 {
                font-size: 60px;
                font-weight: 900;

                @media (max-width: 1199.98px) {
                    font-size: 44px;
                }
            }

            p {
                margin: 20px 0 70px;
                font-size: 24px;
            }

            a {
                svg {
                    margin-top: -4px;
                    margin-left: 16px;
                    transition: transform 200ms ease-in-out;
                }

                &:hover {
                    svg {
                        transform: translate(8px, 0);
                    }
                }
            }
        }

        .carousel-indicators {
            justify-content: flex-start;
            margin: 0;
            padding-right: calc(37px * 2 + 7px);
            bottom: 7px;
            transform: translate(0, -100px);
            z-index: 3; /* overwrite legacy */

            button {
                margin: 0 2px 0 0;
                padding: 0;
                width: 33px;
                height: 2px;
                opacity: .35;

                &.active {
                    opacity: 1;
                }
            }
        }

        .carousel-control-prev,
        .carousel-control-next {
            position: static;
            width: 37px;
            height: 37px;
            border: 1px solid var(--pa-white);
            opacity: .5;
            transition: opacity 200ms ease-in-out;
            transform: translate(0, -100px);

            &:hover {
                opacity: 1;
            }

            .carousel-control-next-icon,
            .carousel-control-prev-icon {
                width: 20px;
            }
        }

        .carousel-inner {
            .carousel-item {
                height: calc(100vh - var(--pa-navbar-height));

                img {
                    /*max-width: 100%;*/
                }
            }
        }

        .awards {
            margin-top: calc(var(--pa-navbar-height) / 4);

            img {
                max-height: 100px;
            }
        }

        .partners {
            margin-bottom: calc(var(--pa-navbar-height) / 2);

            img {
                max-height: 40px;
            }
        }

        &:has(.carousel-inner .carousel-item.active:first-child) {
            .partners {
                display: none;
            }
        }
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}


/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
}