.app_root,
body {
    position: relative
}

.bg-auth,
.bg-top {
    position: absolute;
    bottom: 0;
    background-size: contain
}

.bg-top,
.form-hexagon .flex-column {
    width: 100%;
    background-repeat: no-repeat
}

body {
    /*background-color: rgba(235, 131, 14, 0.45) !important;*/
    background-color: #201945!important;
    /* background-image: url('../../media/auth/auth-bg.png'); */
}

h1{
    color: #FB890F !important;  
}

#kt_sign_in_submit{
    border-color: #FB890F !important;  
    background-color: #FB890F !important;  
}

#kt_sign_in_submit:focus,#kt_sign_in_submit:hover{
    border-color: #F42942 !important;  
    background-color: #F42942!important;  
}

.bg-image{
    max-width: 569px;
    max-height: 427px;
}

.bg-image img{
    width: 100%;
    height: 100%;
}

.logo-evo{
    margin-bottom: -70px;
    z-index: 111111;
    display: block;
    position: relative; 
}

.bg-top {
    background-image: url("../../media/auth/img1.png");
    height: 200px;
    top: 0
}

.bg-auth {
    background-image: url("../../media/auth/img2.png");
    width: 1000px;
    height: 100%;
    right: 0;
    background-repeat: no-repeat;
    background-position: bottom
}

.form-hexagon {
    z-index: 111;
    margin-right: -128px
}

.form-hexagon .flex-column {
    background-image: url("../../media/auth/hexagon.png");
    height: 579px;
    background-size: cover
}

.logo-mobile {
    display: none
}

.rounded-3 {
    height: 540px
}

/* .form-check-label {
    color: #fff !important
} */

.sub-title-logo {
    margin-top: -46px;
    margin-left: 27px;
    font-size: 19px;
    color: #2a265c
}

.sub-title-logo span {
    color: #fed387
}

@media(min-width:768px) {
    .rounded-3 {
        width: 430px !important;
        margin-top: -60px
    }
}

@media(min-width:1000px) {
    .logo {
        margin-top: -230px;
        width: 487px
    }
}

@media(max-width:1000px) {
    .sec-logo {
        display: none !important
    }
    .bg-auth {
        width: 545px
    }
    .logo-mobile {
        display: block;
        width: 130px;
        margin: 0 auto;
        padding-bottom: 28px
    }
    .form-hexagon {
        z-index: 111;
        margin-right: 0
    }
    form {
        padding: 0 62px
    }
}

@media (max-width:760px) {
    .form-hexagon {
        width: 80%
    }
    form {
        padding: 0 33px
    }
    .form-hexagon .flex-column {
        background-size: 100% 100%
    }
}

@media (max-width:500px) {
    .form-hexagon {
        width: 100%
    }
    .bg-top {
        height: 146px
    }
    form {
        padding: 15px
    }
    .bg-auth {
        width: 351px
    }
}

@media (min-width:992px) {
    .w-lg-45 {
        width: 45% !important
    }
    .w-lg-60 {
        width: 60% !important
    }
    .w-lg-65 {
        width: 65% !important
    }
    .w-lg-70 {
        width: 70% !important
    }
}


.bg-body {
    height: 600px;
    z-index: 9;
    width: 600px;
}


.bloc-connexion{

}

.border-effect{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
  height: 600px;
  bottom: 0;
  margin: auto;
  background: conic-gradient(
        transparent, transparent, transparent, #fb890f,
        transparent, transparent, transparent, #f42942,
        transparent, transparent, transparent, #0b3cf0,
        transparent, transparent, transparent, #3d1cda
    );
    animation-duration: 4s;
}

.border-effect::before {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background: conic-gradient(
        transparent, transparent, transparent, #fb890f,
        transparent, transparent, transparent, #f42942,
        transparent, transparent, transparent, #0b3cf0,
        transparent, transparent, transparent, #3d1cda
    );
    animation: rotate 4s linear infinite;
    z-index: 2;
}

.border-effect::after {
    content: '';
    position: absolute;
    inset: 2px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 14px;
    z-index: 3;
}