/* page custom <style> a77e2da9 · body · pages (14): ../webflow-live/about-us.html, ../webflow-live/awards.html, ../webflow-live/client-success.html, ../webflow-live/compare.html, ../webflow-live/cyber-security-risk-assessment.html, ../webflow-live/cyber-security.html, ../webflow-live/hack-free-guarantee.html, ../webflow-live/hack-free-guarantee_terms.html, ../webflow-live/home.html, ../webflow-live/managed-it-service-calgary.html, ../webflow-live/managed-it-service.html, ../webflow-live/privacy-policy.html */
.swiper-slide {
        /** height: auto !important;**/
    }

    .swiper-button-disabled {
        background-color: transparent !important;
        color: var(--blue) !important;
        cursor: default !important;
        opacity: 0.4 !important;
    }

    .swiper-button-disabled:hover {
        background-color: transparent !important;
        color: var(--blue) !important;
    }


    .swiper-wrapper {
        height: 100% !important;
    }

    .swiper-autoheight .swiper-slide {
        align-self: stretch !important;
    }


    .swiper-pagination1 {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin-left: 0;
        margin-right: auto;
        justify-content: flex-start !important;
    }


    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px !important;
    }

    @media only screen and (max-width: 767px) {

        .slider--pagination-wrapper {
            /** text-align: center; **/
        }


        .swiper-pagination1 {
            align-items: flex-start;
            height: 100%;
        }

    }


    .swiper-pagination-bullet {
        width: 0.5rem !important;
        height: 0.5rem !important;
        opacity: 1 !important;
        border-radius: 22.5rem !important;
        background-color: var(--true-white) !important;
        border: 1px solid var(--dark-grey) !important;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 1.5rem !important;
        height: 0.5rem !important;
        opacity: 1 !important;
        border-radius: 22.5rem !important;
        background-color: var(--blue) !important;
        border: 1px solid var(--blue) !important;
    }