body.theme-1 {--main-bg:12,175,96;}
body.theme-2 {--main-bg:70, 50, 137;}
body.theme-3 { --main-bg: 111, 217, 67; }      
body.theme-4 { --main-bg: 20, 83, 136; }      
body.theme-5 { --main-bg: 185, 64, 107; }      
body.theme-6 { --main-bg: 0, 142, 204; }       
body.theme-7 { --main-bg: 146, 44, 136; }      
body.theme-8 { --main-bg: 192, 161, 69; }      
body.theme-9 { --main-bg: 72, 73, 75; }       
body.theme-10 { --main-bg: 12, 119, 133; } 

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../assets/fonts/Cairo-VariableFont_slnt,wght.ttf") ;
}
 @font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../assets/fonts/Poppins/Poppins-Light.ttf") ;
}
body {
  background: #fff !important;
    font-family: 'Poppins';

}
[dir="rtl"] body {
    font-family: 'Cairo';

}


.bg {
  /*--r: 30px;*/
  /*--s: 50px;*/
  /*--x: 0px;*/
  /*--y: 10px;*/
      display: flex;
      flex-direction: column;
    justify-content: center;
    
min-height: 94vh !important;
    background: rgba(var(--main-bg));

  /*background-image: url("../assets/images/Group 7.png");*/



  padding: 0px;
  margin: 2rem auto;
  width: 98%;
  border-radius: 50px;
  min-height: 400px;
  position: relative;

  /*  border-radius: var(--r);*/
  /*--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);*/
  /*--_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);*/
  /*--_d:(var(--s) + var(--r));*/
  /*mask:*/
  /*  calc(100% - var(--_d) - var(--x)) 0 var(--_m),*/
  /*  100% calc(var(--_d) + var(--y)) var(--_m),*/
  /*  radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) */
  /*   calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),*/
  /*  var(--_g) calc(-1*var(--_d) - var(--x)) 0,*/
  /*  var(--_g) 0 calc(var(--_d) + var(--y));*/
  /*mask-repeat: no-repeat;*/
  /*  aspect-ratio: 1;*/

}
.bg .bg-lines{
  position: absolute;
  width:100%;
  height:100%;
    background-image: url("../assets/images/Group 1000002801-cropped.svg");
    background-size: 100% 85%;
  background-position:  center;
background-repeat: no-repeat;
  transform: scaleX(-1);

}

[dir="rtl"] .bg .bg-lines{
      transform: scaleX(1);
}
.bg::before{
    /*content: "";*/
    /*position: absolute;*/
    /*background: url("../assets/images/Group 6.png");*/
    /*background-size: 100% 100%;*/
    /*width: 85px;*/
    /*bottom: 6rem;*/
    /*height: 50px;*/
    /*background-repeat: no-repeat;*/
    /*left: -1px;*/
    /*transform: rotateY(180deg);*/
}
[dir="rtl"] .bg::before{
    right: 0px;
    left: auto;
    transform: rotateY(0);
}
.bg::after{
    /*content: "";*/
    /*position: absolute;*/
    /*background: url("../assets/images/Group 5.png");*/
    /*background-size: 100% 100%;*/
    /*width: 85px;*/
    /*top: 6rem;*/
    /*height: 50px;*/
    /*background-repeat: no-repeat;*/
    /*right: -1px;*/
    /*transform: rotateY(180deg);*/

}
[dir="rtl"] .bg::after{
    left: 0px;
    right: auto;
    transform: rotateY(0);
}
.header {
    position: relative;
    width: 100%;
}
.form-group-password{
     position: relative;
}
.form-group-password #toggle-password{
    position: absolute;
    top: 2rem;
    right: -.5rem;
}
[dir="rtl"] .form-group-password #toggle-password{
        right: auto;
        left:-.5rem;
}

.logo-block {
  /*background: #ffff; */
  /* padding: 5px; */
  /* margin-right: -35px; */
  /* border-bottom-left-radius: 90px; */

  /*background: url("../assets/images/Vector 9ltr.png");*/
  /*background-repeat: no-repeat;*/
  /*background-position: top;*/
  /*background-size: 100% 185px;*/
  
  display: flex;
  align-items: center;
  padding: 5px;
  align-items: center;
  height: 250px;
  flex-direction: row;
  align-content: center;
  margin-left: -1.13rem;
  margin-top: -2.31rem;
  transform: scaleX(-1);
justify-content: flex-end


}

[dir="rtl"] .logo-block {
    margin-left: auto;
    margin-right: -1.13rem;
    transform: scaleX(1);
    justify-content: flex-start


/*  margin-right: .666rem;*/
/*  background: url(../assets/images/122.png);*/
/*  background-repeat: no-repeat;*/
/*  background-size: 99.6% 170px;*/
/*background-position: top;*/



    /*background: url("../assets/images/Vector9.svg");*/
    /*background-position: top;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 185px;*/

}

.logo-block::after {
  /*  content:"";*/
  /*  position: absolute;*/

  /*width: 250px;*/
  /*background: #3FB8AF;*/

}

.logo-block .navbar-brand {
  position: absolute;

}

.logo-block .logo {
    width: 106px;
    margin-right: 1.4rem;
    margin-top: -3rem;
   transform: scaleX(-1);

}

[dir="rtl"] .logo-block .logo {
    margin-right: 1.4rem;
    margin-left: auto;
    transform: scaleX(1);


}
.card-form{
    width: 67%;
    min-width: 330px;
    position: relative;
    box-shadow: 0px 0px 41px 6px rgb(228 230 234 / 34%);
    z-index: 99;


}
.card-form form input{
    height:44px;
}
.card-form form input[type="submit"]{
    background: rgba(var(--main-bg));
    height:48px;
}
.card-form form button[type="submit"]{
    background: rgba(var(--main-bg));
}
.card-form form  label{
    font-size: 1rem;
}

.card-form form a{
    color:rgba(var(--main-bg)) !important;
}
.card-form::before{
    content: "";
    position: absolute;
    background: url("../assets/images/Group 2.png");
    background-size: 100% 100%;
    width: 70px;
    top: -3.5rem;
    height: 90px;
    background-repeat: no-repeat;
    right: -2rem;
    transform: rotateY(180deg);
}

[dir="rtl"] .card-form::before{
    content: "";
    position: absolute;
    background: url("../assets/images/Group 2.png");
    background-size: 100% 100%;
    width: 70px;
    top: -3.5rem;
    height: 90px;
    background-repeat: no-repeat;
    left: -2rem;
    right: auto;
    transform: rotate(1deg);
}

.welcome-block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    max-width: 450px;
    margin-right: 5rem;
}
[dir="rtl"] .welcome-block{
    margin-left: 5rem;
    margin-right: auto;

}

.welcome-block p{
    font-size: 3rem;
    position: relative;
    text-shadow: -20px 18px 62px rgb(228 230 234 / 34%);

}
[dir="rtl"] .welcome-block p{
    font-size: 4rem;
}
[dir="rtl"] .welcome-block p::before{
    content: "";
    position: absolute;
    background: url("../assets/images/Group 3.png");
    background-size: 100% 100%;
    width: 70px;
    top: -5rem;
    height: 90px;
    background-repeat: no-repeat;
    right: 10rem;
    left: auto;
    transform: rotate(0deg);
}
.welcome-block p::before{
content: "";
    position: absolute;
    background: url("../assets/images/Group 3.png");
    background-size: 100% 100%;
    width: 70px;
    top: -3.9rem;
    left: 8rem;

    height: 90px;
    background-repeat: no-repeat;
    right: auto;
    transform: rotate(0deg);
}

.welcome-block  .circ-blur{
position: absolute;
    height: 70%;
    width: 100%;
    border-radius: 50%;
    background: rgba(var(--main-bg));
    filter: blur(118px);
    bottom: 0;
    top: 8rem;
}
[dir="rtl"]  .welcome-block  .circ-blur{

    
}
.content{
    flex-grow: 1;
}
.top-login-links{
    display:flex;
    justify-content: space-evenly;
    margin-right: 1rem;
}
.top-login-links a,.navbar-nav .drp-text{
    font-size: 1rem;
}
[dir="rtl"] .top-login-links{
    margin-left: 1rem;

}
@media (max-width: 576px) { 
    .top-login-links{
        margin-left: auto;
        margin-right: auto; 
    }
.content{
    display: flex;
    flex-direction: column-reverse;
}
.welcome-block{
    max-width:100%;
    margin-bottom: 3rem;
            margin-left: auto;
        margin-right: auto; 
}
[dir="rtl"] .welcome-block p::before {
    content: "";
    position: absolute;
    background: url("../assets/images/Group 3.png");
    background-size: 100% 100%;
    width: 30px;
    height: 40px;
    top: -.4rem;
    background-repeat: no-repeat;
    right: 1rem;
    left: auto;
    transform: rotate(0deg);
}
.welcome-block p::before {
    content: "";
    position: absolute;
    background: url(../assets/images/Group 3.png);
    background-size: 100% 100%;
    width: 30px;
    height: 40px;
    top: -.4rem;
    background-repeat: no-repeat;
    left: 5rem;
    right: auto;
    transform: rotate(0deg);
}

.welcome-block p {
    font-size: 1.5rem;
    position: relative;
    text-align: center;
    
}
[dir="rtl"] .welcome-block p{
    font-size: 1.5rem;
}
    .bg {
        width:99.5%;
        margin: 1rem auto;
        border-radius: 19px;
    }
    .logo-block{

        
        /*background: url("../assets/images/Vector 9ltr.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: 100% 127px;*/
        
        height:145px;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }
    [dir="rtl"] .logo-block{
        /*background: url(../assets/images/Vector 9.png");*/
        /*background-repeat: no-repeat;*/
        /*background-size: 100% 127px;*/
        margin-left: 0;
        margin-right: 0;
        
    }
    .logo-block .logo {
         width: 58px;
        margin-left:0rem;
        margin-top:-.5rem;

    }
    [dir="rtl"] .logo-block .logo {
        margin-right:0rem;
    }
  .bg::after{
        display:none;
    }
    .bg .navbar-nav{

    }
    .nav-link,.drp-text{
        font-size: .8rem !important;
    }
    #navbarlogin .navbar-nav{
        height: 60px !important;
    }
}