.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-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:#FFBE02
}

.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 **/