.fluid-w-100 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.template-351,
.template-351.svg-hover path,
.template-351.svg-hover--alt path {
    transition: 0.3s;
}

/* svg hover class */

.template-351.svg-hover:hover path,
.template-351.svg-hover:focus path {
    fill: var(--color-3);
}

/* svg hover class alt */

.template-351.svg-hover--alt:hover path,
.template-351.svg-hover--alt:focus path {
    fill: var(--color-2);
}

/*  .js-switch-content   */

.template-351.js-switch-content.is-active svg path,
.template-351.js-switch-content.is-active svg rect {
    fill: var(--color-3);
}

/*  switch-btn  */

.template-351.switch-btn {
    position: relative;
    width: 80px;
    height: 32px;
    border-width: 1px;
    background-color: fff;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
    user-select: none;
    padding: 0 7px;
}

.template-351.switch-btn:before,
.template-351.switch-btn:after {
    font-size: 14px;
}

.template-351.switch-btn:before {
    content: attr(data-switch-left);
}

.template-351.switch-btn:after {
    content: attr(data-switch-right);
    opacity: 0;
}

.template-351.switch-btn.active:before {
    opacity: 0;
}

.template-351.switch-btn.active:after {
    opacity: 1;
}

.template-351.switch-btn .slider {
    position: absolute;
    top: 2px;
    right: 3px;
    width: 26px;
    height: 26px;   
    background-color: var(--color-3);
    border-radius: 50%;
    transition: right 0.3s ease;
    z-index: 1;
}

.template-351.switch-btn.active .slider {
    right: calc(100% - 29px);
}