.gradient-border {
    border: 2px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(93deg, #0D2156 0%, #1C48BC 30%, #5A7FFB 60%, #1C48BC 100%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    outline: none;
    padding-block: 6px;
}

.gradient-border:focus {
    box-shadow: 0px 0px 6px #1C48BC;
    transition-duration: 0.3s;
}

.loginimage img {
    transform: scaleX(-1);
}

.paw {
    top: 53%;
    right: 7%;
}

.loginimage {
        left: 55px;
        top: 36px;
        animation: float 3s ease-in-out infinite;
    }

@media (max-width : 1400px) {
    .loginimage {
        left: 5px;
    }
}

@media (max-width : 1200px) {
    .loginimage {
        left: -85px;
    }
}

@media (max-width : 1120px) {
    .loginimage {
        display: none;
    }
}

.box-lightyellowbg {
        box-shadow: 0 -8px 20px rgba(13, 33, 86, 0.25),
            0 8px 20px rgba(13, 33, 86, 0.25);
    }

    .loginbg {
        background: url(https://www.coingabbar.com/version5/img/customicon/blog-bg.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .form-icons {
        top: 32px;
        border-radius: 8px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    @keyframes float {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-6px);
        }

        100% {
            transform: translateY(0);
        }
    }

.registerimage {
        left: -45px;
        top: 36px;
        animation: float 3s ease-in-out infinite;
    }

.registerimage img {
    transform: scaleX(-1);
}

@media (max-width : 1400px) {
    .registerimage {
        display: none;
    }
}