.login-register-section
{
    position: relative;
    z-index: 1;

    @include media-breakpoint-down(sm)
    {
	padding: 0;

	.container
	{
	    max-width: 100%;
	    padding: 0;
	    margin: 0;
	}

	.row
	{
	    --bs-gutter-x: 0;
	    --bs-gutter-y: 0;
	}
    }

    .section__img
    {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: -2;
    }

    &:before
	{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(#000, .4);
	z-index: -1;
    }
}

.login-register-form
{
    background: #fff;

    @include media-breakpoint-up(md)
    {
	border-radius: 16px;
    }

    .form-control
    {
	height: 3rem;
	border-radius: 16px;
	border: 2px solid $gray-600;

	@include media-breakpoint-up(lg)
	{
	    height: 3.5rem;
	}
    }

    .has-float-label .form-control:placeholder-shown:not(:focus) + *
	{
	top: 1.1rem;
	font-weight: 600;
	color: $gray-600;

	@include media-breakpoint-up(lg)
	{
	    top: 1.3rem;
	}
    }

    .form-check-input
    {
	width: 1.4em;
	height: 1.4em;
	border: 2px solid $gray-600;
	border-radius: 8px;
	vertical-align: middle;
	margin-top: 0.1em;

	&:focus
	    {
	    box-shadow: none !important;
	}

	&:checked
	    {
	    background-color: $gray-600;
	}
    }
}

.password-field
{
    .input-holder-pass
    {
	position: relative;

	.see-password
	{
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    right: 0;

	    input[type=checkbox]
	    {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	    }

	    .icon-holder
	    {
		position: relative;

		&:before
		    {
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 50%;
		    transform: translateX(-50%) rotate(-45deg);
		    height: 100%;
		    width: 2px;
		    background: $gray-600;;
		}

		&:after
		    {
		    content: "";
		    position: absolute;
		    top: 1px;
		    left: 41%;
		    transform: translateX(0) rotate(-45deg);
		    height: 100%;
		    width: 2px;
		    background: #fff;
		}

		.icon
		{
		    font-size: 1.4rem;
		}
	    }

	    &.visible
	    {

		.icon-holder
		{
		    &:before, &:after
			{
			opacity: 0;
		    }
		}

	    }
	}
    }
}

input:-internal-autofill-selected 
{
    background: transparent !important;
}
