@media only screen and (max-device-width: 480px) {
    .registration-first-step-bg {
        height: 1600px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1199px) {
    .registration-first-step-bg {
        height: 1300px;
    }
}

@media only screen and (min-device-width: 993px) {
    .registration-first-step-bg {
        height: 600px;
    }
}

.registration-footer {
    padding-top: 60px;
    padding-bottom: 20px;
}

.info-blue-gradient-bg {
    background: rgb(116,116,191);
    background: linear-gradient(168deg, rgba(116,116,191,1) 0%, rgba(52,138,199,1) 99%);
    background-size: 100%;
    margin: 0px;
    overflow: hidden;
}

.footer{
    background-color: white;
    color: #505050;
    padding: 5%;
}

.footer > div > ul {
    list-style: none; padding-left: 0;
}

.footer-item-header {
    color: #404040;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
}

.footer-item-text, footer-item-text:hover {
    color: #505050;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none!important;
}

.registration-side-bg {
    --s: 76px; /* control the size */
    --c: #1a144a;
    --_g: conic-gradient(var(--c) 25%,#0000 0) 0 0;
    background:
        var(--_g)/calc(2*var(--s)) calc(var(--s)/9.5),
        var(--_g)/calc(var(--s)/9.5) calc(2*var(--s)),
        repeating-conic-gradient(#0000 0 25%,var(--c) 0 50%)
         var(--s) 0 /calc(2*var(--s)) calc(2*var(--s)),
        radial-gradient(50% 50%,#2eb044 98%,var(--c))
         0 0/var(--s) var(--s);
}

.grey-control {
    border-color: #606060;
}

.grey-control:focus {
    border-color: #44B9FF;
}