.switchToggle input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;

}

.switchToggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 75px;
    height: 30px;
    background: #e03333;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switchToggle label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.switchToggle input:checked+label,
.switchToggle input:checked+input+label {
    background: #6366EA;
}

.switchToggle input+label:before,
.switchToggle input+input+label:before {
    content: "TR";
    position: absolute;
    top: -4px;
    font-weight: 300;
    left: 37px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
    font-size: 17px;
}

.switchToggle input:checked+label:before,
.switchToggle input:checked+input+label:before {
    content: "EN";
    position: absolute;
    top: -4px;
    left: 12px;
    font-weight: 300;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #fff;
    font-size: 17px;
}

.switchToggle input:checked+label:after,
.switchToggle input:checked+input+label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.switchToggle label:active:after {
    width: 60px;
}

.switchToggle{
        margin-top: 24px;

}