/* switch toggle */
.switch-container {
    position: relative;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%, -50%); */
}

.toggle-button {
    background: gray;
    width: 80px;
    height: 40px;
    border-radius: 30px;
    padding: 5px;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}

.toggle-button>.inner-circle {
    background: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 300ms ease-in-out;
}

.toggle-button.active {
    background: #00ff22;
}

.toggle-button.active>.inner-circle {
    margin-left: 40px;
}

.no-box-sizing {
    box-sizing: content-box !important;
}

/* other */
.invisible {
    display: none;
}

.more-margin-top {
    border-top: 20px solid transparent;
}

.end-10px {
  right: 10px;
}

.no-padding-left {
    padding-left: 0;
}

#no-services {
    box-shadow: 0px 0px 10px;
}