@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Nunito:wght@400;500;600;700;800&display=swap");
@import "../css/login.css";
:root {
  --yellow-color: #FFB800;
  --outline-color: #BA730A;
  --black:#000;
  --white:#fff;
  --dark-brown:#211604;

}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html,
body {
  cursor: default;
  font-family: 'Josefin Sans'
}
body {
    font-style: normal;
    font-weight: normal;
    overflow-x: hidden;
    line-height: 1.765;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    background-size:cover !important;
}
.yellow{
  color: var(--yellow-color);
}
.btn, .btn:active, .btn:focus{
  box-shadow: none;
}
/* login */
label.form-label.custm-label {
  color: var(--yellow-color);
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.form-control.custm-form {
  border-radius: 0.1rem;
  border: 0.1rem solid var(--outline-color);
  background: rgba(255, 255, 255, 0.07);
  height: 5.8rem;
  color: var(--white);
  font-size: 1.6rem;
}
.form-control.custm-form:focus {
  border-radius: 0.1rem;
  border: 0.1rem solid var(--yellow-color);
  background: rgba(223, 223, 223, 0.07);
}
.login{
  background-image: url(../images/login-bg.svg);
  background-repeat: no-repeat;
  width: 100%;
 }
 .sign-up{
    background-image: url(../images/background-full.svg);
    background-repeat: no-repeat;
    width: 100%;
   }

.btn.btn-main {
  min-width: 2rem;
  background: linear-gradient(270deg, #a76f1e 0%, #efe983 100%);
  min-width: 10rem;
  padding: 1.2rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--black);
  width: 100%;
}
.custom-bottom {
  font-size: 1.2rem;
  font-weight: 200;
  color: #ffcf4882;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.login-form,
.login-form a {
  font-size: 1.4rem;
  color: var(--outline-color);
}
.custom-form:checked {
  background-color: var(--black);
  border-color: var(--yellow-color);
  box-shadow: none;
}
.custom-form {
  background-color: var(--black);
  border-color: var(--outline-color);
  box-shadow: none;
}
.custom-form:focus {
  border-color: var(--yellow-color);
  box-shadow: none;
}
a.yellow:hover{
  color: var(--white);
}
.section-left img{
  display: none;
 }

.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Use the full viewport height */
}



/*----02-09-2024-----*/
.cstm-validate-text .validation-summary-errors {
    position: relative;
}

    .cstm-validate-text .validation-summary-errors ul li {
        position: absolute;
        list-style: none;
        color: red;
    }


.ldr1 {
    display: none;
    top: 130px;
    left: 330px
}

#CloseCross-sidebar {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 16px;
}


button.drop_btn {
    width: 100%;
    text-align: left;
    background: unset;
    color: #fff;
    border: unset;
    padding: 6px 10px;
}
.dropdown_list_box a.dropdown-item {
    color: #fff;
    padding: 6px 48px;
}
.dropdown_list_box {
    display: none;
}

    button.drop_btn:hover, .dropdown_list_box a.dropdown-item:hover {
        background: #0d6efd;
        color: white;
    }


    .dropdown_list_box .dropdown-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color);
    }

.dropdown_list .dropdown_list_box:has(.dropdown-item.active) {
    display: block !important;
}
span.prfimg.img {
    height: auto;
    width: fit-content;
}
button#logout-dropdown {
    display: flex;
    gap: 10px;
}
.container-max{max-width:90%; margin:0 auto;}