.login:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-top: -20%;
    margin-bottom: -12%;
    margin-left: -13%;
    width: 65%;
    --tw-rotate: -4deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 100%;
    --tw-bg-opacity: 1;
    background: url(/public/FRONT11/images/banner-circle-shape.png) top right no-repeat, linear-gradient(251.22deg, #0C244B 0%, #0B3846 99.53%);
}
@media screen and (max-width: 1199px) { 
body.bg-white.login{overflow: scroll!important;}
}
.login {
    position: relative;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.login:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin-top: -28%;
    margin-bottom: -15%;
    margin-left: -13%;
    width: 65%;
    --tw-rotate: -4deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 100%;
    background-color: rgb(var(--color-primary) / 0.2);
}


*, ::before, ::after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
	--color-primary: 30 64 175;
}

.loginimg {
    position: relative;
    z-index: calc(50 - 1);
}

.borderleft0{border-left:0px}
.seccenter{
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin-top: -80px;
	}
.f-right{float:right;}
.form-group .form-control {
    height: 40px!important;
}
@media screen and (min-width: 1199px) { 
.mx10{margin-left:10%;margin-right:10%}
.webhide{display:none}
}
@media screen and (max-width: 1199px) { 
.mobhide{display:none}
.login:before{display:none}
.login:after{display:none}
.login{background:url(/public/FRONT11/images/banner-circle-shape.png) top right no-repeat, linear-gradient(251.22deg, #0C244B 0%, #0B3846 99.53%);}
.loginwidth{width:50%}
/*.logform{padding:0px; background:#fff}*/
.seccenter{margin-top:0px;}
.logform {
    padding: 0px;
    background: #fff;
    margin: 10px 0;
    border-radius: 10px;
    background: #000 !important;
}
.padding0{padding:0;}
}
.zindex{z-index: 999;}
@media screen and (max-width: 991px) { 
.loginwidth{width:80%}
}
@media screen and (max-width: 768px) { 
.loginwidth{width:100%}
}
@media screen and (max-width: 445px) { 
.loginwidth{text-align:center;}
.f-right{float:none;}
.login{padding:0px 10px}
}

.form-control {
    border-radius: 0.375rem!important;
}
.rounded-left-0{    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;}.rounded-right-0{    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;}

.logform {
    padding: 0px;
    background: #000 !important;
    margin: 10px 0;
    border-radius: 10px;
}