.upload-preview {
	border-radius: 8px;

	height: 400px;
	width: 300px;
}
.img-preview {
	height: 300px;
	width: 300px;
	object-fit:cover;
	padding: 5px;
}
.btn-tpa {
    color: #fff;
    background-color: #034ea2;
    border-color: #034ea2;
}
    .btn-tpa:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }
    .btn-tpa:focus, .btn-tpa.focus {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
        -webkit-box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5);
        box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5);
    }
.btn-tpa.disabled, .btn-tpa:disabled {
    color: #fff;
    background-color: #556ee6;
    border-color: #556ee6; 
}
.btn-tpa:not(:disabled):not(.disabled):active, .btn-tpa:not(:disabled):not(.disabled).active,
.show > .btn-tpa.dropdown-toggle {
    color: #fff;
    background-color: #2948df;
    border-color: #2040db; 
}
.btn-tpa:not(:disabled):not(.disabled):active:focus, .btn-tpa:not(:disabled):not(.disabled).active:focus,
.show > .btn-tpa.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5); 
}
.backgroundtpa {
    background-color: #337ab7;
}
.media-tpa-font{
	color:#ffffff;
}
.H300{
	height: 120px;
}




        body {
            font-family: 'Inter', sans-serif;
        }

        #LoginContainer {
            max-width: 520px;
            margin: 0 auto;
            /* width: 100%; */
        }

        .emailInput {
            border: 1px solid transparent;
            border-bottom: 1px solid #e7e7e7;
        }

        .emailInput::placeholder {
            color: #b0b0b0;
        }

        #orPosition {
            top: 388px;
        }

        .whiteCircle {
            height: 20px;
            width: 20px;
            background: #fff;
            z-index: 1;
        }

        .iconHeight {
            height: 18px;
            width: 18px;
        }

        .iconContainerBlack {
            height: 32px;
            width: 32px;
        }

        @media screen and (min-width: 576px) {
            body {
                background: #f6f5f5;
            }

            .emailInput {
                border: 1px solid #e7e7e7;
                background: #f9f8f8;
            }

            /* #footerDetail {
                right: 50%;
            } */
        }

        /* right Box */
        .rightBox {
            width: 354px;
            height: auto;
        }

        .owl-item img {
            width: 50px;
            /* height: auto; */
        }