.ha-cs-design-round .ha-cs-switch.active span {
    color: #562dd4
}

.ha-cs-design-round-2 .ha-cs-switch.active span {
    color: #e2498a
}

.ha-cs-design-square .ha-cs-switch.active span {
    color: #61ce70
}

.ha-cs-design-square-2 .ha-cs-switch.active span {
    color: #f67c21
}

.ha-cs-design-button .ha-cs-switch-wrapper {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
}

.ha-cs-switch-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px
}

body[data-elementor-device-mode=widescreen] .ha-cs-switch-wrapper.widescreen-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

body[data-elementor-device-mode=widescreen] .ha-cs-switch-wrapper.widescreen-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-elementor-device-mode=desktop] .ha-cs-switch-wrapper.desktop-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

body[data-elementor-device-mode=desktop] .ha-cs-switch-wrapper.desktop-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-elementor-device-mode=laptop] .ha-cs-switch-wrapper.laptop-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

body[data-elementor-device-mode=laptop] .ha-cs-switch-wrapper.laptop-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-elementor-device-mode=tablet_extra] .ha-cs-switch-wrapper.tablet-extra-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

body[data-elementor-device-mode=tablet_extra] .ha-cs-switch-wrapper.tablet-extra-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-elementor-device-mode=tablet] .ha-cs-switch-wrapper.tablet-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

body[data-elementor-device-mode=tablet] .ha-cs-switch-wrapper.tablet-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-elementor-device-mode=mobile_extra] .ha-cs-switch-wrapper.mobile-extra-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

body[data-elementor-device-mode=mobile_extra] .ha-cs-switch-wrapper.mobile-extra-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ha-cs-switch-wrapper.horizontal, body[data-elementor-device-mode=mobile] .ha-cs-switch-wrapper.mobile-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.ha-cs-switch-wrapper.vertical, body[data-elementor-device-mode=mobile] .ha-cs-switch-wrapper.mobile-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ha-cs-switch-wrapper, .ha-cs-switch-wrapper .ha-cs-button, .ha-cs-switch-wrapper .ha-cs-switch {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ha-cs-switch-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .ha-cs-switch-wrapper .ha-cs-button, .ha-cs-switch-wrapper .ha-cs-switch {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ha-cs-switch-wrapper .ha-cs-switch {
        font-weight: 700;
        font-size: 18px;
        font-family: "Nunito",Sans-serif
    }

        .ha-cs-switch-wrapper .ha-cs-switch.primary {
            margin-right: 20px
        }

        .ha-cs-switch-wrapper .ha-cs-switch.secondary {
            margin-left: 20px
        }

        .ha-cs-switch-wrapper .ha-cs-switch.active {
            color: #2196f3
        }

    .ha-cs-switch-wrapper .ha-cs-button {
        border: 0;
        background-color: #fff;
        color: #333
    }

        .ha-cs-switch-wrapper .ha-cs-button span {
            white-space: normal;
            font-weight: 700;
            font-size: 16px;
            font-family: "Nunito",Sans-serif;
            line-height: 1
        }

        .ha-cs-switch-wrapper .ha-cs-button:not(:last-of-type) {
            margin-right: 20px
        }

        .ha-cs-switch-wrapper .ha-cs-button.active {
            background-color: #562dd4;
            color: #fff
        }

        .ha-cs-switch-wrapper .ha-cs-button:focus {
            outline: 0;
            background-color: #562dd4;
            color: #fff
        }

    .ha-cs-switch-wrapper .ha-cs-icon-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 1em;
        height: 1em
    }

        .ha-cs-switch-wrapper .ha-cs-icon-wrapper svg {
            width: inherit;
            height: inherit
        }

    .ha-cs-switch-wrapper .ha-cs-icon-left .ha-cs-icon-wrapper {
        margin-right: 10px
    }

    .ha-cs-switch-wrapper .ha-cs-icon-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .ha-cs-switch-wrapper .ha-cs-icon-right .ha-cs-icon-wrapper {
            margin-left: 10px
        }

.ha-input-label {
    position: relative;
    display: inline-block;
    margin: unset;
    width: 5em;
    height: 2.5em
}

    .ha-input-label .ha-cs-slider, .ha-input-label .ha-cs-slider:before {
        position: absolute;
        border-width: 0;
        border-style: solid;
        -webkit-transition: .4s;
        transition: .4s
    }

    .ha-input-label .ha-cs-slider {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #ccc;
        cursor: pointer
    }

        .ha-input-label .ha-cs-slider:before {
            bottom: .25em;
            left: .2em;
            width: 2em;
            height: 2em;
            background-color: #fff;
            content: ""
        }

        .ha-input-label .ha-cs-slider.ha-cs-square {
            border-radius: 0;
            background-color: #175eb3
        }

            .ha-input-label .ha-cs-slider.ha-cs-square:before {
                border-radius: 0;
                background-color: #61ce70
            }

        .ha-input-label .ha-cs-slider.ha-cs-round {
            border-radius: 2em;
            background-color: #562dd4
        }

            .ha-input-label .ha-cs-slider.ha-cs-round:before {
                border-radius: 50%;
                background-color: #fff
            }

        .ha-input-label .ha-cs-slider.ha-cs-round-2, .ha-input-label .ha-cs-slider.ha-cs-square-2 {
            top: 50%;
            height: 1em;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .ha-input-label .ha-cs-slider.ha-cs-round-2 {
            border-radius: 2em;
            background-color: rgba(226,73,138,.3607843137)
        }

            .ha-input-label .ha-cs-slider.ha-cs-round-2:before {
                bottom: -50%;
                left: -.1em;
                border-radius: 50%;
                background-color: #e2498a
            }

        .ha-input-label .ha-cs-slider.ha-cs-square-2 {
            border-radius: 0;
            background-color: #ffec6b
        }

            .ha-input-label .ha-cs-slider.ha-cs-square-2:before {
                bottom: -50%;
                left: -.1em;
                border-radius: 0;
                background-color: #f67c21
            }

    .ha-input-label input {
        width: 0;
        height: 0;
        opacity: 0
    }

        .ha-input-label input:checked + .ha-cs-round:before, .ha-input-label input:checked + .ha-cs-square:before {
            left: .8em;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }

        .ha-input-label input:checked + .ha-cs-round-2:before, .ha-input-label input:checked + .ha-cs-square-2:before {
            left: 1.1em;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }

        .ha-input-label input:focus + .ha-cs-round, .ha-input-label input:focus + .ha-cs-round-2, .ha-input-label input:focus + .ha-cs-square, .ha-input-label input:focus + .ha-cs-square-2 {
            -webkit-box-shadow: unset;
            box-shadow: unset
        }

.ha-cs-content-container .ha-cs-content-wrapper .ha-cs-content-section {
    font-weight: 600;
    font-family: "Nunito",Sans-serif
}

    .ha-cs-content-container .ha-cs-content-wrapper .ha-cs-content-section:not(.active) {
        display: none
    }
/** Widgets: content-switcher **/