:root {
    --color-blue-1: #003E79;
    --color-blue-2: #009DDB;
    --color-blue-3: #6CB2F8;
    --color-blue-4: #759CC3;
    --color-blue-5: #E8F4FF;
    --color-blue-6: #007BB5;
    --color-blue-7: #6C63FF;
    --color-gray: #666666;;
    --color-gray-1: #707070;
    --color-gray-2: rgba(112, 112, 112, 0.2);
    --color-gray-3: #AAAAAA;
    --color-green-1: #3DAC1C;
    --color-pink-1: #DD2A84;
}

.color-blue-1 {
    color: var(--color-blue-1);
}

.b-color-blue-1 {
    background: var(--color-blue-1);
}

.color-blue-2 {
    color: var(--color-blue-2);
}

.b-color-blue-2 {
    background: var(--color-blue-2);
}

.color-blue-3 {
    color: var(--color-blue-3);
}

.b-color-blue-3 {
    background: var(--color-blue-3);
}

.color-blue-4 {
    color: var(--color-blue-4);
}

.color-blue-5 {
    color: var(--color-blue-5);
}

.color-blue-6 {
    color: var(--color-blue-6);
}

.color-blue-7 {
    color: var(--color-blue-7);
}

.color-gray-1 {
    color: var(--color-gray-1);
}

.color-gray-2 {
    color: var(--color-gray-2);
}

.color-gray-3 {
    color: var(--color-gray-3);
}

.color-green-1 {
    color: var(--color-green-1);
}

.color-pink-1 {
    color: var(--color-pink-1);
}

.full {
    width: 100%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6a6a6a;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #1ea901;
}

input:focus + .slider {
    box-shadow: 0 0 1px #1ea901;
}

input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.my-input input:focus, .my-input label:focus {
    outline: none;
}

.my-input label {
    width: 100%;
}

.my-input input {
    border: none;
    border-bottom: 1px solid #EEEEEE;
    width: 100%;
    background-color: #fff;
}

.my-input select {
    border: none !important;
    border-bottom: 1px solid #EEEEEE !important;
    width: 100% !important;
}

.store-client-card-mask {
    width: 70%;
}

.about-us-logo {
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -100px;
}

.custom-card {
    align-items: center;
    box-shadow: 0 0 50px #0000001a;
    border-radius: 13px;
    padding: 10px 15px;
    margin-bottom: 20px;
}