@media (min-width: 768px)
{
    .carousel-control-prev-icon
    {
        font-family: 'Font Awesome 6 Free';
        font-size: 23px;
        font-weight: 600;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        position: relative;

        display: inline-block;

        width: 56px;
        height: 56px;

        -webkit-transition: opacity .3s;
                transition: opacity .3s;

        opacity: 0;
        border: 2px solid #fff;
        border-radius: 50%;
        background: none;

        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: auto;
    }
    .carousel-control-prev-icon::after
    {
        position: absolute;
        top: 15px;
        left: 17px;

        content: '\f060';
    }
    .carousel-control-next-icon
    {
        font-family: 'Font Awesome 6 Free';
        font-size: 23px;
        font-weight: 600;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        position: relative;

        display: inline-block;

        width: 56px;
        height: 56px;

        -webkit-transition: opacity .3s;
                transition: opacity .3s;

        opacity: 0;
        border: 2px solid #fff;
        border-radius: 50%;
        background: none;

        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: auto;
    }
    .carousel-control-next-icon::after
    {
        position: absolute;
        top: 15px;
        left: 17px;

        content: '\f061';
    }
    .slick-arrow
    {
        font-family: 'Font Awesome 6 Free';
        font-weight: 600;
        font-style: normal;
        font-variant: normal;
        line-height: 1;

        display: inline-block;

        width: 56px !important;
        height: 56px !important;
        margin-right: 30px;
        margin-left: 30px;

        -webkit-transition: opacity .3s !important;
                transition: opacity .3s !important;

        opacity: 0 !important;
        border: 2px solid #fff !important;
        border-radius: 50% !important;
        background: none !important;

        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: auto;
    }
    .slick-arrow:hover
    {
        background-color: #fff !important;
    }
    .slick-arrow:hover.slick-prev::before,
    .slick-arrow:hover.slick-next::before
    {
        color: #061f5c !important;
    }
    .slick-next::before
    {
        font-family: 'Font Awesome 6 Free' !important;
        font-size: 23px !important;

        position: absolute !important;
        top: 15px !important;
        left: 17px !important;

        content: '\f061' !important;

        color: #fff !important;
    }
    .slick-prev::before
    {
        font-family: 'Font Awesome 6 Free' !important;
        font-size: 23px !important;

        position: absolute !important;
        top: 15px !important;
        left: 17px !important;

        content: '\f060' !important;

        color: #fff !important;
    }
    .slick-next
    {
        right: 16px;
    }
    .slick-prev
    {
        left: 16px;
    }
}

@media (max-width: 991.98px)
{
    .slick__arrow,
    .carousel-control-prev,
    .carousel-control-next
    {
        display: none;
    }
}

.carousel-control-prev,
.carousel-control-next
{
    z-index: 100;
}

.slick-dots li.slick-active button::before
{
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    line-height: 20px !important;

    display: inline-block;

    content: '\f111';

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.slick-dots li button::before
{
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    line-height: 20px !important;

    display: inline-block;

    content: '\f111';

    opacity: 1;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.slick:hover .slick-arrow
{
    opacity: 1 !important;
}

.carousel:hover .carousel-control-next-icon,
.carousel:hover .carousel-control-prev-icon
{
    opacity: 1;
}

.carousel-indicators
{
    bottom: -45px;
}

.carousel-indicators li
{
    font-size: 14px;

    visibility: hidden;

    height: 10px;
    margin: 0;
    padding: 0;

    text-indent: 0;

    opacity: 1;
}

.carousel-indicators li.active::before
{
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: inline-block;

    content: '\f111';

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.carousel-indicators li::before
{
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    display: inline-block;
    visibility: visible;

    content: '\f111';

    opacity: 1;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.slick-dots
{
    position: relative !important;
    z-index: 10;
    bottom: 0 !important;

    margin: 25px 0 0 0 !important;
}

.carousel,
.slick-dotted.slick-slider
{
    margin-bottom: 50px !important;
}

.slick--less .slick-track
{
    text-align: inherit;
}

.angled-components .featured-news-carousel-component
{
    position: relative;
}

.angled-components .paragraph--type--bp-slick .slick-dots
{
    max-width: intrinsic;
    max-width:    -moz-max-content;
    max-width: -webkit-max-content;
}

.angled-components .paragraph--type--bp-slick .slick-dots li button:before
{
    line-height: 12px !important;
}